chore(deps): update @tanstack/devtools and related packages

Author: riccardoperra

examples/angular/a11y-devtools/package.json

@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^21.2.0",
     "@angular/router": "^21.2.0",
     "@tanstack/angular-devtools": "^0.0.1",
-    "@tanstack/devtools-event-client": "0.4.2",
+    "@tanstack/devtools-event-client": "0.4.3",
     "@tanstack/devtools-a11y": "^0.1.2",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0"

examples/angular/basic/package.json

@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^21.2.0",
     "@angular/router": "^21.2.0",
     "@tanstack/angular-devtools": "^0.0.1",
-    "@tanstack/devtools-event-client": "0.4.2",
+    "@tanstack/devtools-event-client": "0.4.3",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0"
   },

examples/angular/panel/package.json

@@ -18,9 +18,9 @@
     "@angular/platform-browser": "^21.2.0",
     "@angular/router": "^21.2.0",
     "@tanstack/angular-devtools": "^0.0.1",
-    "@tanstack/devtools": "^0.10.13",
-    "@tanstack/devtools-event-client": "0.4.2",
-    "@tanstack/devtools-utils": "^0.3.3",
+    "@tanstack/devtools": "^0.11.2",
+    "@tanstack/devtools-event-client": "0.4.3",
+    "@tanstack/devtools-utils": "^0.4.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0"
   },

examples/angular/with-devtools/package.json

@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^21.2.0",
     "@angular/router": "^21.2.0",
     "@tanstack/angular-devtools": "^0.0.1",
-    "@tanstack/devtools-event-client": "0.4.2",
+    "@tanstack/devtools-event-client": "^0.4.3",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0"
   },

examples/react/bundling-repro/.wrangler/deploy/config.json

@@ -1 +1 @@
-{ "configPath": "../../dist/server/wrangler.json", "auxiliaryWorkers": [] }
+{"configPath":"../../dist/server/wrangler.json","auxiliaryWorkers":[]}

packages/angular-devtools/src/devtools.ts

@@ -22,11 +22,14 @@ import {
   untracked,
 } from '@angular/core'
 import type { Signal } from '@angular/core'
-import type { TanStackDevtoolsPlugin } from '@tanstack/devtools'
+import type {
+  TanStackDevtoolsPlugin,
+} from '@tanstack/devtools'
 import type {
   TanStackDevtoolsAngularFunctionalComponent,
   TanStackDevtoolsAngularInit,
   TanStackDevtoolsAngularPlugin,
+  TanStackDevtoolsAngularPluginInputProps,
   TanStackDevtoolsAngularPluginRender,
 } from './types'
 
@@ -127,15 +130,15 @@ export class TanStackDevtools {
                 ...(plugin.inputs ?? {}),
               })
             },
-      render: (e, theme) => {
+      render: (e, props) => {
         if (!plugin.render) {
           return
         }
 
         runInInjectionContext(this.#viewInjector, () => {
           if (isClassConstructor<unknown>(plugin.render)) {
             this.renderComponent(plugin.render, e, {
-              theme,
+              ...props,
               ...(plugin.inputs ?? {}),
             })
           } else {
@@ -146,7 +149,7 @@ export class TanStackDevtools {
               >,
               e,
               {
-                theme,
+                ...props,
                 ...(plugin.inputs ?? {}),
               },
             )
@@ -159,7 +162,7 @@ export class TanStackDevtools {
     }
   }
 
-  #normalizeInputs<TInputs extends Record<string, unknown>>(
+  #normalizeInputs<TInputs extends Record<string, any>>(
     inputs: Signal<TInputs> | (() => TInputs) | TInputs,
   ): () => TInputs {
     return isSignal(inputs)
@@ -170,7 +173,9 @@ export class TanStackDevtools {
   async #renderComponentFunction(
     renderFn: Exclude<TanStackDevtoolsAngularPluginRender, Type<any> | null>,
     container: HTMLElement,
-    inputs: (() => Record<string, unknown>) | Record<string, unknown>,
+    inputs:
+      | (() => TanStackDevtoolsAngularPluginInputProps)
+      | TanStackDevtoolsAngularPluginInputProps,
   ) {
     const result = await renderFn()
     if (!result) return
@@ -193,7 +198,7 @@ export class TanStackDevtools {
   #renderFunctionalComponent(
     fn: TanStackDevtoolsAngularFunctionalComponent,
     container: HTMLElement,
-    inputs: () => Record<string, unknown>,
+    inputs: () => TanStackDevtoolsAngularPluginInputProps,
   ) {
     const component = createComponent(TanStackPluginView, {
       hostElement: container,

packages/angular-devtools/src/types.ts

@@ -17,12 +17,16 @@ interface DefaultExport<T> {
   default: T
 }
 
+export interface TanStackDevtoolsAngularPluginInputProps extends TanStackDevtoolsPluginProps {
+  [key: string]: any;
+}
+
 export type TanStackDevtoolsAngularFunctionalComponent<
-  TInputs extends NonNullable<unknown> = Record<string, any>,
+  TInputs extends TanStackDevtoolsAngularPluginInputProps = TanStackDevtoolsAngularPluginInputProps,
 > = (inputs: () => TInputs, hostElement: HTMLElement) => () => void
 
 export type TanStackDevtoolsAngularPluginRenderFn =
-  | TanStackDevtoolsAngularFunctionalComponent<TanStackDevtoolsPluginProps>
+  | TanStackDevtoolsAngularFunctionalComponent<TanStackDevtoolsAngularPluginInputProps>
   | DefaultExport<Type<unknown> | null>
   | Type<unknown>
   | null