@tanstack/solid-query-devtools 5.80.5 → 5.80.7

package/build/dev.cjs

@@ -18,7 +18,6 @@ var __export = (target, all) => {
 // src/devtools.tsx
 var devtools_exports = {};
 __export(devtools_exports, {
-  clientOnly: () => clientOnly,
   default: () => SolidQueryDevtools
 });
 function SolidQueryDevtools(props) {
@@ -69,6 +68,12 @@ function SolidQueryDevtools(props) {
     return _el$;
   })();
 }
+var _tmpl$;
+var init_devtools = __esm({
+  "src/devtools.tsx"() {
+    _tmpl$ = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container>`);
+  }
+});
 function clientOnly(fn) {
   if (web.isServer) return (props) => props.fallback;
   const [comp, setComp] = solidJs.createSignal();
@@ -83,15 +88,8 @@ function clientOnly(fn) {
     return solidJs.createMemo(() => (Comp = comp(), m = mounted(), solidJs.untrack(() => Comp && m ? Comp(rest) : props.fallback)));
   };
 }
-var _tmpl$;
-var init_devtools = __esm({
-  "src/devtools.tsx"() {
-    _tmpl$ = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container>`);
-  }
-});
 
 // src/index.tsx
-init_devtools();
 exports.SolidQueryDevtools = web.isDev ? clientOnly(() => Promise.resolve().then(() => (init_devtools(), devtools_exports))) : function() {
   return null;
 };

package/build/dev.js

@@ -1,7 +1,24 @@
-import { clientOnly } from './chunk/PQQXEPYU.js';
-import { isDev } from 'solid-js/web';
+import { isDev, isServer } from 'solid-js/web';
+import { createSignal, splitProps, sharedConfig, onMount, createMemo, untrack } from 'solid-js';
 
-var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/C4J3FRGT.js')) : function() {
+// src/index.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)));
+  };
+}
+
+// src/index.tsx
+var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/LBUQ2A5B.js')) : function() {
   return null;
 };
 

package/build/dev.jsx

@@ -1,10 +1,36 @@
+// src/index.tsx
+import { isDev } from "solid-js/web";
+
+// src/clientOnly.tsx
 import {
-  clientOnly
-} from "./chunk/AU5TFTIU.jsx";
+  createMemo,
+  createSignal,
+  onMount,
+  sharedConfig,
+  splitProps,
+  untrack
+} from "solid-js";
+import { isServer } from "solid-js/web";
+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))
+    );
+  };
+}
 
 // src/index.tsx
-import { isDev } from "solid-js/web";
-var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/IXR2SZ26.jsx")) : function() {
+var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/O4DODHQV.jsx")) : function() {
   return null;
 };
 export {

package/build/{chunk/PQQXEPYU.js → devtools/LBUQ2A5B.js}

@@ -1,5 +1,5 @@
-import { template, use, isServer } from 'solid-js/web';
-import { createMemo, createEffect, onMount, onCleanup, createSignal, splitProps, sharedConfig, untrack } from 'solid-js';
+import { template, use } 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';
 
@@ -53,19 +53,5 @@ function SolidQueryDevtools(props) {
     return _el$;
   })();
 }
-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)));
-  };
-}
 
-export { SolidQueryDevtools, clientOnly };
+export { SolidQueryDevtools as default };

package/build/{chunk/AU5TFTIU.jsx → devtools/O4DODHQV.jsx}

@@ -1,16 +1,6 @@
 // src/devtools.tsx
-import {
-  createEffect,
-  createMemo,
-  createSignal,
-  onCleanup,
-  onMount,
-  sharedConfig,
-  splitProps,
-  untrack
-} from "solid-js";
+import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
 import { onlineManager, useQueryClient } from "@tanstack/solid-query";
-import { isServer } from "solid-js/web";
 import { TanstackQueryDevtools } from "@tanstack/query-devtools";
 function SolidQueryDevtools(props) {
   const queryClient = useQueryClient();
@@ -55,25 +45,6 @@ function SolidQueryDevtools(props) {
   });
   return <div class="tsqd-parent-container" ref={ref} />;
 }
-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))
-    );
-  };
-}
-
 export {
-  SolidQueryDevtools,
-  clientOnly
+  SolidQueryDevtools as default
 };

package/build/index.cjs

@@ -18,7 +18,6 @@ var __export = (target, all) => {
 // src/devtools.tsx
 var devtools_exports = {};
 __export(devtools_exports, {
-  clientOnly: () => clientOnly,
   default: () => SolidQueryDevtools
 });
 function SolidQueryDevtools(props) {
@@ -69,6 +68,12 @@ function SolidQueryDevtools(props) {
     return _el$;
   })();
 }
+var _tmpl$;
+var init_devtools = __esm({
+  "src/devtools.tsx"() {
+    _tmpl$ = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container>`);
+  }
+});
 function clientOnly(fn) {
   if (web.isServer) return (props) => props.fallback;
   const [comp, setComp] = solidJs.createSignal();
@@ -83,15 +88,8 @@ function clientOnly(fn) {
     return solidJs.createMemo(() => (Comp = comp(), m = mounted(), solidJs.untrack(() => Comp && m ? Comp(rest) : props.fallback)));
   };
 }
-var _tmpl$;
-var init_devtools = __esm({
-  "src/devtools.tsx"() {
-    _tmpl$ = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container>`);
-  }
-});
 
 // src/index.tsx
-init_devtools();
 exports.SolidQueryDevtools = web.isDev ? clientOnly(() => Promise.resolve().then(() => (init_devtools(), devtools_exports))) : function() {
   return null;
 };

package/build/index.d.cts

@@ -1,6 +1,6 @@
+import * as solid_js from 'solid-js';
 import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType } from '@tanstack/query-devtools';
 import { QueryClient } from '@tanstack/solid-query';
-import { JSX } from 'solid-js';
 
 interface DevtoolsOptions {
     /**
@@ -36,7 +36,7 @@ interface DevtoolsOptions {
      */
     shadowDOMTarget?: ShadowRoot;
 }
-declare function SolidQueryDevtools$1(props: DevtoolsOptions): JSX.Element;
+declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
 
 declare const SolidQueryDevtools: typeof SolidQueryDevtools$1;
 

package/build/index.d.ts

@@ -1,6 +1,6 @@
+import * as solid_js from 'solid-js';
 import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType } from '@tanstack/query-devtools';
 import { QueryClient } from '@tanstack/solid-query';
-import { JSX } from 'solid-js';
 
 interface DevtoolsOptions {
     /**
@@ -36,7 +36,7 @@ interface DevtoolsOptions {
      */
     shadowDOMTarget?: ShadowRoot;
 }
-declare function SolidQueryDevtools$1(props: DevtoolsOptions): JSX.Element;
+declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
 
 declare const SolidQueryDevtools: typeof SolidQueryDevtools$1;
 

package/build/index.js

@@ -1,7 +1,24 @@
-import { clientOnly } from './chunk/PQQXEPYU.js';
-import { isDev } from 'solid-js/web';
+import { isDev, isServer } from 'solid-js/web';
+import { createSignal, splitProps, sharedConfig, onMount, createMemo, untrack } from 'solid-js';
 
-var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/C4J3FRGT.js')) : function() {
+// src/index.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)));
+  };
+}
+
+// src/index.tsx
+var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/LBUQ2A5B.js')) : function() {
   return null;
 };
 

package/build/index.jsx

@@ -1,10 +1,36 @@
+// src/index.tsx
+import { isDev } from "solid-js/web";
+
+// src/clientOnly.tsx
 import {
-  clientOnly
-} from "./chunk/AU5TFTIU.jsx";
+  createMemo,
+  createSignal,
+  onMount,
+  sharedConfig,
+  splitProps,
+  untrack
+} from "solid-js";
+import { isServer } from "solid-js/web";
+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))
+    );
+  };
+}
 
 // src/index.tsx
-import { isDev } from "solid-js/web";
-var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/IXR2SZ26.jsx")) : function() {
+var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/O4DODHQV.jsx")) : function() {
   return null;
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-query-devtools",
-  "version": "5.80.5",
+  "version": "5.80.7",
   "description": "Developer tools to interact with and visualize the TanStack/solid-query Query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -51,11 +51,11 @@
     "solid-js": "^1.9.5",
     "tsup-preset-solid": "^2.2.0",
     "vite-plugin-solid": "^2.11.6",
-    "@tanstack/solid-query": "5.80.5"
+    "@tanstack/solid-query": "5.80.7"
   },
   "peerDependencies": {
     "solid-js": "^1.6.0",
-    "@tanstack/solid-query": "^5.80.5"
+    "@tanstack/solid-query": "^5.80.7"
   },
   "scripts": {}
 }

package/src/clientOnly.tsx

@@ -0,0 +1,43 @@
+import {
+  createMemo,
+  createSignal,
+  onMount,
+  sharedConfig,
+  splitProps,
+  untrack,
+} from 'solid-js'
+import { isServer } from 'solid-js/web'
+import type { Component, ComponentProps, JSX } from 'solid-js'
+
+/*
+  This function has been taken from solid-start's codebase
+  This allows the devtools to be loaded only on the client and bypasses any server side rendering
+  https://github.com/solidjs/solid-start/blob/2967fc2db3f0df826f061020231dbdafdfa0746b/packages/start/islands/clientOnly.tsx
+*/
+export default function clientOnly<T extends Component<any>>(
+  fn: () => Promise<{
+    default: T
+  }>,
+) {
+  if (isServer)
+    return (props: ComponentProps<T> & { fallback?: JSX.Element }) =>
+      props.fallback
+
+  const [comp, setComp] = createSignal<T>()
+  fn().then((m) => setComp(() => m.default))
+  return (props: ComponentProps<T>) => {
+    let Comp: T | undefined
+    let m: boolean
+    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))
+      ),
+    )
+  }
+}

package/src/devtools.tsx

@@ -1,15 +1,5 @@
-import {
-  createEffect,
-  createMemo,
-  createSignal,
-  onCleanup,
-  onMount,
-  sharedConfig,
-  splitProps,
-  untrack,
-} from 'solid-js'
+import { createEffect, createMemo, onCleanup, onMount } from 'solid-js'
 import { onlineManager, useQueryClient } from '@tanstack/solid-query'
-import { isServer } from 'solid-js/web'
 import { TanstackQueryDevtools } from '@tanstack/query-devtools'
 import type {
   DevtoolsButtonPosition,
@@ -17,7 +7,6 @@ import type {
   DevtoolsPosition,
 } from '@tanstack/query-devtools'
 import type { QueryClient } from '@tanstack/solid-query'
-import type { Component, ComponentProps, JSX } from 'solid-js'
 
 interface DevtoolsOptions {
   /**
@@ -104,36 +93,3 @@ export default function SolidQueryDevtools(props: DevtoolsOptions) {
 
   return <div class="tsqd-parent-container" ref={ref}></div>
 }
-
-/*
-  This function has been taken from solid-start's codebase
-  This allows the devtools to be loaded only on the client and bypasses any server side rendering
-  https://github.com/solidjs/solid-start/blob/2967fc2db3f0df826f061020231dbdafdfa0746b/packages/start/islands/clientOnly.tsx
-*/
-export function clientOnly<T extends Component<any>>(
-  fn: () => Promise<{
-    default: T
-  }>,
-) {
-  if (isServer)
-    return (props: ComponentProps<T> & { fallback?: JSX.Element }) =>
-      props.fallback
-
-  const [comp, setComp] = createSignal<T>()
-  fn().then((m) => setComp(() => m.default))
-  return (props: ComponentProps<T>) => {
-    let Comp: T | undefined
-    let m: boolean
-    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))
-      ),
-    )
-  }
-}

package/src/index.tsx

@@ -1,5 +1,5 @@
 import { isDev } from 'solid-js/web'
-import { clientOnly } from './devtools'
+import clientOnly from './clientOnly'
 import type SolidQueryDevtoolsComp from './devtools'
 
 export const SolidQueryDevtools: typeof SolidQueryDevtoolsComp = isDev

package/build/devtools/C4J3FRGT.js

@@ -1 +0,0 @@
-export { clientOnly, SolidQueryDevtools as default } from '../chunk/PQQXEPYU.js';

package/build/devtools/IXR2SZ26.jsx

@@ -1,8 +0,0 @@
-import {
-  SolidQueryDevtools,
-  clientOnly
-} from "../chunk/AU5TFTIU.jsx";
-export {
-  clientOnly,
-  SolidQueryDevtools as default
-};