@paramour-js/devtools-panel 1.0.0-rc.1 → 1.0.0-rc.2

package/dist/components/panel.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from "react";
 export interface ParamourDevtoolsPanelProps {
     /**
-     * Injected by the TanStack shell (the one contract it guarantees every
-     * panel, regardless of framework); selects the stylesheet's token set via
-     * a `data-theme` attribute — no theme context, no remount.
+     * The shell's theme, passed through by `paramourDevtoolsPlugin()`'s
+     * render function; selects the stylesheet's token set via a `data-theme`
+     * attribute — no theme context, no remount.
      */
     readonly theme?: "dark" | "light";
 }

package/dist/plugin.d.ts

@@ -6,13 +6,20 @@ import type { ReactElement } from "react";
  * entry type is declared STRUCTURALLY (the shell's contract is just
  * name/render/id/defaultOpen) so this module never imports the shell at
  * runtime; assignability to the real plugin type is certified by the
- * package's type tests. The shell clones `render` and injects `theme`.
+ * package's type tests.
+ *
+ * `render` is a function because that is the only way the panel receives
+ * the shell's theme: the shell calls a function render as
+ * `render(el, { theme, devtoolsOpen })` whenever its theme changes, and
+ * renders an element as-is with no props injected.
  */
 export interface ParamourDevtoolsPluginEntry {
     readonly defaultOpen?: boolean;
     readonly id: string;
     readonly name: string;
-    readonly render: ReactElement;
+    readonly render: (el: HTMLElement, props: {
+        readonly theme: "dark" | "light";
+    }) => ReactElement;
 }
 export interface ParamourDevtoolsPluginOptions {
     readonly defaultOpen?: boolean;

package/dist/plugin.js

@@ -7,6 +7,6 @@ export function paramourDevtoolsPlugin(options) {
             : { defaultOpen: options.defaultOpen }),
         id: "paramour-devtools",
         name: "Paramour",
-        render: _jsx(ParamourDevtoolsPanel, {}),
+        render: (_el, { theme }) => _jsx(ParamourDevtoolsPanel, { theme: theme }),
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paramour-js/devtools-panel",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0-rc.2",
   "type": "module",
   "exports": {
     ".": {
@@ -34,8 +34,8 @@
     "react-dom": "^19.2.0",
     "typescript": "^6.0.3",
     "zod": "^4.4.3",
-    "@paramour-js/next": "1.0.0-rc.1",
-    "paramour": "1.0.0-rc.1"
+    "@paramour-js/next": "1.0.0-rc.2",
+    "paramour": "1.0.0-rc.2"
   },
   "description": "Paramour devtools: a TanStack Devtools panel showing live route observations — wire vs parsed values, codec shapes, default/catch attribution, decode issues, and editable search params.",
   "author": "Jason Paff <jasonpaff@gmail.com>",