Conversation
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.
|
|
View your CI Pipeline Execution ↗ for commit b56b0af
☁️ Nx Cloud last updated this comment at |
More templates
@tanstack/angular-devtools
@tanstack/devtools
@tanstack/devtools-client
@tanstack/devtools-ui
@tanstack/devtools-utils
@tanstack/devtools-vite
@tanstack/devtools-event-bus
@tanstack/devtools-event-client
@tanstack/preact-devtools
@tanstack/react-devtools
@tanstack/solid-devtools
@tanstack/vue-devtools
commit: |
- 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)
crutchcorn
left a comment
crutchcorn
left a comment
There was a problem hiding this comment.
Just a few notes; otherwise broadly looks good
| >( | ||
| CoreClass: new (props: TComponentProps) => TCoreDevtoolsClass, | ||
| ): [Type<any>, Type<any>] { | ||
| @Component({ |
There was a problem hiding this comment.
I'm not confident this will work for some edgecase compiler usage. I've ran into issues trying to dynamically create components like this before; although FWIW my memory here is a little hazy
| "test:lib:dev": "pnpm test:lib --watch", | ||
| "test:types": "tsc", | ||
| "test:build": "publint --strict", | ||
| "build": "vite build" |
There was a problem hiding this comment.
AFAIK, most other TanStack Angular adapters are using Angular CLI (and/or ng-packagr) itself:
https://github.com/TanStack/form/blob/main/packages/angular-form/package.json#L25
Because of incompatibilities of using Vite for builds.
2 participants
Summary
@tanstack/angular-devtoolspackage — a standalone Angular 19+ component wrappingTanStackDevtoolsCorewith signal-based inputs, dynamic component rendering viacreateComponent+ApplicationRef.attachView, and reactive config updates viaeffect()@tanstack/devtools-utils/angularexport withcreateAngularPlugin()andcreateAngularPanel()factory functions following the[Plugin, NoOpPlugin]tuple patternTest plan
pnpm build:allpasses (all packages including angular)test:typespasses for both angular-devtools and devtools-utilstest:build(publint --strict) passes for angular-devtools