@tanstack/solid-query-devtools 5.101.3 → 5.102.0

package/build/dev.cjs

@@ -1,167 +1,29 @@
-'use strict';
-
-var web = require('solid-js/web');
-var solidJs = require('solid-js');
-var solidQuery = require('@tanstack/solid-query');
-var queryDevtools = require('@tanstack/query-devtools');
-
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/devtools.tsx
-var devtools_exports = {};
-__export(devtools_exports, {
-  default: () => SolidQueryDevtools
-});
-function SolidQueryDevtools(props) {
-  const queryClient = solidQuery.useQueryClient(props.client);
-  const client = solidJs.createMemo(() => queryClient);
-  let ref;
-  const devtools = new queryDevtools.TanstackQueryDevtools({
-    client: client(),
-    queryFlavor: "Solid Query",
-    version: "5",
-    onlineManager: solidQuery.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
-  });
-  solidJs.createEffect(() => {
-    devtools.setClient(client());
-  });
-  solidJs.createEffect(() => {
-    const buttonPos = props.buttonPosition;
-    if (buttonPos) {
-      devtools.setButtonPosition(buttonPos);
-    }
-  });
-  solidJs.createEffect(() => {
-    const pos = props.position;
-    if (pos) {
-      devtools.setPosition(pos);
-    }
-  });
-  solidJs.createEffect(() => {
-    devtools.setInitialIsOpen(props.initialIsOpen || false);
-  });
-  solidJs.createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
-  });
-  solidJs.createEffect(() => {
-    devtools.setTheme(props.theme || "system");
-  });
-  solidJs.onMount(() => {
-    devtools.mount(ref);
-    solidJs.onCleanup(() => devtools.unmount());
-  });
-  return (() => {
-    var _el$ = _tmpl$();
-    var _ref$ = ref;
-    typeof _ref$ === "function" ? web.use(_ref$, _el$) : ref = _el$;
-    return _el$;
-  })();
-}
-var _tmpl$;
-var init_devtools = __esm({
-  "src/devtools.tsx"() {
-    _tmpl$ = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container>`);
-  }
-});
-
-// src/devtoolsPanel.tsx
-var devtoolsPanel_exports = {};
-__export(devtoolsPanel_exports, {
-  default: () => SolidQueryDevtoolsPanel
-});
-function SolidQueryDevtoolsPanel(props) {
-  const queryClient = solidQuery.useQueryClient(props.client);
-  const client = solidJs.createMemo(() => queryClient);
-  let ref;
-  const {
-    errorTypes,
-    styleNonce,
-    shadowDOMTarget,
-    hideDisabledQueries
-  } = props;
-  const devtools = new queryDevtools.TanstackQueryDevtoolsPanel({
-    client: client(),
-    queryFlavor: "Solid Query",
-    version: "5",
-    onlineManager: solidQuery.onlineManager,
-    buttonPosition: "bottom-left",
-    position: "bottom",
-    initialIsOpen: true,
-    errorTypes,
-    styleNonce,
-    shadowDOMTarget,
-    onClose: props.onClose,
-    hideDisabledQueries,
-    theme: props.theme
-  });
-  solidJs.createEffect(() => {
-    devtools.setClient(client());
-  });
-  solidJs.createEffect(() => {
-    devtools.setOnClose(props.onClose ?? (() => {
-    }));
-  });
-  solidJs.createEffect(() => {
-    devtools.setErrorTypes(props.errorTypes || []);
-  });
-  solidJs.createEffect(() => {
-    devtools.setTheme(props.theme || "system");
-  });
-  solidJs.onMount(() => {
-    devtools.mount(ref);
-    solidJs.onCleanup(() => devtools.unmount());
-  });
-  return (() => {
-    var _el$ = _tmpl$2();
-    var _ref$ = ref;
-    typeof _ref$ === "function" ? web.use(_ref$, _el$) : ref = _el$;
-    web.effect((_$p) => web.style(_el$, {
-      ...props.style
-    }, _$p));
-    return _el$;
-  })();
-}
-var _tmpl$2;
-var init_devtoolsPanel = __esm({
-  "src/devtoolsPanel.tsx"() {
-    _tmpl$2 = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container style=height:500px>`);
-  }
-});
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let solid_js_web = require("solid-js/web");
+let solid_js = require("solid-js");
+//#region src/clientOnly.tsx
 function clientOnly(fn) {
-  if (web.isServer) return (props) => props.fallback;
-  const [comp, setComp] = solidJs.createSignal();
-  fn().then((m) => setComp(() => m.default));
-  return (props) => {
-    let Comp;
-    let m;
-    const [, rest] = solidJs.splitProps(props, ["fallback"]);
-    if ((Comp = comp()) && !solidJs.sharedConfig.context) return Comp(rest);
-    const [mounted, setMounted] = solidJs.createSignal(!solidJs.sharedConfig.context);
-    solidJs.onMount(() => setMounted(true));
-    return solidJs.createMemo(() => (Comp = comp(), m = mounted(), solidJs.untrack(() => Comp && m ? Comp(rest) : props.fallback)));
-  };
+	if (solid_js_web.isServer) return (props) => props.fallback;
+	const [comp, setComp] = (0, solid_js.createSignal)();
+	fn().then((m) => setComp(() => m.default));
+	return (props) => {
+		let Comp;
+		let m;
+		const [, rest] = (0, solid_js.splitProps)(props, ["fallback"]);
+		if ((Comp = comp()) && !solid_js.sharedConfig.context) return Comp(rest);
+		const [mounted, setMounted] = (0, solid_js.createSignal)(!solid_js.sharedConfig.context);
+		(0, solid_js.onMount)(() => setMounted(true));
+		return (0, solid_js.createMemo)(() => (Comp = comp(), m = mounted(), (0, solid_js.untrack)(() => Comp && m ? Comp(rest) : props.fallback)));
+	};
 }
-
-// src/index.tsx
-exports.SolidQueryDevtools = web.isDev ? clientOnly(() => Promise.resolve().then(() => (init_devtools(), devtools_exports))) : function() {
-  return null;
+//#endregion
+//#region src/index.tsx
+const SolidQueryDevtools = solid_js_web.isDev ? clientOnly(() => Promise.resolve().then(() => require("./devtools-BFGGY7dV.cjs"))) : function() {
+	return null;
 };
-exports.SolidQueryDevtoolsPanel = web.isDev ? clientOnly(() => Promise.resolve().then(() => (init_devtoolsPanel(), devtoolsPanel_exports))) : function() {
-  return null;
+const SolidQueryDevtoolsPanel = solid_js_web.isDev ? clientOnly(() => Promise.resolve().then(() => require("./devtoolsPanel-CLvDG9kV.cjs"))) : function() {
+	return null;
 };
+//#endregion
+exports.SolidQueryDevtools = SolidQueryDevtools;
+exports.SolidQueryDevtoolsPanel = SolidQueryDevtoolsPanel;

package/build/dev.js

@@ -1,28 +1,27 @@
-import { isDev, isServer } from 'solid-js/web';
-import { createSignal, splitProps, sharedConfig, onMount, createMemo, untrack } from 'solid-js';
-
-// src/index.tsx
+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/BCD44V6M.js')) : function() {
-  return null;
+//#endregion
+//#region src/index.tsx
+const SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools-C2-vOvXZ.js")) : function() {
+	return null;
 };
-var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/VOW4J2DZ.js')) : function() {
-  return null;
+const SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel-Dk1_K0ko.js")) : function() {
+	return null;
 };
-
+//#endregion
 export { SolidQueryDevtools, SolidQueryDevtoolsPanel };

package/build/dev.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/build/devtools-BFGGY7dV.cjs

@@ -0,0 +1,57 @@
+let solid_js_web = require("solid-js/web");
+let solid_js = require("solid-js");
+let _tanstack_solid_query = require("@tanstack/solid-query");
+let _tanstack_query_devtools = require("@tanstack/query-devtools");
+//#region src/devtools.tsx
+var _tmpl$ = /*#__PURE__*/ (0, solid_js_web.template)(`<div class=tsqd-parent-container>`);
+function SolidQueryDevtools(props) {
+	const queryClient = (0, _tanstack_solid_query.useQueryClient)(props.client);
+	const client = (0, solid_js.createMemo)(() => queryClient);
+	let ref;
+	const devtools = new _tanstack_query_devtools.TanstackQueryDevtools({
+		client: client(),
+		queryFlavor: "Solid Query",
+		version: "5",
+		onlineManager: _tanstack_solid_query.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
+	});
+	(0, solid_js.createEffect)(() => {
+		devtools.setClient(client());
+	});
+	(0, solid_js.createEffect)(() => {
+		const buttonPos = props.buttonPosition;
+		if (buttonPos) devtools.setButtonPosition(buttonPos);
+	});
+	(0, solid_js.createEffect)(() => {
+		const pos = props.position;
+		if (pos) devtools.setPosition(pos);
+	});
+	(0, solid_js.createEffect)(() => {
+		devtools.setInitialIsOpen(props.initialIsOpen || false);
+	});
+	(0, solid_js.createEffect)(() => {
+		devtools.setErrorTypes(props.errorTypes || []);
+	});
+	(0, solid_js.createEffect)(() => {
+		devtools.setTheme(props.theme || "system");
+	});
+	(0, solid_js.onMount)(() => {
+		devtools.mount(ref);
+		(0, solid_js.onCleanup)(() => devtools.unmount());
+	});
+	return (() => {
+		var _el$ = _tmpl$();
+		var _ref$ = ref;
+		typeof _ref$ === "function" ? (0, solid_js_web.use)(_ref$, _el$) : ref = _el$;
+		return _el$;
+	})();
+}
+//#endregion
+exports.default = SolidQueryDevtools;

package/build/devtools-C2-vOvXZ.js

@@ -0,0 +1,57 @@
+import { template, use } from "solid-js/web";
+import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
+import { onlineManager, useQueryClient } from "@tanstack/solid-query";
+import { TanstackQueryDevtools } from "@tanstack/query-devtools";
+//#region 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$;
+	})();
+}
+//#endregion
+export { SolidQueryDevtools as default };

package/build/devtools-CXrmuwV8.jsx

@@ -0,0 +1,50 @@
+import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
+import { onlineManager, useQueryClient } from "@tanstack/solid-query";
+import { TanstackQueryDevtools } from "@tanstack/query-devtools";
+//#region src/devtools.tsx
+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}></div>;
+}
+//#endregion
+export { SolidQueryDevtools as default };

package/build/devtools-ZLm3XMpi.js

@@ -0,0 +1,2 @@
+import{template as e,use as t}from"solid-js/web";import{createEffect as n,createMemo as r,onCleanup as i,onMount as a}from"solid-js";import{onlineManager as o,useQueryClient as s}from"@tanstack/solid-query";import{TanstackQueryDevtools as c}from"@tanstack/query-devtools";var l=e(`<div class=tsqd-parent-container>`);function u(e){let u=s(e.client),d=r(()=>u),f,p=new c({client:d(),queryFlavor:`Solid Query`,version:`5`,onlineManager:o,buttonPosition:e.buttonPosition,position:e.position,initialIsOpen:e.initialIsOpen,errorTypes:e.errorTypes,styleNonce:e.styleNonce,shadowDOMTarget:e.shadowDOMTarget,hideDisabledQueries:e.hideDisabledQueries,theme:e.theme});return n(()=>{p.setClient(d())}),n(()=>{let t=e.buttonPosition;t&&p.setButtonPosition(t)}),n(()=>{let t=e.position;t&&p.setPosition(t)}),n(()=>{p.setInitialIsOpen(e.initialIsOpen||!1)}),n(()=>{p.setErrorTypes(e.errorTypes||[])}),n(()=>{p.setTheme(e.theme||`system`)}),a(()=>{p.mount(f),i(()=>p.unmount())}),(()=>{var e=l(),n=f;return typeof n==`function`?t(n,e):f=e,e})()}export{u as default};
+//# sourceMappingURL=devtools-ZLm3XMpi.js.map

package/build/devtools-ZLm3XMpi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools-ZLm3XMpi.js","names":["createEffect","createMemo","onCleanup","onMount","onlineManager","useQueryClient","TanstackQueryDevtools","DevtoolsButtonPosition","DevtoolsErrorType","DevtoolsPosition","Theme","QueryClient","DevtoolsOptions","initialIsOpen","buttonPosition","position","client","errorTypes","Array","styleNonce","shadowDOMTarget","ShadowRoot","hideDisabledQueries","theme","SolidQueryDevtools","props","queryClient","ref","HTMLDivElement","devtools","queryFlavor","version","setClient","buttonPos","setButtonPosition","pos","setPosition","setInitialIsOpen","setErrorTypes","setTheme","mount","unmount","_el$","_tmpl$","_ref$","_$use"],"sources":["../src/devtools.tsx"],"sourcesContent":["import { createEffect, createMemo, onCleanup, onMount } from 'solid-js'\nimport { onlineManager, useQueryClient } from '@tanstack/solid-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type {\n  DevtoolsButtonPosition,\n  DevtoolsErrorType,\n  DevtoolsPosition,\n  Theme,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/solid-query'\n\ninterface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the TanStack logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'\n   * Defaults to 'bottom-right'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the Solid Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to 'bottom'.\n   */\n  position?: DevtoolsPosition\n  /**\n   * Custom instance of QueryClient\n   */\n  client?: QueryClient\n  /**\n   * Use this so you can define custom errors that can be shown in the devtools.\n   */\n  errorTypes?: Array<DevtoolsErrorType>\n  /**\n   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.\n   */\n  styleNonce?: string\n  /**\n   * Use this so you can attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n  /**\n   * Set this to true to hide disabled queries from the devtools panel.\n   */\n  hideDisabledQueries?: boolean\n  /**\n   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.\n   * Defaults to 'system'.\n   */\n  theme?: Theme\n}\n\nexport default function SolidQueryDevtools(props: DevtoolsOptions) {\n  const queryClient = useQueryClient(props.client)\n  const client = createMemo(() => queryClient)\n  let ref!: HTMLDivElement\n  const devtools = new TanstackQueryDevtools({\n    client: client(),\n    queryFlavor: 'Solid Query',\n    version: '5',\n    onlineManager,\n    buttonPosition: props.buttonPosition,\n    position: props.position,\n    initialIsOpen: props.initialIsOpen,\n    errorTypes: props.errorTypes,\n    styleNonce: props.styleNonce,\n    shadowDOMTarget: props.shadowDOMTarget,\n    hideDisabledQueries: props.hideDisabledQueries,\n    theme: props.theme,\n  })\n\n  createEffect(() => {\n    devtools.setClient(client())\n  })\n\n  createEffect(() => {\n    const buttonPos = props.buttonPosition\n    if (buttonPos) {\n      devtools.setButtonPosition(buttonPos)\n    }\n  })\n\n  createEffect(() => {\n    const pos = props.position\n    if (pos) {\n      devtools.setPosition(pos)\n    }\n  })\n\n  createEffect(() => {\n    devtools.setInitialIsOpen(props.initialIsOpen || false)\n  })\n\n  createEffect(() => {\n    devtools.setErrorTypes(props.errorTypes || [])\n  })\n\n  createEffect(() => {\n    devtools.setTheme(props.theme || 'system')\n  })\n\n  onMount(() => {\n    devtools.mount(ref)\n    onCleanup(() => devtools.unmount())\n  })\n\n  return <div class=\"tsqd-parent-container\" ref={ref}></div>\n}\n"],"mappings":"6TAuDA,SAAwBwB,EAAmBC,EAAwB,CACjE,IAAMC,EAAcrB,EAAeoB,EAAMT,MAAM,EACzCA,EAASf,MAAiByB,CAAW,EACvCC,EACEE,EAAW,IAAIvB,EAAsB,CACzCU,OAAQA,EAAO,EACfc,YAAa,cACbC,QAAS,IACT3B,gBACAU,eAAgBW,EAAMX,eACtBC,SAAUU,EAAMV,SAChBF,cAAeY,EAAMZ,cACrBI,WAAYQ,EAAMR,WAClBE,WAAYM,EAAMN,WAClBC,gBAAiBK,EAAML,gBACvBE,oBAAqBG,EAAMH,oBAC3BC,MAAOE,EAAMF,KACf,CAAC,EAqCD,OAnCAvB,MAAmB,CACjB6B,EAASG,UAAUhB,EAAO,CAAC,CAC7B,CAAC,EAEDhB,MAAmB,CACjB,IAAMiC,EAAYR,EAAMX,eACpBmB,GACFJ,EAASK,kBAAkBD,CAAS,CAExC,CAAC,EAEDjC,MAAmB,CACjB,IAAMmC,EAAMV,EAAMV,SACdoB,GACFN,EAASO,YAAYD,CAAG,CAE5B,CAAC,EAEDnC,MAAmB,CACjB6B,EAASQ,iBAAiBZ,EAAMZ,eAAiB,EAAK,CACxD,CAAC,EAEDb,MAAmB,CACjB6B,EAASS,cAAcb,EAAMR,YAAc,CAAA,CAAE,CAC/C,CAAC,EAEDjB,MAAmB,CACjB6B,EAASU,SAASd,EAAMF,OAAS,QAAQ,CAC3C,CAAC,EAEDpB,MAAc,CACZ0B,EAASW,MAAMb,CAAG,EAClBzB,MAAgB2B,EAASY,QAAQ,CAAC,CACpC,CAAC,OAED,CAAA,IAAAC,EAAAC,EAAA,EAAAC,EAA+CjB,EAAG,OAAA,OAAAiB,GAAA,WAAAC,EAAAD,EAAAF,CAAA,EAAHf,EAAGe,EAAAA,CAAA,EAAA,CAAA,CACpD"}

package/build/devtools-g4uuc_il.cjs

@@ -0,0 +1 @@
+let e=require("solid-js/web"),t=require("solid-js"),n=require("@tanstack/solid-query"),r=require("@tanstack/query-devtools");var i=(0,e.template)(`<div class=tsqd-parent-container>`);function a(a){let o=(0,n.useQueryClient)(a.client),s=(0,t.createMemo)(()=>o),c,l=new r.TanstackQueryDevtools({client:s(),queryFlavor:`Solid Query`,version:`5`,onlineManager:n.onlineManager,buttonPosition:a.buttonPosition,position:a.position,initialIsOpen:a.initialIsOpen,errorTypes:a.errorTypes,styleNonce:a.styleNonce,shadowDOMTarget:a.shadowDOMTarget,hideDisabledQueries:a.hideDisabledQueries,theme:a.theme});return(0,t.createEffect)(()=>{l.setClient(s())}),(0,t.createEffect)(()=>{let e=a.buttonPosition;e&&l.setButtonPosition(e)}),(0,t.createEffect)(()=>{let e=a.position;e&&l.setPosition(e)}),(0,t.createEffect)(()=>{l.setInitialIsOpen(a.initialIsOpen||!1)}),(0,t.createEffect)(()=>{l.setErrorTypes(a.errorTypes||[])}),(0,t.createEffect)(()=>{l.setTheme(a.theme||`system`)}),(0,t.onMount)(()=>{l.mount(c),(0,t.onCleanup)(()=>l.unmount())}),(()=>{var t=i(),n=c;return typeof n==`function`?(0,e.use)(n,t):c=t,t})()}exports.default=a;

package/build/devtoolsPanel-BrOMNzf2.cjs

@@ -0,0 +1 @@
+let e=require("solid-js/web"),t=require("solid-js"),n=require("@tanstack/solid-query"),r=require("@tanstack/query-devtools");var i=(0,e.template)(`<div class=tsqd-parent-container style=height:500px>`);function a(a){let o=(0,n.useQueryClient)(a.client),s=(0,t.createMemo)(()=>o),c,{errorTypes:l,styleNonce:u,shadowDOMTarget:d,hideDisabledQueries:f}=a,p=new r.TanstackQueryDevtoolsPanel({client:s(),queryFlavor:`Solid Query`,version:`5`,onlineManager:n.onlineManager,buttonPosition:`bottom-left`,position:`bottom`,initialIsOpen:!0,errorTypes:l,styleNonce:u,shadowDOMTarget:d,onClose:a.onClose,hideDisabledQueries:f,theme:a.theme});return(0,t.createEffect)(()=>{p.setClient(s())}),(0,t.createEffect)(()=>{p.setOnClose(a.onClose??(()=>{}))}),(0,t.createEffect)(()=>{p.setErrorTypes(a.errorTypes||[])}),(0,t.createEffect)(()=>{p.setTheme(a.theme||`system`)}),(0,t.onMount)(()=>{p.mount(c),(0,t.onCleanup)(()=>p.unmount())}),(()=>{var t=i(),n=c;return typeof n==`function`?(0,e.use)(n,t):c=t,(0,e.effect)(n=>(0,e.style)(t,{...a.style},n)),t})()}exports.default=a;

package/build/devtoolsPanel-CLvDG9kV.cjs

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

package/build/devtoolsPanel-CjUh_Osq.jsx

@@ -0,0 +1,47 @@
+import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
+import { onlineManager, useQueryClient } from "@tanstack/solid-query";
+import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
+//#region src/devtoolsPanel.tsx
+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} />;
+}
+//#endregion
+export { SolidQueryDevtoolsPanel as default };

package/build/devtoolsPanel-Dk1_K0ko.js

@@ -0,0 +1,52 @@
+import { effect, style, template, use } from "solid-js/web";
+import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
+import { onlineManager, useQueryClient } from "@tanstack/solid-query";
+import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
+//#region 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$;
+	})();
+}
+//#endregion
+export { SolidQueryDevtoolsPanel as default };

package/build/devtoolsPanel-GNd-i8LJ.js

@@ -0,0 +1,2 @@
+import{effect as e,style as t,template as n,use as r}from"solid-js/web";import{createEffect as i,createMemo as a,onCleanup as o,onMount as s}from"solid-js";import{onlineManager as c,useQueryClient as l}from"@tanstack/solid-query";import{TanstackQueryDevtoolsPanel as u}from"@tanstack/query-devtools";var d=n(`<div class=tsqd-parent-container style=height:500px>`);function f(n){let f=l(n.client),p=a(()=>f),m,{errorTypes:h,styleNonce:g,shadowDOMTarget:_,hideDisabledQueries:v}=n,y=new u({client:p(),queryFlavor:`Solid Query`,version:`5`,onlineManager:c,buttonPosition:`bottom-left`,position:`bottom`,initialIsOpen:!0,errorTypes:h,styleNonce:g,shadowDOMTarget:_,onClose:n.onClose,hideDisabledQueries:v,theme:n.theme});return i(()=>{y.setClient(p())}),i(()=>{y.setOnClose(n.onClose??(()=>{}))}),i(()=>{y.setErrorTypes(n.errorTypes||[])}),i(()=>{y.setTheme(n.theme||`system`)}),s(()=>{y.mount(m),o(()=>y.unmount())}),(()=>{var i=d(),a=m;return typeof a==`function`?r(a,i):m=i,e(e=>t(i,{...n.style},e)),i})()}export{f as default};
+//# sourceMappingURL=devtoolsPanel-GNd-i8LJ.js.map