@tanstack/solid-pacer-devtools 0.6.2 → 0.7.0

package/README.md

@@ -1,5 +1,19 @@
 <div align="center">
-  <img src="./media/header_pacer.png" >
+  <picture>
+    <source
+      media="(prefers-color-scheme: dark)"
+      srcset="https://tanstack.com/api/readme/pacer.png?theme=dark"
+    />
+    <source
+      media="(prefers-color-scheme: light)"
+      srcset="https://tanstack.com/api/readme/pacer.png"
+    />
+    <img
+      src="https://tanstack.com/api/readme/pacer.png"
+      alt="TanStack Pacer"
+      width="900"
+    />
+  </picture>
 </div>
 
 <br />
@@ -29,8 +43,9 @@
 </div>
 
 <div align="center">
-  
+
 ### [Become a Sponsor!](https://github.com/sponsors/tannerlinsley/)
+
 </div>
 
 # TanStack Pacer

package/dist/SolidPacerDevtools.d.ts

@@ -1,11 +1,9 @@
 import { DevtoolsPanelProps } from "@tanstack/devtools-utils/solid";
 import { JSX } from "solid-js";
-
 //#region src/SolidPacerDevtools.d.ts
-declare const pacerDevtoolsPanels: readonly [(props: DevtoolsPanelProps) => JSX.Element, (props: DevtoolsPanelProps) => JSX.Element];
-type PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0];
+type PacerDevtoolsPanelComponent = (props?: PacerDevtoolsSolidInit) => JSX.Element;
 declare const PacerDevtoolsPanel: PacerDevtoolsPanelComponent;
-interface PacerDevtoolsSolidInit extends DevtoolsPanelProps {}
+interface PacerDevtoolsSolidInit extends Partial<DevtoolsPanelProps> {}
 //#endregion
 export { PacerDevtoolsPanel, PacerDevtoolsSolidInit };
 //# sourceMappingURL=SolidPacerDevtools.d.ts.map

package/dist/SolidPacerDevtools.js

@@ -3,8 +3,14 @@ import { PacerDevtoolsCore } from "@tanstack/pacer-devtools";
 
 //#region src/SolidPacerDevtools.tsx
 const pacerDevtoolsPanels = createSolidPanel(PacerDevtoolsCore);
-const PacerDevtoolsPanel = pacerDevtoolsPanels[0];
-const PacerDevtoolsPanelNoOp = pacerDevtoolsPanels[1];
+function resolvePanelProps(props) {
+	return {
+		theme: props?.theme ?? "dark",
+		devtoolsOpen: props?.devtoolsOpen ?? false
+	};
+}
+const PacerDevtoolsPanel = (props) => pacerDevtoolsPanels[0](resolvePanelProps(props));
+const PacerDevtoolsPanelNoOp = (props) => pacerDevtoolsPanels[1](resolvePanelProps(props));
 
 //#endregion
 export { PacerDevtoolsPanel, PacerDevtoolsPanelNoOp };

package/dist/SolidPacerDevtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPacerDevtools.js","names":["createSolidPanel","PacerDevtoolsCore","JSX","DevtoolsPanelProps","pacerDevtoolsPanels","props","Element","PacerDevtoolsPanelComponent","PacerDevtoolsPanel","PacerDevtoolsPanelNoOp","PacerDevtoolsSolidInit"],"sources":["../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { createSolidPanel } from '@tanstack/devtools-utils/solid'\nimport { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport type { JSX } from 'solid-js'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/solid'\n\nconst pacerDevtoolsPanels: readonly [\n  (props: DevtoolsPanelProps) => JSX.Element,\n  (props: DevtoolsPanelProps) => JSX.Element,\n] = createSolidPanel(PacerDevtoolsCore)\n\ntype PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0]\n\nexport const PacerDevtoolsPanel: PacerDevtoolsPanelComponent =\n  pacerDevtoolsPanels[0]\nexport const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent =\n  pacerDevtoolsPanels[1]\n\nexport interface PacerDevtoolsSolidInit extends DevtoolsPanelProps {}\n"],"mappings":";;;;AAKA,MAAMI,sBAGFJ,iBAAiBC,kBAAkB;AAIvC,MAAaO,qBACXJ,oBAAoB;AACtB,MAAaK,yBACXL,oBAAoB"}
+{"version":3,"file":"SolidPacerDevtools.js","names":["createSolidPanel","PacerDevtoolsCore","JSX","DevtoolsPanelProps","pacerDevtoolsPanels","props","Element","PacerDevtoolsPanelComponent","PacerDevtoolsSolidInit","resolvePanelProps","theme","devtoolsOpen","PacerDevtoolsPanel","PacerDevtoolsPanelNoOp","Partial"],"sources":["../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { createSolidPanel } from '@tanstack/devtools-utils/solid'\nimport { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport type { JSX } from 'solid-js'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/solid'\n\nconst pacerDevtoolsPanels: readonly [\n  (props: DevtoolsPanelProps) => JSX.Element,\n  (props: DevtoolsPanelProps) => JSX.Element,\n] = createSolidPanel(PacerDevtoolsCore)\n\ntype PacerDevtoolsPanelComponent = (\n  props?: PacerDevtoolsSolidInit,\n) => JSX.Element\n\nfunction resolvePanelProps(props?: PacerDevtoolsSolidInit): DevtoolsPanelProps {\n  return {\n    theme: props?.theme ?? 'dark',\n    devtoolsOpen: props?.devtoolsOpen ?? false,\n  }\n}\n\nexport const PacerDevtoolsPanel: PacerDevtoolsPanelComponent = (props) =>\n  pacerDevtoolsPanels[0](resolvePanelProps(props))\nexport const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent = (props) =>\n  pacerDevtoolsPanels[1](resolvePanelProps(props))\n\nexport interface PacerDevtoolsSolidInit extends Partial<DevtoolsPanelProps> {}\n"],"mappings":";;;;AAKA,MAAMI,sBAGFJ,iBAAiBC,iBAAiB;AAMtC,SAASQ,kBAAkBJ,OAAoD;CAC7E,OAAO;EACLK,OAAOL,OAAOK,SAAS;EACvBC,cAAcN,OAAOM,gBAAgB;CACvC;AACF;AAEA,MAAaC,sBAAmDP,UAC9DD,oBAAoB,EAAE,CAACK,kBAAkBJ,KAAK,CAAC;AACjD,MAAaQ,0BAAuDR,UAClED,oBAAoB,EAAE,CAACK,kBAAkBJ,KAAK,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import { PacerDevtoolsPanel as PacerDevtoolsPanel$1, PacerDevtoolsSolidInit } from "./SolidPacerDevtools.js";
 import { pacerDevtoolsPlugin as pacerDevtoolsPlugin$1 } from "./plugin.js";
-
 //#region src/index.d.ts
 declare const PacerDevtoolsPanel: typeof PacerDevtoolsPanel$1;
 declare const pacerDevtoolsPlugin: typeof pacerDevtoolsPlugin$1;

package/dist/plugin.d.ts

@@ -1,5 +1,4 @@
 import { createSolidPlugin } from "@tanstack/devtools-utils/solid";
-
 //#region src/plugin.d.ts
 type PacerDevtoolsPluginFactory = ReturnType<typeof createSolidPlugin>[0];
 declare const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory;

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["createSolidPlugin","PacerDevtoolsPanel","PacerDevtoolsPluginFactory","ReturnType","pacerDevtoolsPlugins","name","Component","pacerDevtoolsPlugin","pacerDevtoolsNoOpPlugin"],"sources":["../src/plugin.tsx"],"sourcesContent":["import { createSolidPlugin } from '@tanstack/devtools-utils/solid'\nimport { PacerDevtoolsPanel } from './SolidPacerDevtools'\n\ntype PacerDevtoolsPluginFactory = ReturnType<typeof createSolidPlugin>[0]\n\nconst pacerDevtoolsPlugins = createSolidPlugin({\n  name: 'TanStack Pacer',\n  Component: PacerDevtoolsPanel,\n})\n\nexport const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory =\n  pacerDevtoolsPlugins[0]\nexport const pacerDevtoolsNoOpPlugin: PacerDevtoolsPluginFactory =\n  pacerDevtoolsPlugins[1]\n"],"mappings":";;;;AAKA,MAAMI,uBAAuBJ,kBAAkB;CAC7CK,MAAM;CACNC,WAAWL;CACZ,CAAC;AAEF,MAAaM,sBACXH,qBAAqB;AACvB,MAAaI,0BACXJ,qBAAqB"}
+{"version":3,"file":"plugin.js","names":["createSolidPlugin","PacerDevtoolsPanel","PacerDevtoolsPluginFactory","ReturnType","pacerDevtoolsPlugins","name","Component","pacerDevtoolsPlugin","pacerDevtoolsNoOpPlugin"],"sources":["../src/plugin.tsx"],"sourcesContent":["import { createSolidPlugin } from '@tanstack/devtools-utils/solid'\nimport { PacerDevtoolsPanel } from './SolidPacerDevtools'\n\ntype PacerDevtoolsPluginFactory = ReturnType<typeof createSolidPlugin>[0]\n\nconst pacerDevtoolsPlugins = createSolidPlugin({\n  name: 'TanStack Pacer',\n  Component: PacerDevtoolsPanel,\n})\n\nexport const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory =\n  pacerDevtoolsPlugins[0]\nexport const pacerDevtoolsNoOpPlugin: PacerDevtoolsPluginFactory =\n  pacerDevtoolsPlugins[1]\n"],"mappings":";;;;AAKA,MAAMI,uBAAuBJ,kBAAkB;CAC7CK,MAAM;CACNC,WAAWL;AACb,CAAC;AAED,MAAaM,sBACXH,qBAAqB;AACvB,MAAaI,0BACXJ,qBAAqB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-pacer-devtools",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "Solid adapter for devtools for Pacer.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -41,12 +41,12 @@
     "solid-js": ">=1.9.7"
   },
   "dependencies": {
-    "@tanstack/devtools-utils": "^0.4.0",
-    "@tanstack/pacer-devtools": "1.3.0"
+    "@tanstack/devtools-utils": "^0.6.0",
+    "@tanstack/pacer-devtools": "1.4.0"
   },
   "devDependencies": {
     "csstype": "^3.2.3",
-    "vite-plugin-solid": "^2.11.12"
+    "vite-plugin-solid": "^2.11.14"
   },
   "scripts": {
     "clean": "premove ./build ./dist",

package/src/SolidPacerDevtools.tsx

@@ -8,11 +8,20 @@ const pacerDevtoolsPanels: readonly [
   (props: DevtoolsPanelProps) => JSX.Element,
 ] = createSolidPanel(PacerDevtoolsCore)
 
-type PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0]
+type PacerDevtoolsPanelComponent = (
+  props?: PacerDevtoolsSolidInit,
+) => JSX.Element
 
-export const PacerDevtoolsPanel: PacerDevtoolsPanelComponent =
-  pacerDevtoolsPanels[0]
-export const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent =
-  pacerDevtoolsPanels[1]
+function resolvePanelProps(props?: PacerDevtoolsSolidInit): DevtoolsPanelProps {
+  return {
+    theme: props?.theme ?? 'dark',
+    devtoolsOpen: props?.devtoolsOpen ?? false,
+  }
+}
 
-export interface PacerDevtoolsSolidInit extends DevtoolsPanelProps {}
+export const PacerDevtoolsPanel: PacerDevtoolsPanelComponent = (props) =>
+  pacerDevtoolsPanels[0](resolvePanelProps(props))
+export const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent = (props) =>
+  pacerDevtoolsPanels[1](resolvePanelProps(props))
+
+export interface PacerDevtoolsSolidInit extends Partial<DevtoolsPanelProps> {}