Skip to content

feat(angular): angular adapter and utils#368

Open
riccardoperra wants to merge 17 commits intoTanStack:mainfrom
riccardoperra:feat/angular-adapter
Open

feat(angular): angular adapter and utils#368
riccardoperra wants to merge 17 commits intoTanStack:mainfrom
riccardoperra:feat/angular-adapter

Conversation

@riccardoperra
Copy link

@riccardoperra riccardoperra commented Mar 4, 2026

The following PR continues the work of #364 to improve and fix angular integration:

  • devtool component can now render component, lazy components (by dynamic imports) or custom functions
  • devtools utils will now use a non-decoration approach to render components

Added some examples:

  • Basic: just a copy of "custom plugin" example from react
  • Panel: example using createAngularPlugin with a "vanilla" plugin example
  • with-devtools: example using sub package @tanstack/angular-devtools/provider for those who prefers injecting devtools with Dependency Injection (and automatically lazy-load devtool component)

AlemTuzlak and others added 8 commits March 4, 2026 11:53
Add the @tanstack/angular-devtools package with:
- TanStackDevtoolsComponent: standalone Angular component that wraps TanStackDevtoolsCore
- Plugin system supporting Angular components rendered into devtools containers
- Type definitions for Angular-specific plugin and init configuration
- Build config using @analogjs/vite-plugin-angular for AOT compilation
- Remove @analogjs/vite-plugin-angular from build (produces empty chunks
  for library builds). Use plain esbuild via Vite instead - Angular AOT
  compilation happens at consumer's build time.
- Upgrade Angular dev deps from ^19 to ^20 for TypeScript 5.9 compat.
- Remove @angular/build dep (only needed by analogjs plugin).
- Add @tanstack/angular-devtools workspace override to root.
- Fix array-type ESLint rule in angular-devtools
- Fix import/consistent-type-specifier-style in devtools-utils angular
- Sort peerDependencies alphabetically (sherif)
- Remove unused devDependencies flagged by knip
- Remove angularCompilerOptions from tsconfig (not using ngc)
@changeset-bot
Copy link

changeset-bot bot commented Mar 4, 2026

⚠️ No Changeset found

Latest commit: 25db239

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

@riccardoperra riccardoperra force-pushed the feat/angular-adapter branch from d1cafc8 to 3f27799 Compare March 8, 2026 08:45
@riccardoperra riccardoperra changed the base branch from worktree-kind-orbiting-dolphin to main March 8, 2026 12:26
@riccardoperra riccardoperra force-pushed the feat/angular-adapter branch from d82d6a2 to efa3afd Compare March 8, 2026 12:31
@riccardoperra riccardoperra marked this pull request as ready for review March 8, 2026 13:06
@riccardoperra riccardoperra changed the title feat(angular): angular adapter, add utils and some examples, fix build feat(angular): angular adapter and utils Mar 8, 2026
@riccardoperra riccardoperra force-pushed the feat/angular-adapter branch from 5abbcba to e5e5ec1 Compare March 8, 2026 14:05
@riccardoperra
Copy link
Author

riccardoperra commented Mar 8, 2026

@AlemTuzlak integration is done. I probably need pipelines so I can check with pkg.pr.new if everything works with some other devtools like table which is not published yet (unfortunately I always have a lot of issues running pnpm link with angular 😄)

Since angular-devtools already run the code within afterNextRender in browser env, we don't like to wrap the panel returned from utils
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.

2 participants