@tanstack/solid-query-devtools 5.91.2 → 6.0.0-alpha.0

package/build/devtools/{BCD44V6M.js → CHPGNEUY.js}

@@ -1,14 +1,13 @@
-import { template, use } from 'solid-js/web';
-import { createMemo, createEffect, onMount, onCleanup } from 'solid-js';
+import { ref, template } from '../chunk/RDKFYAW3.js';
+import { createMemo, createEffect, onSettled, 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;
+  let ref2;
   const devtools = new TanstackQueryDevtools({
     client: client(),
     queryFlavor: "Solid Query",
@@ -23,38 +22,36 @@ function SolidQueryDevtools(props) {
     hideDisabledQueries: props.hideDisabledQueries,
     theme: props.theme
   });
-  createEffect(() => {
-    devtools.setClient(client());
+  createEffect(() => client(), (c) => {
+    devtools.setClient(c);
   });
-  createEffect(() => {
-    const buttonPos = props.buttonPosition;
+  createEffect(() => props.buttonPosition, (buttonPos) => {
     if (buttonPos) {
       devtools.setButtonPosition(buttonPos);
     }
   });
-  createEffect(() => {
-    const pos = props.position;
+  createEffect(() => props.position, (pos) => {
     if (pos) {
       devtools.setPosition(pos);
     }
   });
-  createEffect(() => {
-    devtools.setInitialIsOpen(props.initialIsOpen || false);
+  createEffect(() => props.initialIsOpen, (initialIsOpen) => {
+    devtools.setInitialIsOpen(initialIsOpen || false);
   });
-  createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
+  createEffect(() => props.errorTypes, (errorTypes) => {
+    devtools.setErrorTypes(errorTypes || []);
   });
-  createEffect(() => {
-    devtools.setTheme(props.theme || "system");
+  createEffect(() => props.theme, (theme) => {
+    devtools.setTheme(theme || "system");
   });
-  onMount(() => {
-    devtools.mount(ref);
+  onSettled(() => {
+    devtools.mount(ref2);
     onCleanup(() => devtools.unmount());
   });
   return (() => {
     var _el$ = _tmpl$();
-    var _ref$ = ref;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : ref = _el$;
+    var _ref$ = ref2;
+    typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
     return _el$;
   })();
 }

package/build/devtools/{32HRKFKI.jsx → MU7AYS7J.jsx}

@@ -1,5 +1,5 @@
 // src/devtools.tsx
-import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
+import { createEffect, createMemo, onCleanup, onSettled } from "solid-js";
 import { onlineManager, useQueryClient } from "@tanstack/solid-query";
 import { TanstackQueryDevtools } from "@tanstack/query-devtools";
 function SolidQueryDevtools(props) {
@@ -20,31 +20,47 @@ function SolidQueryDevtools(props) {
     hideDisabledQueries: props.hideDisabledQueries,
     theme: props.theme
   });
-  createEffect(() => {
-    devtools.setClient(client());
-  });
-  createEffect(() => {
-    const buttonPos = props.buttonPosition;
-    if (buttonPos) {
-      devtools.setButtonPosition(buttonPos);
+  createEffect(
+    () => client(),
+    (c) => {
+      devtools.setClient(c);
     }
-  });
-  createEffect(() => {
-    const pos = props.position;
-    if (pos) {
-      devtools.setPosition(pos);
+  );
+  createEffect(
+    () => props.buttonPosition,
+    (buttonPos) => {
+      if (buttonPos) {
+        devtools.setButtonPosition(buttonPos);
+      }
     }
-  });
-  createEffect(() => {
-    devtools.setInitialIsOpen(props.initialIsOpen || false);
-  });
-  createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
-  });
-  createEffect(() => {
-    devtools.setTheme(props.theme || "system");
-  });
-  onMount(() => {
+  );
+  createEffect(
+    () => props.position,
+    (pos) => {
+      if (pos) {
+        devtools.setPosition(pos);
+      }
+    }
+  );
+  createEffect(
+    () => props.initialIsOpen,
+    (initialIsOpen) => {
+      devtools.setInitialIsOpen(initialIsOpen || false);
+    }
+  );
+  createEffect(
+    () => props.errorTypes,
+    (errorTypes) => {
+      devtools.setErrorTypes(errorTypes || []);
+    }
+  );
+  createEffect(
+    () => props.theme,
+    (theme) => {
+      devtools.setTheme(theme || "system");
+    }
+  );
+  onSettled(() => {
     devtools.mount(ref);
     onCleanup(() => devtools.unmount());
   });

package/build/devtools/OWDQYIA3.js

@@ -0,0 +1,59 @@
+import { ref, template } from '../chunk/KLS34EMT.js';
+import { createMemo, createEffect, onSettled, onCleanup } from 'solid-js';
+import { useQueryClient, onlineManager } from '@tanstack/solid-query';
+import { TanstackQueryDevtools } from '@tanstack/query-devtools';
+
+var _tmpl$ = /* @__PURE__ */ template(`<div class=tsqd-parent-container>`);
+function SolidQueryDevtools(props) {
+  const queryClient = useQueryClient(props.client);
+  const client = createMemo(() => queryClient);
+  let ref2;
+  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(() => client(), (c) => {
+    devtools.setClient(c);
+  });
+  createEffect(() => props.buttonPosition, (buttonPos) => {
+    if (buttonPos) {
+      devtools.setButtonPosition(buttonPos);
+    }
+  });
+  createEffect(() => props.position, (pos) => {
+    if (pos) {
+      devtools.setPosition(pos);
+    }
+  });
+  createEffect(() => props.initialIsOpen, (initialIsOpen) => {
+    devtools.setInitialIsOpen(initialIsOpen || false);
+  });
+  createEffect(() => props.errorTypes, (errorTypes) => {
+    devtools.setErrorTypes(errorTypes || []);
+  });
+  createEffect(() => props.theme, (theme) => {
+    devtools.setTheme(theme || "system");
+  });
+  onSettled(() => {
+    devtools.mount(ref2);
+    onCleanup(() => devtools.unmount());
+  });
+  return (() => {
+    var _el$ = _tmpl$();
+    var _ref$ = ref2;
+    typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
+    return _el$;
+  })();
+}
+
+export { SolidQueryDevtools as default };

package/build/devtoolsPanel/{VKJ7SILT.js → CQ4HXSZG.js}

@@ -1,14 +1,13 @@
-import { template, use, effect, style } from 'solid-js/web';
-import { createMemo, createEffect, onMount, onCleanup } from 'solid-js';
+import { ref, effect, style, template } from '../chunk/KLS34EMT.js';
+import { createMemo, createEffect, onSettled, 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>`);
+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;
+  let ref2;
   const {
     errorTypes,
     styleNonce,
@@ -30,31 +29,32 @@ function SolidQueryDevtoolsPanel(props) {
     hideDisabledQueries,
     theme: props.theme
   });
-  createEffect(() => {
-    devtools.setClient(client());
+  createEffect(() => client(), (c) => {
+    devtools.setClient(c);
   });
-  createEffect(() => {
-    devtools.setOnClose(props.onClose ?? (() => {
+  createEffect(() => props.onClose, (onClose) => {
+    devtools.setOnClose(onClose ?? (() => {
     }));
   });
-  createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
+  createEffect(() => props.errorTypes, (errorTypes2) => {
+    devtools.setErrorTypes(errorTypes2 || []);
   });
-  createEffect(() => {
-    devtools.setTheme(props.theme || "system");
+  createEffect(() => props.theme, (theme) => {
+    devtools.setTheme(theme || "system");
   });
-  onMount(() => {
-    devtools.mount(ref);
+  onSettled(() => {
+    devtools.mount(ref2);
     onCleanup(() => devtools.unmount());
   });
   return (() => {
     var _el$ = _tmpl$();
-    var _ref$ = ref;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : ref = _el$;
-    effect((_$p) => style(_el$, {
-      height: "500px",
+    var _ref$ = ref2;
+    typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
+    effect(() => ({
       ...props.style
-    }, _$p));
+    }), (_v$, _$p) => {
+      style(_el$, _v$, _$p);
+    });
     return _el$;
   })();
 }

package/build/devtoolsPanel/LLRYE7CA.js

@@ -0,0 +1,62 @@
+import { ref, effect, style, template } from '../chunk/RDKFYAW3.js';
+import { createMemo, createEffect, onSettled, onCleanup } from 'solid-js';
+import { useQueryClient, onlineManager } from '@tanstack/solid-query';
+import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
+
+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 ref2;
+  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(() => client(), (c) => {
+    devtools.setClient(c);
+  });
+  createEffect(() => props.onClose, (onClose) => {
+    devtools.setOnClose(onClose ?? (() => {
+    }));
+  });
+  createEffect(() => props.errorTypes, (errorTypes2) => {
+    devtools.setErrorTypes(errorTypes2 || []);
+  });
+  createEffect(() => props.theme, (theme) => {
+    devtools.setTheme(theme || "system");
+  });
+  onSettled(() => {
+    devtools.mount(ref2);
+    onCleanup(() => devtools.unmount());
+  });
+  return (() => {
+    var _el$ = _tmpl$();
+    var _ref$ = ref2;
+    typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
+    effect(() => ({
+      ...props.style
+    }), (_v$, _$p) => {
+      style(_el$, _v$, _$p);
+    });
+    return _el$;
+  })();
+}
+
+export { SolidQueryDevtoolsPanel as default };

package/build/devtoolsPanel/{NDFIDQLQ.jsx → NLCUKFXJ.jsx}

@@ -1,5 +1,5 @@
 // src/devtoolsPanel.tsx
-import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
+import { createEffect, createMemo, onCleanup, onSettled } from "solid-js";
 import { onlineManager, useQueryClient } from "@tanstack/solid-query";
 import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
 function SolidQueryDevtoolsPanel(props) {
@@ -22,20 +22,32 @@ function SolidQueryDevtoolsPanel(props) {
     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(() => {
+  createEffect(
+    () => client(),
+    (c) => {
+      devtools.setClient(c);
+    }
+  );
+  createEffect(
+    () => props.onClose,
+    (onClose) => {
+      devtools.setOnClose(onClose ?? (() => {
+      }));
+    }
+  );
+  createEffect(
+    () => props.errorTypes,
+    (errorTypes2) => {
+      devtools.setErrorTypes(errorTypes2 || []);
+    }
+  );
+  createEffect(
+    () => props.theme,
+    (theme) => {
+      devtools.setTheme(theme || "system");
+    }
+  );
+  onSettled(() => {
     devtools.mount(ref);
     onCleanup(() => devtools.unmount());
   });