@tanstack/preact-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/PreactPacerDevtools.d.ts

@@ -1,10 +1,8 @@
-import { DevtoolsPanelProps } from "@tanstack/devtools-utils/preact";
 import { JSX } from "preact";
-
+import { DevtoolsPanelProps } from "@tanstack/devtools-utils/preact";
 //#region src/PreactPacerDevtools.d.ts
-interface PacerDevtoolsPreactInit extends DevtoolsPanelProps {}
-declare const pacerDevtoolsPanels: readonly [(props: DevtoolsPanelProps) => JSX.Element, (props: DevtoolsPanelProps) => JSX.Element];
-type PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0];
+interface PacerDevtoolsPreactInit extends Partial<DevtoolsPanelProps> {}
+type PacerDevtoolsPanelComponent = (props?: PacerDevtoolsPreactInit) => JSX.Element;
 declare const PacerDevtoolsPanel: PacerDevtoolsPanelComponent;
 //#endregion
 export { PacerDevtoolsPanel, PacerDevtoolsPreactInit };

package/dist/PreactPacerDevtools.js

@@ -1,10 +1,17 @@
+import { h } from "preact";
 import { createPreactPanel } from "@tanstack/devtools-utils/preact";
 import { PacerDevtoolsCore } from "@tanstack/pacer-devtools";
 
 //#region src/PreactPacerDevtools.tsx
 const pacerDevtoolsPanels = createPreactPanel(PacerDevtoolsCore);
-const PacerDevtoolsPanel = pacerDevtoolsPanels[0];
-const PacerDevtoolsPanelNoOp = pacerDevtoolsPanels[1];
+function resolvePanelProps(props) {
+	return {
+		theme: props?.theme ?? "dark",
+		devtoolsOpen: props?.devtoolsOpen ?? false
+	};
+}
+const PacerDevtoolsPanel = (props) => h(pacerDevtoolsPanels[0], resolvePanelProps(props));
+const PacerDevtoolsPanelNoOp = (props) => h(pacerDevtoolsPanels[1], resolvePanelProps(props));
 
 //#endregion
 export { PacerDevtoolsPanel, PacerDevtoolsPanelNoOp };

package/dist/PreactPacerDevtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreactPacerDevtools.js","names":[],"sources":["../src/PreactPacerDevtools.tsx"],"sourcesContent":["import { createPreactPanel } from '@tanstack/devtools-utils/preact'\nimport { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport type { JSX } from 'preact'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/preact'\n\nexport interface PacerDevtoolsPreactInit extends DevtoolsPanelProps {}\n\nconst pacerDevtoolsPanels: readonly [\n  (props: DevtoolsPanelProps) => JSX.Element,\n  (props: DevtoolsPanelProps) => JSX.Element,\n] = createPreactPanel(PacerDevtoolsCore)\n\ntype PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0]\n\nexport const PacerDevtoolsPanel: PacerDevtoolsPanelComponent =\n  pacerDevtoolsPanels[0]\nexport const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent =\n  pacerDevtoolsPanels[1]\n"],"mappings":";;;;AAOA,MAAM,sBAGF,kBAAkB,kBAAkB;AAIxC,MAAa,qBACX,oBAAoB;AACtB,MAAa,yBACX,oBAAoB"}
+{"version":3,"file":"PreactPacerDevtools.js","names":[],"sources":["../src/PreactPacerDevtools.tsx"],"sourcesContent":["import { h } from 'preact'\nimport { createPreactPanel } from '@tanstack/devtools-utils/preact'\nimport { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport type { JSX } from 'preact'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/preact'\n\nexport interface PacerDevtoolsPreactInit extends Partial<DevtoolsPanelProps> {}\n\nconst pacerDevtoolsPanels: readonly [\n  (props: DevtoolsPanelProps) => JSX.Element,\n  (props: DevtoolsPanelProps) => JSX.Element,\n] = createPreactPanel(PacerDevtoolsCore)\n\ntype PacerDevtoolsPanelComponent = (\n  props?: PacerDevtoolsPreactInit,\n) => JSX.Element\n\nfunction resolvePanelProps(\n  props?: PacerDevtoolsPreactInit,\n): DevtoolsPanelProps {\n  return {\n    theme: props?.theme ?? 'dark',\n    devtoolsOpen: props?.devtoolsOpen ?? false,\n  }\n}\n\nexport const PacerDevtoolsPanel: PacerDevtoolsPanelComponent = (props) =>\n  h(pacerDevtoolsPanels[0], resolvePanelProps(props))\nexport const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent = (props) =>\n  h(pacerDevtoolsPanels[1], resolvePanelProps(props))\n"],"mappings":";;;;;AAQA,MAAM,sBAGF,kBAAkB,iBAAiB;AAMvC,SAAS,kBACP,OACoB;CACpB,OAAO;EACL,OAAO,OAAO,SAAS;EACvB,cAAc,OAAO,gBAAgB;CACvC;AACF;AAEA,MAAa,sBAAmD,UAC9D,EAAE,oBAAoB,IAAI,kBAAkB,KAAK,CAAC;AACpD,MAAa,0BAAuD,UAClE,EAAE,oBAAoB,IAAI,kBAAkB,KAAK,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import { PacerDevtoolsPanel as PacerDevtoolsPanel$1, PacerDevtoolsPreactInit } from "./PreactPacerDevtools.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 { createPreactPlugin } from "@tanstack/devtools-utils/preact";
-
 //#region src/plugin.d.ts
 type PacerDevtoolsPluginFactory = ReturnType<typeof createPreactPlugin>[0];
 declare const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory;

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.tsx"],"sourcesContent":["import { createPreactPlugin } from '@tanstack/devtools-utils/preact'\nimport { PacerDevtoolsPanel } from './PreactPacerDevtools'\n\ntype PacerDevtoolsPluginFactory = ReturnType<typeof createPreactPlugin>[0]\n\nconst pacerDevtoolsPlugins = createPreactPlugin({\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,MAAM,uBAAuB,mBAAmB;CAC9C,MAAM;CACN,WAAW;CACZ,CAAC;AAEF,MAAa,sBACX,qBAAqB;AACvB,MAAa,0BACX,qBAAqB"}
+{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.tsx"],"sourcesContent":["import { createPreactPlugin } from '@tanstack/devtools-utils/preact'\nimport { PacerDevtoolsPanel } from './PreactPacerDevtools'\n\ntype PacerDevtoolsPluginFactory = ReturnType<typeof createPreactPlugin>[0]\n\nconst pacerDevtoolsPlugins = createPreactPlugin({\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,MAAM,uBAAuB,mBAAmB;CAC9C,MAAM;CACN,WAAW;AACb,CAAC;AAED,MAAa,sBACX,qBAAqB;AACvB,MAAa,0BACX,qBAAqB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/preact-pacer-devtools",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "Preact adapter for devtools for Pacer.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -42,14 +42,14 @@
     "preact": ">=10.0.0"
   },
   "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": {
-    "@preact/preset-vite": "^2.10.5",
+    "@preact/preset-vite": "^2.10.6",
     "@testing-library/preact": "^3.2.4",
     "csstype": "^3.2.3",
-    "preact": "^10.29.1"
+    "preact": "^10.29.8"
   },
   "scripts": {
     "clean": "premove ./build ./dist",

package/src/PreactPacerDevtools.tsx

@@ -1,18 +1,30 @@
+import { h } from 'preact'
 import { createPreactPanel } from '@tanstack/devtools-utils/preact'
 import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'
 import type { JSX } from 'preact'
 import type { DevtoolsPanelProps } from '@tanstack/devtools-utils/preact'
 
-export interface PacerDevtoolsPreactInit extends DevtoolsPanelProps {}
+export interface PacerDevtoolsPreactInit extends Partial<DevtoolsPanelProps> {}
 
 const pacerDevtoolsPanels: readonly [
   (props: DevtoolsPanelProps) => JSX.Element,
   (props: DevtoolsPanelProps) => JSX.Element,
 ] = createPreactPanel(PacerDevtoolsCore)
 
-type PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0]
+type PacerDevtoolsPanelComponent = (
+  props?: PacerDevtoolsPreactInit,
+) => JSX.Element
 
-export const PacerDevtoolsPanel: PacerDevtoolsPanelComponent =
-  pacerDevtoolsPanels[0]
-export const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent =
-  pacerDevtoolsPanels[1]
+function resolvePanelProps(
+  props?: PacerDevtoolsPreactInit,
+): DevtoolsPanelProps {
+  return {
+    theme: props?.theme ?? 'dark',
+    devtoolsOpen: props?.devtoolsOpen ?? false,
+  }
+}
+
+export const PacerDevtoolsPanel: PacerDevtoolsPanelComponent = (props) =>
+  h(pacerDevtoolsPanels[0], resolvePanelProps(props))
+export const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent = (props) =>
+  h(pacerDevtoolsPanels[1], resolvePanelProps(props))