@tanstack/solid-devtools 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 TanStack
+
+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/devtools.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const devtools = require("@tanstack/devtools");
+const solidJs = require("solid-js");
+var _tmpl$ = /* @__PURE__ */ web.template(`<div>`);
+const Devtools = (opts) => {
+  const [devtools$1] = solidJs.createSignal(new devtools.TanStackRouterDevtoolsCore(opts));
+  let devToolRef;
+  solidJs.createEffect(() => {
+    devtools$1().setOptions(opts);
+  });
+  solidJs.onMount(() => {
+    if (devToolRef) {
+      devtools$1().mount(devToolRef);
+      solidJs.onCleanup(() => {
+        devtools$1().unmount();
+      });
+    }
+  });
+  return (() => {
+    var _el$ = _tmpl$();
+    var _ref$ = devToolRef;
+    typeof _ref$ === "function" ? web.use(_ref$, _el$) : devToolRef = _el$;
+    return _el$;
+  })();
+};
+exports.Devtools = Devtools;
+//# sourceMappingURL=devtools.cjs.map

package/dist/cjs/devtools.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.cjs","sources":["../../src/devtools.tsx"],"sourcesContent":["import { TanStackRouterDevtoolsCore } from '@tanstack/devtools'\nimport { createEffect, createSignal, onCleanup, onMount } from 'solid-js'\nimport type { DevtoolsOptions } from '@tanstack/devtools'\n\nexport const Devtools = (opts: DevtoolsOptions) => {\n  const [devtools] = createSignal(new TanStackRouterDevtoolsCore(opts))\n  let devToolRef: HTMLDivElement | undefined\n  createEffect(() => {\n    devtools().setOptions(opts)\n  })\n  onMount(() => {\n    if (devToolRef) {\n      devtools().mount(devToolRef)\n\n      onCleanup(() => {\n        devtools().unmount()\n      })\n    }\n  })\n  return <div ref={devToolRef} />\n}\n"],"names":["Devtools","opts","devtools","createSignal","TanStackRouterDevtoolsCore","devToolRef","createEffect","setOptions","onMount","mount","onCleanup","unmount","_el$","_tmpl$","_ref$","_$use"],"mappings":";;;;;;AAIaA,MAAAA,WAAWA,CAACC,SAA0B;AACjD,QAAM,CAACC,UAAQ,IAAIC,QAAAA,aAAa,IAAIC,SAAAA,2BAA2BH,IAAI,CAAC;AAChEI,MAAAA;AACJC,UAAAA,aAAa,MAAM;AACRJ,eAAA,EAAEK,WAAWN,IAAI;AAAA,EAAA,CAC3B;AACDO,UAAAA,QAAQ,MAAM;AACZ,QAAIH,YAAY;AACLH,iBAAA,EAAEO,MAAMJ,UAAU;AAE3BK,cAAAA,UAAU,MAAM;AACdR,mBAAAA,EAAWS,QAAQ;AAAA,MAAA,CACpB;AAAA,IAAA;AAAA,EACH,CACD;AACD,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAA,QAAAC,QAAiBT;AAAU,WAAAS,UAAAC,aAAAA,IAAAA,IAAAD,OAAAF,IAAA,IAAVP,aAAUO;AAAAA,WAAAA;AAAAA,EAAAA,GAAA;AAC7B;;"}

package/dist/cjs/devtools.d.cts

@@ -0,0 +1,2 @@
+import { DevtoolsOptions } from '@tanstack/devtools';
+export declare const Devtools: (opts: DevtoolsOptions) => import("solid-js").JSX.Element;

package/dist/cjs/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const devtools$1 = require("@tanstack/devtools");
+const devtools = require("./devtools.cjs");
+exports.Devtools = devtools.Devtools;
+Object.keys(devtools$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => devtools$1[k]
+  });
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/index.d.cts

@@ -0,0 +1,5 @@
+export * from '@tanstack/devtools';
+/**
+ * Export every hook individually - DON'T export from barrel files
+ */
+export { Devtools } from './devtools.cjs';

package/dist/esm/devtools.d.ts

@@ -0,0 +1,2 @@
+import { DevtoolsOptions } from '@tanstack/devtools';
+export declare const Devtools: (opts: DevtoolsOptions) => import("solid-js").JSX.Element;

package/dist/esm/devtools.js

@@ -0,0 +1,29 @@
+import { template, use } from "solid-js/web";
+import { TanStackRouterDevtoolsCore } from "@tanstack/devtools";
+import { createSignal, createEffect, onMount, onCleanup } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+const Devtools = (opts) => {
+  const [devtools] = createSignal(new TanStackRouterDevtoolsCore(opts));
+  let devToolRef;
+  createEffect(() => {
+    devtools().setOptions(opts);
+  });
+  onMount(() => {
+    if (devToolRef) {
+      devtools().mount(devToolRef);
+      onCleanup(() => {
+        devtools().unmount();
+      });
+    }
+  });
+  return (() => {
+    var _el$ = _tmpl$();
+    var _ref$ = devToolRef;
+    typeof _ref$ === "function" ? use(_ref$, _el$) : devToolRef = _el$;
+    return _el$;
+  })();
+};
+export {
+  Devtools
+};
+//# sourceMappingURL=devtools.js.map

package/dist/esm/devtools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.js","sources":["../../src/devtools.tsx"],"sourcesContent":["import { TanStackRouterDevtoolsCore } from '@tanstack/devtools'\nimport { createEffect, createSignal, onCleanup, onMount } from 'solid-js'\nimport type { DevtoolsOptions } from '@tanstack/devtools'\n\nexport const Devtools = (opts: DevtoolsOptions) => {\n  const [devtools] = createSignal(new TanStackRouterDevtoolsCore(opts))\n  let devToolRef: HTMLDivElement | undefined\n  createEffect(() => {\n    devtools().setOptions(opts)\n  })\n  onMount(() => {\n    if (devToolRef) {\n      devtools().mount(devToolRef)\n\n      onCleanup(() => {\n        devtools().unmount()\n      })\n    }\n  })\n  return <div ref={devToolRef} />\n}\n"],"names":["Devtools","opts","devtools","createSignal","TanStackRouterDevtoolsCore","devToolRef","createEffect","setOptions","onMount","mount","onCleanup","unmount","_el$","_tmpl$","_ref$","_$use"],"mappings":";;;;AAIaA,MAAAA,WAAWA,CAACC,SAA0B;AACjD,QAAM,CAACC,QAAQ,IAAIC,aAAa,IAAIC,2BAA2BH,IAAI,CAAC;AAChEI,MAAAA;AACJC,eAAa,MAAM;AACR,aAAA,EAAEC,WAAWN,IAAI;AAAA,EAAA,CAC3B;AACDO,UAAQ,MAAM;AACZ,QAAIH,YAAY;AACL,eAAA,EAAEI,MAAMJ,UAAU;AAE3BK,gBAAU,MAAM;AACdR,iBAAAA,EAAWS,QAAQ;AAAA,MAAA,CACpB;AAAA,IAAA;AAAA,EACH,CACD;AACD,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAA,QAAAC,QAAiBT;AAAU,WAAAS,UAAAC,aAAAA,IAAAD,OAAAF,IAAA,IAAVP,aAAUO;AAAAA,WAAAA;AAAAA,EAAAA,GAAA;AAC7B;"}

package/dist/esm/index.d.ts

@@ -0,0 +1,5 @@
+export * from '@tanstack/devtools';
+/**
+ * Export every hook individually - DON'T export from barrel files
+ */
+export { Devtools } from './devtools.js';

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+export * from "@tanstack/devtools";
+import { Devtools } from "./devtools.js";
+export {
+  Devtools
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@tanstack/solid-devtools",
+  "version": "0.0.0",
+  "description": "Headless UI for creating advanced custom devtools, autocomplete, and dropdown components in Solid.",
+  "author": "Tanner Linsley",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TanStack/devtools.git",
+    "directory": "packages/solid-devtools"
+  },
+  "homepage": "https://tanstack.com/devtools",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "keywords": [
+    "solid",
+    "devtools",
+    "autocomplete",
+    "dropdown",
+    "menu",
+    "headless-ui",
+    "nested"
+  ],
+  "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"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@tanstack/devtools": "0.0.0"
+  },
+  "devDependencies": {
+    "solid-js": "^1.9.5",
+    "vite-plugin-solid": "^2.11.6"
+  },
+  "peerDependencies": {
+    "solid-js": ">=1.9.5"
+  },
+  "scripts": {
+    "clean": "premove ./build ./dist",
+    "test:eslint": "eslint ./src",
+    "test:lib": "vitest --passWithNoTests",
+    "test:lib:dev": "pnpm test:lib --watch",
+    "test:types": "tsc",
+    "test:build": "publint --strict",
+    "build": "vite build"
+  }
+}

package/src/devtools.tsx

@@ -0,0 +1,21 @@
+import { TanStackRouterDevtoolsCore } from '@tanstack/devtools'
+import { createEffect, createSignal, onCleanup, onMount } from 'solid-js'
+import type { DevtoolsOptions } from '@tanstack/devtools'
+
+export const Devtools = (opts: DevtoolsOptions) => {
+  const [devtools] = createSignal(new TanStackRouterDevtoolsCore(opts))
+  let devToolRef: HTMLDivElement | undefined
+  createEffect(() => {
+    devtools().setOptions(opts)
+  })
+  onMount(() => {
+    if (devToolRef) {
+      devtools().mount(devToolRef)
+
+      onCleanup(() => {
+        devtools().unmount()
+      })
+    }
+  })
+  return <div ref={devToolRef} />
+}

package/src/index.ts

@@ -0,0 +1,7 @@
+// re-export everything from the core devtools package
+export * from '@tanstack/devtools'
+/**
+ * Export every hook individually - DON'T export from barrel files
+ */
+
+export { Devtools } from './devtools'