@tanstack/preact-pacer-devtools 0.5.4 → 0.6.0

package/dist/PreactPacerDevtools.d.ts

@@ -1,9 +1,11 @@
 import { DevtoolsPanelProps } from "@tanstack/devtools-utils/preact";
-import * as preact from "preact";
+import { JSX } from "preact";
 
 //#region src/PreactPacerDevtools.d.ts
 interface PacerDevtoolsPreactInit extends DevtoolsPanelProps {}
-declare const PacerDevtoolsPanel: (props: DevtoolsPanelProps) => preact.JSX.Element, PacerDevtoolsPanelNoOp: (_props: DevtoolsPanelProps) => preact.JSX.Element;
+declare const pacerDevtoolsPanels: readonly [(props: DevtoolsPanelProps) => JSX.Element, (props: DevtoolsPanelProps) => JSX.Element];
+type PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0];
+declare const PacerDevtoolsPanel: PacerDevtoolsPanelComponent;
 //#endregion
 export { PacerDevtoolsPanel, PacerDevtoolsPreactInit };
 //# sourceMappingURL=PreactPacerDevtools.d.ts.map

package/dist/PreactPacerDevtools.js

@@ -2,7 +2,9 @@ import { createPreactPanel } from "@tanstack/devtools-utils/preact";
 import { PacerDevtoolsCore } from "@tanstack/pacer-devtools";
 
 //#region src/PreactPacerDevtools.tsx
-const [PacerDevtoolsPanel, PacerDevtoolsPanelNoOp] = createPreactPanel(PacerDevtoolsCore);
+const pacerDevtoolsPanels = createPreactPanel(PacerDevtoolsCore);
+const PacerDevtoolsPanel = pacerDevtoolsPanels[0];
+const PacerDevtoolsPanelNoOp = pacerDevtoolsPanels[1];
 
 //#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 { DevtoolsPanelProps } from '@tanstack/devtools-utils/preact'\n\nexport interface PacerDevtoolsPreactInit extends DevtoolsPanelProps {}\n\nconst [PacerDevtoolsPanel, PacerDevtoolsPanelNoOp] =\n  createPreactPanel(PacerDevtoolsCore)\n\nexport { PacerDevtoolsPanel, PacerDevtoolsPanelNoOp }\n"],"mappings":";;;;AAMA,MAAM,CAAC,oBAAoB,0BACzB,kBAAkB,kBAAkB"}
+{"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"}

package/dist/index.d.ts

@@ -1,15 +1,9 @@
-import { PacerDevtoolsPreactInit } from "./PreactPacerDevtools.js";
-import * as _tanstack_devtools_utils_preact0 from "@tanstack/devtools-utils/preact";
-import * as preact from "preact";
+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: (props: _tanstack_devtools_utils_preact0.DevtoolsPanelProps) => preact.JSX.Element;
-declare const pacerDevtoolsPlugin: () => {
-  render: (_el: HTMLElement, props: TanStackDevtoolsPluginProps) => preact.JSX.Element;
-  name: string;
-  id?: string;
-  defaultOpen?: boolean;
-};
+declare const PacerDevtoolsPanel: typeof PacerDevtoolsPanel$1;
+declare const pacerDevtoolsPlugin: typeof pacerDevtoolsPlugin$1;
 //#endregion
 export { PacerDevtoolsPanel, type PacerDevtoolsPreactInit, pacerDevtoolsPlugin };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Devtools.PacerDevtoolsPanelNoOp","Devtools.PacerDevtoolsPanel","plugin.pacerDevtoolsNoOpPlugin","plugin.pacerDevtoolsPlugin"],"sources":["../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './PreactPacerDevtools'\nimport * as plugin from './plugin'\n\nexport const PacerDevtoolsPanel =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.PacerDevtoolsPanelNoOp\n    : Devtools.PacerDevtoolsPanel\n\nexport const pacerDevtoolsPlugin =\n  process.env.NODE_ENV !== 'development'\n    ? plugin.pacerDevtoolsNoOpPlugin\n    : plugin.pacerDevtoolsPlugin\n\nexport type { PacerDevtoolsPreactInit } from './PreactPacerDevtools'\n"],"mappings":";;;;;;AAKA,MAAa,qBACX,QAAQ,IAAI,aAAa,gBACrBA,yBACAC;AAEN,MAAa,sBACX,QAAQ,IAAI,aAAa,gBACrBC,0BACAC"}
+{"version":3,"file":"index.js","names":["Devtools.PacerDevtoolsPanelNoOp","Devtools.PacerDevtoolsPanel","plugin.pacerDevtoolsNoOpPlugin","plugin.pacerDevtoolsPlugin"],"sources":["../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './PreactPacerDevtools'\nimport * as plugin from './plugin'\n\nexport const PacerDevtoolsPanel: typeof Devtools.PacerDevtoolsPanel =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.PacerDevtoolsPanelNoOp\n    : Devtools.PacerDevtoolsPanel\n\nexport const pacerDevtoolsPlugin: typeof plugin.pacerDevtoolsPlugin =\n  process.env.NODE_ENV !== 'development'\n    ? plugin.pacerDevtoolsNoOpPlugin\n    : plugin.pacerDevtoolsPlugin\n\nexport type { PacerDevtoolsPreactInit } from './PreactPacerDevtools'\n"],"mappings":";;;;;;AAKA,MAAa,qBACX,QAAQ,IAAI,aAAa,gBACrBA,yBACAC;AAEN,MAAa,sBACX,QAAQ,IAAI,aAAa,gBACrBC,0BACAC"}

package/dist/plugin.d.ts

@@ -1,17 +1,8 @@
-import * as preact from "preact";
+import { createPreactPlugin } from "@tanstack/devtools-utils/preact";
 
 //#region src/plugin.d.ts
-declare const pacerDevtoolsPlugin: () => {
-    render: (_el: HTMLElement, props: TanStackDevtoolsPluginProps) => preact.JSX.Element;
-    name: string;
-    id?: string;
-    defaultOpen?: boolean;
-  }, pacerDevtoolsNoOpPlugin: () => {
-    render: (_el: HTMLElement, _props: TanStackDevtoolsPluginProps) => preact.JSX.Element;
-    name: string;
-    id?: string;
-    defaultOpen?: boolean;
-  };
+type PacerDevtoolsPluginFactory = ReturnType<typeof createPreactPlugin>[0];
+declare const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory;
 //#endregion
 export { pacerDevtoolsPlugin };
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.js

@@ -2,10 +2,12 @@ import { PacerDevtoolsPanel } from "./PreactPacerDevtools.js";
 import { createPreactPlugin } from "@tanstack/devtools-utils/preact";
 
 //#region src/plugin.tsx
-const [pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin] = createPreactPlugin({
+const pacerDevtoolsPlugins = createPreactPlugin({
 	name: "TanStack Pacer",
 	Component: PacerDevtoolsPanel
 });
+const pacerDevtoolsPlugin = pacerDevtoolsPlugins[0];
+const pacerDevtoolsNoOpPlugin = pacerDevtoolsPlugins[1];
 
 //#endregion
 export { pacerDevtoolsNoOpPlugin, pacerDevtoolsPlugin };

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\nconst [pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin] = createPreactPlugin({\n  name: 'TanStack Pacer',\n  Component: PacerDevtoolsPanel,\n})\n\nexport { pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin }\n"],"mappings":";;;;AAGA,MAAM,CAAC,qBAAqB,2BAA2B,mBAAmB;CACxE,MAAM;CACN,WAAW;CACZ,CAAC"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/preact-pacer-devtools",
-  "version": "0.5.4",
+  "version": "0.6.0",
   "description": "Preact adapter for devtools for Pacer.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -43,13 +43,13 @@
   },
   "dependencies": {
     "@tanstack/devtools-utils": "^0.4.0",
-    "@tanstack/pacer-devtools": "1.1.4"
+    "@tanstack/pacer-devtools": "1.2.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.3",
+    "@preact/preset-vite": "^2.10.5",
     "@testing-library/preact": "^3.2.4",
-    "csstype": "^3.0.10",
-    "preact": "^10.28.3"
+    "csstype": "^3.2.3",
+    "preact": "^10.29.0"
   },
   "scripts": {
     "clean": "premove ./build ./dist",

package/src/PreactPacerDevtools.tsx

@@ -1,10 +1,18 @@
 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 {}
 
-const [PacerDevtoolsPanel, PacerDevtoolsPanelNoOp] =
-  createPreactPanel(PacerDevtoolsCore)
+const pacerDevtoolsPanels: readonly [
+  (props: DevtoolsPanelProps) => JSX.Element,
+  (props: DevtoolsPanelProps) => JSX.Element,
+] = createPreactPanel(PacerDevtoolsCore)
 
-export { PacerDevtoolsPanel, PacerDevtoolsPanelNoOp }
+type PacerDevtoolsPanelComponent = (typeof pacerDevtoolsPanels)[0]
+
+export const PacerDevtoolsPanel: PacerDevtoolsPanelComponent =
+  pacerDevtoolsPanels[0]
+export const PacerDevtoolsPanelNoOp: PacerDevtoolsPanelComponent =
+  pacerDevtoolsPanels[1]

package/src/index.ts

@@ -3,12 +3,12 @@
 import * as Devtools from './PreactPacerDevtools'
 import * as plugin from './plugin'
 
-export const PacerDevtoolsPanel =
+export const PacerDevtoolsPanel: typeof Devtools.PacerDevtoolsPanel =
   process.env.NODE_ENV !== 'development'
     ? Devtools.PacerDevtoolsPanelNoOp
     : Devtools.PacerDevtoolsPanel
 
-export const pacerDevtoolsPlugin =
+export const pacerDevtoolsPlugin: typeof plugin.pacerDevtoolsPlugin =
   process.env.NODE_ENV !== 'development'
     ? plugin.pacerDevtoolsNoOpPlugin
     : plugin.pacerDevtoolsPlugin

package/src/plugin.tsx

@@ -1,9 +1,14 @@
 import { createPreactPlugin } from '@tanstack/devtools-utils/preact'
 import { PacerDevtoolsPanel } from './PreactPacerDevtools'
 
-const [pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin] = createPreactPlugin({
+type PacerDevtoolsPluginFactory = ReturnType<typeof createPreactPlugin>[0]
+
+const pacerDevtoolsPlugins = createPreactPlugin({
   name: 'TanStack Pacer',
   Component: PacerDevtoolsPanel,
 })
 
-export { pacerDevtoolsPlugin, pacerDevtoolsNoOpPlugin }
+export const pacerDevtoolsPlugin: PacerDevtoolsPluginFactory =
+  pacerDevtoolsPlugins[0]
+export const pacerDevtoolsNoOpPlugin: PacerDevtoolsPluginFactory =
+  pacerDevtoolsPlugins[1]