@tanstack/solid-pacer-devtools 0.1.0 → 0.3.0

package/dist/esm/SolidPacerDevtools.d.ts

@@ -1,3 +1,4 @@
 export interface PacerDevtoolsSolidInit {
+    theme?: 'light' | 'dark';
 }
-export declare const PacerDevtoolsPanel: (_props?: PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;
+export declare const PacerDevtoolsPanel: (props?: PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;

package/dist/esm/SolidPacerDevtools.js

@@ -2,12 +2,12 @@ import { template, use } from "solid-js/web";
 import { PacerDevtoolsCore } from "@tanstack/pacer-devtools";
 import { createSignal, onMount, onCleanup } from "solid-js";
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-const PacerDevtoolsPanel = (_props) => {
+const PacerDevtoolsPanel = (props) => {
   let devToolRef;
   const [devtools] = createSignal(new PacerDevtoolsCore({}));
   onMount(() => {
     if (devToolRef) {
-      devtools().mount(devToolRef);
+      devtools().mount(devToolRef, props?.theme ?? "dark");
       onCleanup(() => {
         devtools().unmount();
       });

package/dist/esm/SolidPacerDevtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPacerDevtools.js","sources":["../../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport { createSignal, onCleanup, onMount } from 'solid-js'\n\nexport interface PacerDevtoolsSolidInit {}\n\nexport const PacerDevtoolsPanel = (_props?: PacerDevtoolsSolidInit) => {\n  let devToolRef: HTMLDivElement | undefined\n  const [devtools] = createSignal(new PacerDevtoolsCore({}))\n  onMount(() => {\n    if (devToolRef) {\n      devtools().mount(devToolRef)\n\n      onCleanup(() => {\n        devtools().unmount()\n      })\n    }\n  })\n\n  return <div style={{ height: '100%' }} ref={devToolRef} />\n}\n"],"names":["PacerDevtoolsPanel","_props","devToolRef","devtools","createSignal","PacerDevtoolsCore","onMount","mount","onCleanup","unmount","_el$","_tmpl$","_ref$","_$use","style","setProperty"],"mappings":";;;;AAKO,MAAMA,qBAAqBA,CAACC,WAAoC;AACrE,MAAIC;AACJ,QAAM,CAACC,QAAQ,IAAIC,aAAa,IAAIC,kBAAkB,CAAA,CAAE,CAAC;AACzDC,UAAQ,MAAM;AACZ,QAAIJ,YAAY;AACdC,eAAAA,EAAWI,MAAML,UAAU;AAE3BM,gBAAU,MAAM;AACdL,iBAAAA,EAAWM,QAAAA;AAAAA,MAAQ,CACpB;AAAA,IAAA;AAAA,EACH,CACD;AAED,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAA,QAAAC,QAA4CV;AAAU,WAAAU,UAAA,aAAAC,IAAAD,OAAAF,IAAA,IAAVR,aAAUQ;AAAAA,SAAAI,MAAAC,YAAA,UAAA,MAAA;AAAA,WAAAL;AAAAA,EAAAA,GAAA;AACxD;"}
+{"version":3,"file":"SolidPacerDevtools.js","sources":["../../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport { createSignal, onCleanup, onMount } from 'solid-js'\n\nexport interface PacerDevtoolsSolidInit {\n  theme?: 'light' | 'dark'\n}\n\nexport const PacerDevtoolsPanel = (props?: PacerDevtoolsSolidInit) => {\n  let devToolRef: HTMLDivElement | undefined\n  const [devtools] = createSignal(new PacerDevtoolsCore({}))\n  onMount(() => {\n    if (devToolRef) {\n      devtools().mount(devToolRef, props?.theme ?? 'dark')\n\n      onCleanup(() => {\n        devtools().unmount()\n      })\n    }\n  })\n\n  return <div style={{ height: '100%' }} ref={devToolRef} />\n}\n"],"names":["PacerDevtoolsPanel","props","devToolRef","devtools","createSignal","PacerDevtoolsCore","onMount","mount","theme","onCleanup","unmount","_el$","_tmpl$","_ref$","_$use","style","setProperty"],"mappings":";;;;AAOO,MAAMA,qBAAqBA,CAACC,UAAmC;AACpE,MAAIC;AACJ,QAAM,CAACC,QAAQ,IAAIC,aAAa,IAAIC,kBAAkB,CAAA,CAAE,CAAC;AACzDC,UAAQ,MAAM;AACZ,QAAIJ,YAAY;AACdC,eAAAA,EAAWI,MAAML,YAAYD,OAAOO,SAAS,MAAM;AAEnDC,gBAAU,MAAM;AACdN,iBAAAA,EAAWO,QAAAA;AAAAA,MAAQ,CACpB;AAAA,IAAA;AAAA,EACH,CACD;AAED,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAA,QAAAC,QAA4CX;AAAU,WAAAW,UAAA,aAAAC,IAAAD,OAAAF,IAAA,IAAVT,aAAUS;AAAAA,SAAAI,MAAAC,YAAA,UAAA,MAAA;AAAA,WAAAL;AAAAA,EAAAA,GAAA;AACxD;"}

package/dist/esm/index.d.ts

@@ -1,3 +1,4 @@
 import * as Devtools from './SolidPacerDevtools.js';
 export declare const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'];
 export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools.js';
+export { pacerDevtoolsPlugin } from './plugin.js';

package/dist/esm/index.js

@@ -1,9 +1,11 @@
 "use client";
 import { PacerDevtoolsPanel as PacerDevtoolsPanel$1 } from "./SolidPacerDevtools.js";
+import { pacerDevtoolsPlugin } from "./plugin.js";
 const PacerDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
   return null;
 } : PacerDevtoolsPanel$1;
 export {
-  PacerDevtoolsPanel
+  PacerDevtoolsPanel,
+  pacerDevtoolsPlugin
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n"],"names":[],"mappings":";;AAIO;AAGC;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n\nexport { pacerDevtoolsPlugin } from './plugin'\n"],"names":[],"mappings":";;;AAIO;AAGC;AACF;;;;;"}

package/dist/esm/plugin-prod.d.ts

@@ -0,0 +1,4 @@
+export declare function pacerDevtoolsPlugin(): {
+    name: string;
+    render: (_el: HTMLElement, theme: "light" | "dark") => import("solid-js").JSX.Element;
+};

package/dist/esm/plugin-prod.js

@@ -0,0 +1,16 @@
+import { createComponent } from "solid-js/web";
+import { PacerDevtoolsPanel } from "./production.js";
+function pacerDevtoolsPlugin() {
+  return {
+    name: "TanStack Pacer",
+    render: (_el, theme) => {
+      return createComponent(PacerDevtoolsPanel, {
+        theme
+      });
+    }
+  };
+}
+export {
+  pacerDevtoolsPlugin
+};
+//# sourceMappingURL=plugin-prod.js.map

package/dist/esm/plugin-prod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-prod.js","sources":["../../src/plugin-prod.tsx"],"sourcesContent":["import { PacerDevtoolsPanel } from './production'\n\nexport function pacerDevtoolsPlugin() {\n  return {\n    name: 'TanStack Pacer',\n    render: (_el: HTMLElement, theme: 'light' | 'dark') => {\n      return <PacerDevtoolsPanel theme={theme} />\n    },\n  }\n}\n"],"names":["pacerDevtoolsPlugin","name","render","_el","theme","_$createComponent","PacerDevtoolsPanel"],"mappings":";;AAEO,SAASA,sBAAsB;AACpC,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQA,CAACC,KAAkBC,UAA4B;AACrD,aAAAC,gBAAQC,oBAAkB;AAAA,QAACF;AAAAA,MAAAA,CAAY;AAAA,IAAA;AAAA,EACzC;AAEJ;"}

package/dist/esm/plugin.d.ts

@@ -0,0 +1,4 @@
+export declare function pacerDevtoolsPlugin(): {
+    name: string;
+    render: (_el: HTMLElement, theme: "light" | "dark") => import("solid-js").JSX.Element;
+};

package/dist/esm/plugin.js

@@ -0,0 +1,16 @@
+import { createComponent } from "solid-js/web";
+import { PacerDevtoolsPanel } from "./index.js";
+function pacerDevtoolsPlugin() {
+  return {
+    name: "TanStack Pacer",
+    render: (_el, theme) => {
+      return createComponent(PacerDevtoolsPanel, {
+        theme
+      });
+    }
+  };
+}
+export {
+  pacerDevtoolsPlugin
+};
+//# sourceMappingURL=plugin.js.map

package/dist/esm/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sources":["../../src/plugin.tsx"],"sourcesContent":["import { PacerDevtoolsPanel } from './index'\n\nexport function pacerDevtoolsPlugin() {\n  return {\n    name: 'TanStack Pacer',\n    render: (_el: HTMLElement, theme: 'light' | 'dark') => {\n      return <PacerDevtoolsPanel theme={theme} />\n    },\n  }\n}\n"],"names":["pacerDevtoolsPlugin","name","render","_el","theme","_$createComponent","PacerDevtoolsPanel"],"mappings":";;AAEO,SAASA,sBAAsB;AACpC,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQA,CAACC,KAAkBC,UAA4B;AACrD,aAAAC,gBAAQC,oBAAkB;AAAA,QAACF;AAAAA,MAAAA,CAAY;AAAA,IAAA;AAAA,EACzC;AAEJ;"}

package/dist/esm/production.d.ts

@@ -1,3 +1,4 @@
 import * as Devtools from './SolidPacerDevtools.js';
-export declare const PacerDevtoolsPanel: (_props?: Devtools.PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;
+export declare const PacerDevtoolsPanel: (props?: Devtools.PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;
 export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools.js';
+export { pacerDevtoolsPlugin } from './plugin-prod.js';

package/dist/esm/production.js

@@ -1,7 +1,9 @@
 "use client";
 import { PacerDevtoolsPanel as PacerDevtoolsPanel$1 } from "./SolidPacerDevtools.js";
+import { pacerDevtoolsPlugin } from "./plugin-prod.js";
 const PacerDevtoolsPanel = PacerDevtoolsPanel$1;
 export {
-  PacerDevtoolsPanel
+  PacerDevtoolsPanel,
+  pacerDevtoolsPlugin
 };
 //# sourceMappingURL=production.js.map

package/dist/esm/production.js.map

@@ -1 +1 @@
-{"version":3,"file":"production.js","sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel = Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n"],"names":[],"mappings":";;AAIO;;;;"}
+{"version":3,"file":"production.js","sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel = Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n\nexport { pacerDevtoolsPlugin } from './plugin-prod'\n"],"names":[],"mappings":";;;AAIO;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-pacer-devtools",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Solid adapter for devtools for Pacer.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -24,27 +24,18 @@
   ],
   "type": "module",
   "types": "dist/esm/index.d.ts",
-  "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/esm/index.d.ts",
         "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/cjs/index.d.cts",
-        "default": "./dist/cjs/index.cjs"
       }
     },
     "./production": {
       "import": {
         "types": "./dist/esm/production.d.ts",
         "default": "./dist/esm/production.js"
-      },
-      "require": {
-        "types": "./dist/cjs/production.d.cts",
-        "default": "./dist/cjs/production.cjs"
       }
     },
     "./package.json": "./package.json"
@@ -61,7 +52,7 @@
     "solid-js": ">=1.9.7"
   },
   "dependencies": {
-    "@tanstack/pacer-devtools": "0.1.0"
+    "@tanstack/pacer-devtools": "0.3.0"
   },
   "devDependencies": {
     "vite-plugin-solid": "^2.11.8"

package/src/SolidPacerDevtools.tsx

@@ -1,14 +1,16 @@
 import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'
 import { createSignal, onCleanup, onMount } from 'solid-js'
 
-export interface PacerDevtoolsSolidInit {}
+export interface PacerDevtoolsSolidInit {
+  theme?: 'light' | 'dark'
+}
 
-export const PacerDevtoolsPanel = (_props?: PacerDevtoolsSolidInit) => {
+export const PacerDevtoolsPanel = (props?: PacerDevtoolsSolidInit) => {
   let devToolRef: HTMLDivElement | undefined
   const [devtools] = createSignal(new PacerDevtoolsCore({}))
   onMount(() => {
     if (devToolRef) {
-      devtools().mount(devToolRef)
+      devtools().mount(devToolRef, props?.theme ?? 'dark')
 
       onCleanup(() => {
         devtools().unmount()

package/src/index.ts

@@ -10,3 +10,5 @@ export const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'] =
     : Devtools.PacerDevtoolsPanel
 
 export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'
+
+export { pacerDevtoolsPlugin } from './plugin'

package/src/plugin-prod.tsx

@@ -0,0 +1,10 @@
+import { PacerDevtoolsPanel } from './production'
+
+export function pacerDevtoolsPlugin() {
+  return {
+    name: 'TanStack Pacer',
+    render: (_el: HTMLElement, theme: 'light' | 'dark') => {
+      return <PacerDevtoolsPanel theme={theme} />
+    },
+  }
+}

package/src/plugin.tsx

@@ -0,0 +1,10 @@
+import { PacerDevtoolsPanel } from './index'
+
+export function pacerDevtoolsPlugin() {
+  return {
+    name: 'TanStack Pacer',
+    render: (_el: HTMLElement, theme: 'light' | 'dark') => {
+      return <PacerDevtoolsPanel theme={theme} />
+    },
+  }
+}

package/src/production.ts

@@ -5,3 +5,5 @@ import * as Devtools from './SolidPacerDevtools'
 export const PacerDevtoolsPanel = Devtools.PacerDevtoolsPanel
 
 export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'
+
+export { pacerDevtoolsPlugin } from './plugin-prod'

package/dist/cjs/SolidPacerDevtools.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const web = require("solid-js/web");
-const pacerDevtools = require("@tanstack/pacer-devtools");
-const solidJs = require("solid-js");
-var _tmpl$ = /* @__PURE__ */ web.template(`<div>`);
-const PacerDevtoolsPanel = (_props) => {
-  let devToolRef;
-  const [devtools] = solidJs.createSignal(new pacerDevtools.PacerDevtoolsCore({}));
-  solidJs.onMount(() => {
-    if (devToolRef) {
-      devtools().mount(devToolRef);
-      solidJs.onCleanup(() => {
-        devtools().unmount();
-      });
-    }
-  });
-  return (() => {
-    var _el$ = _tmpl$();
-    var _ref$ = devToolRef;
-    typeof _ref$ === "function" ? web.use(_ref$, _el$) : devToolRef = _el$;
-    _el$.style.setProperty("height", "100%");
-    return _el$;
-  })();
-};
-exports.PacerDevtoolsPanel = PacerDevtoolsPanel;
-//# sourceMappingURL=SolidPacerDevtools.cjs.map

package/dist/cjs/SolidPacerDevtools.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolidPacerDevtools.cjs","sources":["../../src/SolidPacerDevtools.tsx"],"sourcesContent":["import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'\nimport { createSignal, onCleanup, onMount } from 'solid-js'\n\nexport interface PacerDevtoolsSolidInit {}\n\nexport const PacerDevtoolsPanel = (_props?: PacerDevtoolsSolidInit) => {\n  let devToolRef: HTMLDivElement | undefined\n  const [devtools] = createSignal(new PacerDevtoolsCore({}))\n  onMount(() => {\n    if (devToolRef) {\n      devtools().mount(devToolRef)\n\n      onCleanup(() => {\n        devtools().unmount()\n      })\n    }\n  })\n\n  return <div style={{ height: '100%' }} ref={devToolRef} />\n}\n"],"names":["PacerDevtoolsPanel","_props","devToolRef","devtools","createSignal","PacerDevtoolsCore","onMount","mount","onCleanup","unmount","_el$","_tmpl$","_ref$","_$use","style","setProperty"],"mappings":";;;;;;AAKO,MAAMA,qBAAqBA,CAACC,WAAoC;AACrE,MAAIC;AACJ,QAAM,CAACC,QAAQ,IAAIC,QAAAA,aAAa,IAAIC,cAAAA,kBAAkB,CAAA,CAAE,CAAC;AACzDC,UAAAA,QAAQ,MAAM;AACZ,QAAIJ,YAAY;AACdC,eAAAA,EAAWI,MAAML,UAAU;AAE3BM,cAAAA,UAAU,MAAM;AACdL,iBAAAA,EAAWM,QAAAA;AAAAA,MAAQ,CACpB;AAAA,IAAA;AAAA,EACH,CACD;AAED,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAA,QAAAC,QAA4CV;AAAU,WAAAU,UAAA,aAAAC,IAAAA,IAAAD,OAAAF,IAAA,IAAVR,aAAUQ;AAAAA,SAAAI,MAAAC,YAAA,UAAA,MAAA;AAAA,WAAAL;AAAAA,EAAAA,GAAA;AACxD;;"}

package/dist/cjs/SolidPacerDevtools.d.cts

@@ -1,3 +0,0 @@
-export interface PacerDevtoolsSolidInit {
-}
-export declare const PacerDevtoolsPanel: (_props?: PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;

package/dist/cjs/index.cjs

@@ -1,9 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SolidPacerDevtools = require("./SolidPacerDevtools.cjs");
-const PacerDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
-  return null;
-} : SolidPacerDevtools.PacerDevtoolsPanel;
-exports.PacerDevtoolsPanel = PacerDevtoolsPanel;
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n"],"names":[],"mappings":";;;;AAIO;AAGC;AACF;;"}

package/dist/cjs/index.d.cts

@@ -1,3 +0,0 @@
-import * as Devtools from './SolidPacerDevtools.cjs';
-export declare const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'];
-export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools.cjs';

package/dist/cjs/production.cjs

@@ -1,7 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SolidPacerDevtools = require("./SolidPacerDevtools.cjs");
-const PacerDevtoolsPanel = SolidPacerDevtools.PacerDevtoolsPanel;
-exports.PacerDevtoolsPanel = PacerDevtoolsPanel;
-//# sourceMappingURL=production.cjs.map

package/dist/cjs/production.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"production.cjs","sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './SolidPacerDevtools'\n\nexport const PacerDevtoolsPanel = Devtools.PacerDevtoolsPanel\n\nexport type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'\n"],"names":[],"mappings":";;;;AAIO;;"}

package/dist/cjs/production.d.cts

@@ -1,3 +0,0 @@
-import * as Devtools from './SolidPacerDevtools.cjs';
-export declare const PacerDevtoolsPanel: (_props?: Devtools.PacerDevtoolsSolidInit) => import("solid-js").JSX.Element;
-export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools.cjs';