@tanstack/solid-pacer-devtools 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Tanner Linsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/SolidPacerDevtools.cjs

@@ -0,0 +1,27 @@
+"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

@@ -0,0 +1 @@
+{"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

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

package/dist/cjs/index.cjs

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1 @@
+{"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

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

package/dist/cjs/production.cjs

@@ -0,0 +1,7 @@
+"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

@@ -0,0 +1 @@
+{"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

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

package/dist/esm/SolidPacerDevtools.d.ts

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

package/dist/esm/SolidPacerDevtools.js

@@ -0,0 +1,27 @@
+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) => {
+  let devToolRef;
+  const [devtools] = createSignal(new PacerDevtoolsCore({}));
+  onMount(() => {
+    if (devToolRef) {
+      devtools().mount(devToolRef);
+      onCleanup(() => {
+        devtools().unmount();
+      });
+    }
+  });
+  return (() => {
+    var _el$ = _tmpl$();
+    var _ref$ = devToolRef;
+    typeof _ref$ === "function" ? use(_ref$, _el$) : devToolRef = _el$;
+    _el$.style.setProperty("height", "100%");
+    return _el$;
+  })();
+};
+export {
+  PacerDevtoolsPanel
+};
+//# sourceMappingURL=SolidPacerDevtools.js.map

package/dist/esm/SolidPacerDevtools.js.map

@@ -0,0 +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;"}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -0,0 +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;;;;"}

package/dist/esm/production.d.ts

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

package/dist/esm/production.js

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

package/dist/esm/production.js.map

@@ -0,0 +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;;;;"}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@tanstack/solid-pacer-devtools",
+  "version": "0.1.0",
+  "description": "Solid adapter for devtools for Pacer.",
+  "author": "Tanner Linsley",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TanStack/pacer.git",
+    "directory": "packages/pacer"
+  },
+  "homepage": "https://tanstack.com/pacer",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "keywords": [
+    "debounce",
+    "throttle",
+    "rate-limit",
+    "queuer",
+    "queue",
+    "pacer"
+  ],
+  "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"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
+  "files": [
+    "dist/",
+    "src"
+  ],
+  "peerDependencies": {
+    "solid-js": ">=1.9.7"
+  },
+  "dependencies": {
+    "@tanstack/pacer-devtools": "0.1.0"
+  },
+  "devDependencies": {
+    "vite-plugin-solid": "^2.11.8"
+  },
+  "scripts": {
+    "clean": "premove ./build ./dist",
+    "lint:fix": "eslint ./src --fix",
+    "test:eslint": "eslint ./src",
+    "test:lib": "vitest",
+    "test:lib:dev": "pnpm test:lib --watch",
+    "test:types": "tsc",
+    "test:build": "publint --strict",
+    "build": "vite build"
+  }
+}

package/src/SolidPacerDevtools.tsx

@@ -0,0 +1,20 @@
+import { PacerDevtoolsCore } from '@tanstack/pacer-devtools'
+import { createSignal, onCleanup, onMount } from 'solid-js'
+
+export interface PacerDevtoolsSolidInit {}
+
+export const PacerDevtoolsPanel = (_props?: PacerDevtoolsSolidInit) => {
+  let devToolRef: HTMLDivElement | undefined
+  const [devtools] = createSignal(new PacerDevtoolsCore({}))
+  onMount(() => {
+    if (devToolRef) {
+      devtools().mount(devToolRef)
+
+      onCleanup(() => {
+        devtools().unmount()
+      })
+    }
+  })
+
+  return <div style={{ height: '100%' }} ref={devToolRef} />
+}

package/src/index.ts

@@ -0,0 +1,12 @@
+'use client'
+
+import * as Devtools from './SolidPacerDevtools'
+
+export const PacerDevtoolsPanel: (typeof Devtools)['PacerDevtoolsPanel'] =
+  process.env.NODE_ENV !== 'development'
+    ? function () {
+        return null
+      }
+    : Devtools.PacerDevtoolsPanel
+
+export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'

package/src/production.ts

@@ -0,0 +1,7 @@
+'use client'
+
+import * as Devtools from './SolidPacerDevtools'
+
+export const PacerDevtoolsPanel = Devtools.PacerDevtoolsPanel
+
+export type { PacerDevtoolsSolidInit } from './SolidPacerDevtools'