@tanstack/solid-query-devtools 5.101.4 → 5.102.0

package/build/index.jsx

@@ -1,42 +1,27 @@
-// src/index.tsx
-import { isDev } from "solid-js/web";
-
-// src/clientOnly.tsx
-import {
-  createMemo,
-  createSignal,
-  onMount,
-  sharedConfig,
-  splitProps,
-  untrack
-} from "solid-js";
-import { isServer } from "solid-js/web";
+import { isDev, isServer } from "solid-js/web";
+import { createMemo, createSignal, onMount, sharedConfig, splitProps, untrack } from "solid-js";
+//#region src/clientOnly.tsx
 function clientOnly(fn) {
-  if (isServer)
-    return (props) => props.fallback;
-  const [comp, setComp] = createSignal();
-  fn().then((m) => setComp(() => m.default));
-  return (props) => {
-    let Comp;
-    let m;
-    const [, rest] = splitProps(props, ["fallback"]);
-    if ((Comp = comp()) && !sharedConfig.context) return Comp(rest);
-    const [mounted, setMounted] = createSignal(!sharedConfig.context);
-    onMount(() => setMounted(true));
-    return createMemo(
-      () => (Comp = comp(), m = mounted(), untrack(() => Comp && m ? Comp(rest) : props.fallback))
-    );
-  };
+	if (isServer) return (props) => props.fallback;
+	const [comp, setComp] = createSignal();
+	fn().then((m) => setComp(() => m.default));
+	return (props) => {
+		let Comp;
+		let m;
+		const [, rest] = splitProps(props, ["fallback"]);
+		if ((Comp = comp()) && !sharedConfig.context) return Comp(rest);
+		const [mounted, setMounted] = createSignal(!sharedConfig.context);
+		onMount(() => setMounted(true));
+		return createMemo(() => (Comp = comp(), m = mounted(), untrack(() => Comp && m ? Comp(rest) : props.fallback)));
+	};
 }
-
-// src/index.tsx
-var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/32HRKFKI.jsx")) : function() {
-  return null;
+//#endregion
+//#region src/index.tsx
+const SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools-CXrmuwV8.jsx")) : function() {
+	return null;
 };
-var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/NDFIDQLQ.jsx")) : function() {
-  return null;
-};
-export {
-  SolidQueryDevtools,
-  SolidQueryDevtoolsPanel
+const SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel-CjUh_Osq.jsx")) : function() {
+	return null;
 };
+//#endregion
+export { SolidQueryDevtools, SolidQueryDevtoolsPanel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-query-devtools",
-  "version": "5.101.4",
+  "version": "5.102.0",
   "description": "Developer tools to interact with and visualize the TanStack/solid-query Query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -44,36 +44,34 @@
     "!src/__tests__"
   ],
   "dependencies": {
-    "@tanstack/query-devtools": "5.101.4"
+    "@tanstack/query-devtools": "5.102.0"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "npm-run-all2": "^5.0.0",
     "solid-js": "^1.9.7",
-    "tsup-preset-solid": "^2.2.0",
+    "unplugin-solid": "^2.0.0",
     "vite-plugin-solid": "^2.11.6",
-    "@tanstack/solid-query": "5.101.4"
+    "@tanstack/solid-query": "5.102.0"
   },
   "peerDependencies": {
     "solid-js": "^1.6.0",
-    "@tanstack/solid-query": "^5.101.4"
+    "@tanstack/solid-query": "^5.102.0"
   },
   "scripts": {
     "clean": "premove ./build ./coverage ./dist-ts",
     "compile": "tsc --build",
     "test:eslint": "eslint --concurrency=auto ./src",
     "test:types": "npm run compile && npm-run-all --serial test:types:*",
-    "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build",
-    "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build",
     "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build",
     "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build",
     "test:types:ts58": "node ../../node_modules/typescript58/lib/tsc.js --build",
     "test:types:ts59": "node ../../node_modules/typescript59/lib/tsc.js --build",
-    "test:types:ts60": "node ../../node_modules/typescript60/lib/tsc.js --build",
+    "test:types:ts70": "node ../../node_modules/typescript70/lib/tsc.js --build",
     "test:build": "publint --strict && attw --pack",
     "test:lib": "vitest --retry=3",
     "test:lib:dev": "pnpm run test:lib --watch",
-    "build": "tsup --tsconfig tsconfig.prod.json",
-    "build:dev": "tsup --watch"
+    "build": "tsdown --tsconfig tsconfig.prod.json",
+    "build:dev": "tsdown --watch"
   }
 }

package/build/devtools/32HRKFKI.jsx

@@ -1,55 +0,0 @@
-// src/devtools.tsx
-import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
-import { onlineManager, useQueryClient } from "@tanstack/solid-query";
-import { TanstackQueryDevtools } from "@tanstack/query-devtools";
-function SolidQueryDevtools(props) {
-  const queryClient = useQueryClient(props.client);
-  const client = createMemo(() => queryClient);
-  let ref;
-  const devtools = new TanstackQueryDevtools({
-    client: client(),
-    queryFlavor: "Solid Query",
-    version: "5",
-    onlineManager,
-    buttonPosition: props.buttonPosition,
-    position: props.position,
-    initialIsOpen: props.initialIsOpen,
-    errorTypes: props.errorTypes,
-    styleNonce: props.styleNonce,
-    shadowDOMTarget: props.shadowDOMTarget,
-    hideDisabledQueries: props.hideDisabledQueries,
-    theme: props.theme
-  });
-  createEffect(() => {
-    devtools.setClient(client());
-  });
-  createEffect(() => {
-    const buttonPos = props.buttonPosition;
-    if (buttonPos) {
-      devtools.setButtonPosition(buttonPos);
-    }
-  });
-  createEffect(() => {
-    const pos = props.position;
-    if (pos) {
-      devtools.setPosition(pos);
-    }
-  });
-  createEffect(() => {
-    devtools.setInitialIsOpen(props.initialIsOpen || false);
-  });
-  createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
-  });
-  createEffect(() => {
-    devtools.setTheme(props.theme || "system");
-  });
-  onMount(() => {
-    devtools.mount(ref);
-    onCleanup(() => devtools.unmount());
-  });
-  return <div class="tsqd-parent-container" ref={ref} />;
-}
-export {
-  SolidQueryDevtools as default
-};

package/build/devtools/BCD44V6M.js

@@ -1,62 +0,0 @@
-import { use, template } from 'solid-js/web';
-import { createMemo, createEffect, onMount, onCleanup } from 'solid-js';
-import { useQueryClient, onlineManager } from '@tanstack/solid-query';
-import { TanstackQueryDevtools } from '@tanstack/query-devtools';
-
-// src/devtools.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div class=tsqd-parent-container>`);
-function SolidQueryDevtools(props) {
-  const queryClient = useQueryClient(props.client);
-  const client = createMemo(() => queryClient);
-  let ref;
-  const devtools = new TanstackQueryDevtools({
-    client: client(),
-    queryFlavor: "Solid Query",
-    version: "5",
-    onlineManager,
-    buttonPosition: props.buttonPosition,
-    position: props.position,
-    initialIsOpen: props.initialIsOpen,
-    errorTypes: props.errorTypes,
-    styleNonce: props.styleNonce,
-    shadowDOMTarget: props.shadowDOMTarget,
-    hideDisabledQueries: props.hideDisabledQueries,
-    theme: props.theme
-  });
-  createEffect(() => {
-    devtools.setClient(client());
-  });
-  createEffect(() => {
-    const buttonPos = props.buttonPosition;
-    if (buttonPos) {
-      devtools.setButtonPosition(buttonPos);
-    }
-  });
-  createEffect(() => {
-    const pos = props.position;
-    if (pos) {
-      devtools.setPosition(pos);
-    }
-  });
-  createEffect(() => {
-    devtools.setInitialIsOpen(props.initialIsOpen || false);
-  });
-  createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
-  });
-  createEffect(() => {
-    devtools.setTheme(props.theme || "system");
-  });
-  onMount(() => {
-    devtools.mount(ref);
-    onCleanup(() => devtools.unmount());
-  });
-  return (() => {
-    var _el$ = _tmpl$();
-    var _ref$ = ref;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : ref = _el$;
-    return _el$;
-  })();
-}
-
-export { SolidQueryDevtools as default };

package/build/devtoolsPanel/NDFIDQLQ.jsx

@@ -1,50 +0,0 @@
-// src/devtoolsPanel.tsx
-import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
-import { onlineManager, useQueryClient } from "@tanstack/solid-query";
-import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
-function SolidQueryDevtoolsPanel(props) {
-  const queryClient = useQueryClient(props.client);
-  const client = createMemo(() => queryClient);
-  let ref;
-  const { errorTypes, styleNonce, shadowDOMTarget, hideDisabledQueries } = props;
-  const devtools = new TanstackQueryDevtoolsPanel({
-    client: client(),
-    queryFlavor: "Solid Query",
-    version: "5",
-    onlineManager,
-    buttonPosition: "bottom-left",
-    position: "bottom",
-    initialIsOpen: true,
-    errorTypes,
-    styleNonce,
-    shadowDOMTarget,
-    onClose: props.onClose,
-    hideDisabledQueries,
-    theme: props.theme
-  });
-  createEffect(() => {
-    devtools.setClient(client());
-  });
-  createEffect(() => {
-    devtools.setOnClose(props.onClose ?? (() => {
-    }));
-  });
-  createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
-  });
-  createEffect(() => {
-    devtools.setTheme(props.theme || "system");
-  });
-  onMount(() => {
-    devtools.mount(ref);
-    onCleanup(() => devtools.unmount());
-  });
-  return <div
-    style={{ height: "500px", ...props.style }}
-    class="tsqd-parent-container"
-    ref={ref}
-  />;
-}
-export {
-  SolidQueryDevtoolsPanel as default
-};

package/build/devtoolsPanel/VOW4J2DZ.js

@@ -1,61 +0,0 @@
-import { use, effect, style, template } from 'solid-js/web';
-import { createMemo, createEffect, onMount, onCleanup } from 'solid-js';
-import { useQueryClient, onlineManager } from '@tanstack/solid-query';
-import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
-
-// src/devtoolsPanel.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div class=tsqd-parent-container style=height:500px>`);
-function SolidQueryDevtoolsPanel(props) {
-  const queryClient = useQueryClient(props.client);
-  const client = createMemo(() => queryClient);
-  let ref;
-  const {
-    errorTypes,
-    styleNonce,
-    shadowDOMTarget,
-    hideDisabledQueries
-  } = props;
-  const devtools = new TanstackQueryDevtoolsPanel({
-    client: client(),
-    queryFlavor: "Solid Query",
-    version: "5",
-    onlineManager,
-    buttonPosition: "bottom-left",
-    position: "bottom",
-    initialIsOpen: true,
-    errorTypes,
-    styleNonce,
-    shadowDOMTarget,
-    onClose: props.onClose,
-    hideDisabledQueries,
-    theme: props.theme
-  });
-  createEffect(() => {
-    devtools.setClient(client());
-  });
-  createEffect(() => {
-    devtools.setOnClose(props.onClose ?? (() => {
-    }));
-  });
-  createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
-  });
-  createEffect(() => {
-    devtools.setTheme(props.theme || "system");
-  });
-  onMount(() => {
-    devtools.mount(ref);
-    onCleanup(() => devtools.unmount());
-  });
-  return (() => {
-    var _el$ = _tmpl$();
-    var _ref$ = ref;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : ref = _el$;
-    effect((_$p) => style(_el$, {
-      ...props.style
-    }, _$p));
-    return _el$;
-  })();
-}
-
-export { SolidQueryDevtoolsPanel as default };