Skip to content

feat(angular): angular adapter, add utils and some examples, fix build#368

Draft
riccardoperra wants to merge 2 commits intoTanStack:worktree-kind-orbiting-dolphinfrom
riccardoperra:feat/angular-adapter
Draft

feat(angular): angular adapter, add utils and some examples, fix build#368
riccardoperra wants to merge 2 commits intoTanStack:worktree-kind-orbiting-dolphinfrom
riccardoperra:feat/angular-adapter

Conversation

@riccardoperra
Copy link

@riccardoperra riccardoperra commented Mar 4, 2026

The following PR revisit some logic to be able to render "dynamic" angular components...I tried to keep things as simple as possible following the @tanstack/table FlexRender signature which supports basically everything 😅https://github.com/TanStack/table/blob/alpha/packages/angular-table/src/flex-render/flexRenderComponent.ts

As I expected I had some problems with ng-packagr, but I copied the tanstack table setup.

Temporarly i left untouched packages/devtools-utils/angular and added my implementation on packages/devtools-angular/utils which is a subpackage accessible with @tanstack/angular-devtools/utils

Added two examples:

  • Basic: just a copy of "custom plugin" example from react
  • Panel: example using createAngularPlugin with a "vanilla" plugin example

@changeset-bot
Copy link

changeset-bot bot commented Mar 4, 2026

⚠️ No Changeset found

Latest commit: 39f44de

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@riccardoperra riccardoperra force-pushed the feat/angular-adapter branch from a9d3f16 to 3349a19 Compare March 4, 2026 22:10
@nx-cloud
Copy link

nx-cloud bot commented Mar 5, 2026

🤖 Nx Cloud AI Fix Eligible

An automatically generated fix could have helped fix failing tasks for this run, but Self-healing CI is disabled for this workspace. Visit workspace settings to enable it and get automatic fixes in future runs.

To disable these notifications, a workspace admin can disable them in workspace settings.


View your CI Pipeline Execution ↗ for commit 39f44de

Command Status Duration Result
nx affected --targets=test:eslint,test:sherif,t... ❌ Failed 2m 48s View ↗
nx run-many --targets=build --exclude=examples/** ✅ Succeeded 32s View ↗

☁️ Nx Cloud last updated this comment at 2026-03-05 10:30:10 UTC

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 5, 2026

More templates

@tanstack/angular-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/angular-devtools@368

@tanstack/devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools@368

@tanstack/devtools-client

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-client@368

@tanstack/devtools-ui

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-ui@368

@tanstack/devtools-utils

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-utils@368

@tanstack/devtools-vite

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-vite@368

@tanstack/devtools-event-bus

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-event-bus@368

@tanstack/devtools-event-client

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-event-client@368

@tanstack/preact-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/preact-devtools@368

@tanstack/react-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/react-devtools@368

@tanstack/solid-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/solid-devtools@368

@tanstack/vue-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/vue-devtools@368

commit: 11d5ce9

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant