@tanstack/solid-query-devtools 5.101.3 → 5.102.0

package/build/devtoolsPanel-GNd-i8LJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsPanel-GNd-i8LJ.js","names":["createEffect","createMemo","onCleanup","onMount","onlineManager","useQueryClient","TanstackQueryDevtoolsPanel","DevtoolsErrorType","Theme","QueryClient","JSX","DevtoolsPanelOptions","client","errorTypes","Array","styleNonce","shadowDOMTarget","ShadowRoot","style","CSSProperties","onClose","hideDisabledQueries","theme","SolidQueryDevtoolsPanel","props","queryClient","ref","HTMLDivElement","devtools","queryFlavor","version","buttonPosition","position","initialIsOpen","setClient","setOnClose","setErrorTypes","setTheme","mount","unmount","_el$","_tmpl$","_ref$","_$use","_$effect","_$p","_$style"],"sources":["../src/devtoolsPanel.tsx"],"sourcesContent":["import { createEffect, createMemo, onCleanup, onMount } from 'solid-js'\nimport { onlineManager, useQueryClient } from '@tanstack/solid-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/solid-query'\nimport type { JSX } from 'solid-js'\n\nexport interface DevtoolsPanelOptions {\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  /**\n   * Custom styles for the devtools panel\n   * @default { height: '500px' }\n   * @example { height: '100%' }\n   * @example { height: '100%', width: '100%' }\n   */\n  style?: JSX.CSSProperties\n\n  /**\n   * Callback function that is called when the devtools panel is closed\n   */\n  onClose?: () => void\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 SolidQueryDevtoolsPanel(props: DevtoolsPanelOptions) {\n  const queryClient = useQueryClient(props.client)\n  const client = createMemo(() => queryClient)\n  let ref!: HTMLDivElement\n  const { errorTypes, styleNonce, shadowDOMTarget, hideDisabledQueries } = props\n  const devtools = new TanstackQueryDevtoolsPanel({\n    client: client(),\n    queryFlavor: 'Solid Query',\n    version: '5',\n    onlineManager,\n    buttonPosition: 'bottom-left',\n    position: 'bottom',\n    initialIsOpen: true,\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    onClose: props.onClose,\n    hideDisabledQueries,\n    theme: props.theme,\n  })\n  createEffect(() => {\n    devtools.setClient(client())\n  })\n  createEffect(() => {\n    devtools.setOnClose(props.onClose ?? (() => {}))\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 (\n    <div\n      style={{ height: '500px', ...props.style }}\n      class=\"tsqd-parent-container\"\n      ref={ref}\n    />\n  )\n}\n"],"mappings":"4WAgDA,SAAwBuB,EAAwBC,EAA6B,CAC3E,IAAMC,EAAcpB,EAAemB,EAAMZ,MAAM,EACzCA,EAASX,MAAiBwB,CAAW,EACvCC,EACE,CAAEb,aAAYE,aAAYC,kBAAiBK,uBAAwBG,EACnEI,EAAW,IAAItB,EAA2B,CAC9CM,OAAQA,EAAO,EACfiB,YAAa,cACbC,QAAS,IACT1B,gBACA2B,eAAgB,cAChBC,SAAU,SACVC,cAAe,GACfpB,aACAE,aACAC,kBACAI,QAASI,EAAMJ,QACfC,sBACAC,MAAOE,EAAMF,KACf,CAAC,EAqBD,OApBAtB,MAAmB,CACjB4B,EAASM,UAAUtB,EAAO,CAAC,CAC7B,CAAC,EACDZ,MAAmB,CACjB4B,EAASO,WAAWX,EAAMJ,cAAkB,CAAC,EAAE,CACjD,CAAC,EAEDpB,MAAmB,CACjB4B,EAASQ,cAAcZ,EAAMX,YAAc,CAAA,CAAE,CAC/C,CAAC,EAEDb,MAAmB,CACjB4B,EAASS,SAASb,EAAMF,OAAS,QAAQ,CAC3C,CAAC,EAEDnB,MAAc,CACZyB,EAASU,MAAMZ,CAAG,EAClBxB,MAAgB0B,EAASW,QAAQ,CAAC,CACpC,CAAC,OAED,CAAA,IAAAC,EAAAC,EAAA,EAAAC,EAIShB,EAFqC,OAElC,OAAAgB,GAAA,WAAAC,EAAAD,EAAAF,CAAA,EAAHd,EAAGc,EAAAI,EAAAC,GAAAC,EAAAN,EAFD,CAAmB,GAAGhB,EAAMN,KAAM,EAAC2B,CAAA,CAAA,EAAAL,CAAA,EAAA,CAAA,CAKhD"}

package/build/index.cjs

@@ -1,167 +1 @@
-'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>`);
-  }
-});
-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)));
-  };
-}
-
-// src/index.tsx
-exports.SolidQueryDevtools = web.isDev ? clientOnly(() => Promise.resolve().then(() => (init_devtools(), devtools_exports))) : function() {
-  return null;
-};
-exports.SolidQueryDevtoolsPanel = web.isDev ? clientOnly(() => Promise.resolve().then(() => (init_devtoolsPanel(), devtoolsPanel_exports))) : function() {
-  return null;
-};
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("solid-js/web"),t=require("solid-js");function n(n){if(e.isServer)return e=>e.fallback;let[r,i]=(0,t.createSignal)();return n().then(e=>i(()=>e.default)),e=>{let n,i,[,a]=(0,t.splitProps)(e,[`fallback`]);if((n=r())&&!t.sharedConfig.context)return n(a);let[o,s]=(0,t.createSignal)(!t.sharedConfig.context);return(0,t.onMount)(()=>s(!0)),(0,t.createMemo)(()=>(n=r(),i=o(),(0,t.untrack)(()=>n&&i?n(a):e.fallback)))}}const r=e.isDev?n(()=>Promise.resolve().then(()=>require("./devtools-g4uuc_il.cjs"))):function(){return null},i=e.isDev?n(()=>Promise.resolve().then(()=>require("./devtoolsPanel-BrOMNzf2.cjs"))):function(){return null};exports.SolidQueryDevtools=r,exports.SolidQueryDevtoolsPanel=i;

package/build/index.d.cts

@@ -1,94 +1,96 @@
-import * as solid_js from 'solid-js';
-import { JSX } from 'solid-js';
-import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
-import { QueryClient } from '@tanstack/solid-query';
-
+import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition, Theme } from "@tanstack/query-devtools";
+import { QueryClient } from "@tanstack/solid-query";
+import { JSX } from "solid-js";
+//#region src/devtools.d.ts
 interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the TanStack logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
-     * Defaults to 'bottom-right'.
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the Solid Query devtools panel.
-     * 'top' | 'bottom' | 'left' | 'right'
-     * Defaults to 'bottom'.
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * 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.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
+  /**
+   * Set this true if you want the dev tools to default to being open
+   */
+  initialIsOpen?: boolean;
+  /**
+   * The position of the TanStack logo to open and close the devtools panel.
+   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
+   * Defaults to 'bottom-right'.
+   */
+  buttonPosition?: DevtoolsButtonPosition;
+  /**
+   * The position of the Solid Query devtools panel.
+   * 'top' | 'bottom' | 'left' | 'right'
+   * Defaults to 'bottom'.
+   */
+  position?: DevtoolsPosition;
+  /**
+   * Custom instance of QueryClient
+   */
+  client?: QueryClient;
+  /**
+   * Use this so you can define custom errors that can be shown in the devtools.
+   */
+  errorTypes?: Array<DevtoolsErrorType>;
+  /**
+   * 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.
+   */
+  styleNonce?: string;
+  /**
+   * Use this so you can attach the devtool's styles to specific element in the DOM.
+   */
+  shadowDOMTarget?: ShadowRoot;
+  /**
+   * Set this to true to hide disabled queries from the devtools panel.
+   */
+  hideDisabledQueries?: boolean;
+  /**
+   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+   * Defaults to 'system'.
+   */
+  theme?: Theme;
 }
-declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
-
+declare function SolidQueryDevtools$1(props: DevtoolsOptions): import("solid-js").JSX.Element;
+//#endregion
+//#region src/devtoolsPanel.d.ts
 interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * 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.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Custom styles for the devtools panel
-     * @default { height: '500px' }
-     * @example { height: '100%' }
-     * @example { height: '100%', width: '100%' }
-     */
-    style?: JSX.CSSProperties;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => void;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
+  /**
+   * Custom instance of QueryClient
+   */
+  client?: QueryClient;
+  /**
+   * Use this so you can define custom errors that can be shown in the devtools.
+   */
+  errorTypes?: Array<DevtoolsErrorType>;
+  /**
+   * 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.
+   */
+  styleNonce?: string;
+  /**
+   * Use this so you can attach the devtool's styles to specific element in the DOM.
+   */
+  shadowDOMTarget?: ShadowRoot;
+  /**
+   * Custom styles for the devtools panel
+   * @default { height: '500px' }
+   * @example { height: '100%' }
+   * @example { height: '100%', width: '100%' }
+   */
+  style?: JSX.CSSProperties;
+  /**
+   * Callback function that is called when the devtools panel is closed
+   */
+  onClose?: () => void;
+  /**
+   * Set this to true to hide disabled queries from the devtools panel.
+   */
+  hideDisabledQueries?: boolean;
+  /**
+   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+   * Defaults to 'system'.
+   */
+  theme?: Theme;
 }
 declare function SolidQueryDevtoolsPanel$1(props: DevtoolsPanelOptions): JSX.Element;
-
+//#endregion
+//#region src/index.d.ts
 declare const SolidQueryDevtools: typeof SolidQueryDevtools$1;
 declare const SolidQueryDevtoolsPanel: typeof SolidQueryDevtoolsPanel$1;
-
+//#endregion
 export { type DevtoolsPanelOptions, SolidQueryDevtools, SolidQueryDevtoolsPanel };
+//# sourceMappingURL=index.d.cts.map

package/build/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/devtools.tsx","../src/devtoolsPanel.tsx","../src/index.tsx"],"mappings":";;;;UAWU;;;;EAIR;;;;;;EAMA,iBAAiB;;;;;;EAMjB,WAAW;;;;EAIX,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;EAIA,kBAAkB;;;;EAIlB;;;;;EAKA,QAAQ;;iBAGc,qBAAmB,OAAO,qCAAe,IAAA;;;UChDhD;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;EAIA,kBAAkB;;;;;;;EAQlB,QAAQ,IAAI;;;;EAKZ;;;;EAIA;;;;;EAKA,QAAQ;;iBAGc,0BAAwB,OAAO,uBAAoB,IAAA;;;cC3C9D,2BAA2B;cAM3B,gCAAgC"}

package/build/index.d.ts

@@ -1,94 +1,96 @@
-import * as solid_js from 'solid-js';
-import { JSX } from 'solid-js';
-import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
-import { QueryClient } from '@tanstack/solid-query';
-
+import { JSX } from "solid-js";
+import { QueryClient } from "@tanstack/solid-query";
+import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition, Theme } from "@tanstack/query-devtools";
+//#region src/devtools.d.ts
 interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the TanStack logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
-     * Defaults to 'bottom-right'.
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the Solid Query devtools panel.
-     * 'top' | 'bottom' | 'left' | 'right'
-     * Defaults to 'bottom'.
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * 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.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
+  /**
+   * Set this true if you want the dev tools to default to being open
+   */
+  initialIsOpen?: boolean;
+  /**
+   * The position of the TanStack logo to open and close the devtools panel.
+   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
+   * Defaults to 'bottom-right'.
+   */
+  buttonPosition?: DevtoolsButtonPosition;
+  /**
+   * The position of the Solid Query devtools panel.
+   * 'top' | 'bottom' | 'left' | 'right'
+   * Defaults to 'bottom'.
+   */
+  position?: DevtoolsPosition;
+  /**
+   * Custom instance of QueryClient
+   */
+  client?: QueryClient;
+  /**
+   * Use this so you can define custom errors that can be shown in the devtools.
+   */
+  errorTypes?: Array<DevtoolsErrorType>;
+  /**
+   * 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.
+   */
+  styleNonce?: string;
+  /**
+   * Use this so you can attach the devtool's styles to specific element in the DOM.
+   */
+  shadowDOMTarget?: ShadowRoot;
+  /**
+   * Set this to true to hide disabled queries from the devtools panel.
+   */
+  hideDisabledQueries?: boolean;
+  /**
+   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+   * Defaults to 'system'.
+   */
+  theme?: Theme;
 }
-declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
-
+declare function SolidQueryDevtools$1(props: DevtoolsOptions): import("solid-js").JSX.Element;
+//#endregion
+//#region src/devtoolsPanel.d.ts
 interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * 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.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Custom styles for the devtools panel
-     * @default { height: '500px' }
-     * @example { height: '100%' }
-     * @example { height: '100%', width: '100%' }
-     */
-    style?: JSX.CSSProperties;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => void;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
+  /**
+   * Custom instance of QueryClient
+   */
+  client?: QueryClient;
+  /**
+   * Use this so you can define custom errors that can be shown in the devtools.
+   */
+  errorTypes?: Array<DevtoolsErrorType>;
+  /**
+   * 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.
+   */
+  styleNonce?: string;
+  /**
+   * Use this so you can attach the devtool's styles to specific element in the DOM.
+   */
+  shadowDOMTarget?: ShadowRoot;
+  /**
+   * Custom styles for the devtools panel
+   * @default { height: '500px' }
+   * @example { height: '100%' }
+   * @example { height: '100%', width: '100%' }
+   */
+  style?: JSX.CSSProperties;
+  /**
+   * Callback function that is called when the devtools panel is closed
+   */
+  onClose?: () => void;
+  /**
+   * Set this to true to hide disabled queries from the devtools panel.
+   */
+  hideDisabledQueries?: boolean;
+  /**
+   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+   * Defaults to 'system'.
+   */
+  theme?: Theme;
 }
 declare function SolidQueryDevtoolsPanel$1(props: DevtoolsPanelOptions): JSX.Element;
-
+//#endregion
+//#region src/index.d.ts
 declare const SolidQueryDevtools: typeof SolidQueryDevtools$1;
 declare const SolidQueryDevtoolsPanel: typeof SolidQueryDevtoolsPanel$1;
-
+//#endregion
 export { type DevtoolsPanelOptions, SolidQueryDevtools, SolidQueryDevtoolsPanel };
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/devtools.tsx","../src/devtoolsPanel.tsx","../src/index.tsx"],"mappings":";;;;UAWU;;;;EAIR;;;;;;EAMA,iBAAiB;;;;;;EAMjB,WAAW;;;;EAIX,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;EAIA,kBAAkB;;;;EAIlB;;;;;EAKA,QAAQ;;iBAGc,qBAAmB,OAAO,qCAAe,IAAA;;;UChDhD;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;EAIA,kBAAkB;;;;;;;EAQlB,QAAQ,IAAI;;;;EAKZ;;;;EAIA;;;;;EAKA,QAAQ;;iBAGc,0BAAwB,OAAO,uBAAoB,IAAA;;;cC3C9D,2BAA2B;cAM3B,gCAAgC"}

package/build/index.js

@@ -1,28 +1,2 @@
-import { isDev, isServer } from 'solid-js/web';
-import { createSignal, splitProps, sharedConfig, onMount, createMemo, untrack } from 'solid-js';
-
-// 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/BCD44V6M.js')) : function() {
-  return null;
-};
-var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/VOW4J2DZ.js')) : function() {
-  return null;
-};
-
-export { SolidQueryDevtools, SolidQueryDevtoolsPanel };
+import{isDev as e,isServer as t}from"solid-js/web";import{createMemo as n,createSignal as r,onMount as i,sharedConfig as a,splitProps as o,untrack as s}from"solid-js";function c(e){if(t)return e=>e.fallback;let[c,l]=r();return e().then(e=>l(()=>e.default)),e=>{let t,l,[,u]=o(e,[`fallback`]);if((t=c())&&!a.context)return t(u);let[d,f]=r(!a.context);return i(()=>f(!0)),n(()=>(t=c(),l=d(),s(()=>t&&l?t(u):e.fallback)))}}const l=e?c(()=>import(`./devtools-ZLm3XMpi.js`)):function(){return null},u=e?c(()=>import(`./devtoolsPanel-GNd-i8LJ.js`)):function(){return null};export{l as SolidQueryDevtools,u as SolidQueryDevtoolsPanel};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["createMemo","createSignal","onMount","sharedConfig","splitProps","untrack","isServer","Component","ComponentProps","JSX","clientOnly","fn","Promise","default","T","props","fallback","Element","comp","setComp","then","m","Comp","rest","context","mounted","setMounted","isDev","clientOnly","SolidQueryDevtoolsComp","SolidQueryDevtoolsCompPanel","SolidQueryDevtools","SolidQueryDevtoolsPanel","DevtoolsPanelOptions"],"sources":["../src/clientOnly.tsx","../src/index.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  onMount,\n  sharedConfig,\n  splitProps,\n  untrack,\n} from 'solid-js'\nimport { isServer } from 'solid-js/web'\nimport type { Component, ComponentProps, JSX } from 'solid-js'\n\n/*\n  This function has been taken from solid-start's codebase\n  This allows the devtools to be loaded only on the client and bypasses any server side rendering\n  https://github.com/solidjs/solid-start/blob/2967fc2db3f0df826f061020231dbdafdfa0746b/packages/start/islands/clientOnly.tsx\n*/\nexport default function clientOnly<T extends Component<any>>(\n  fn: () => Promise<{\n    default: T\n  }>,\n) {\n  if (isServer)\n    return (props: ComponentProps<T> & { fallback?: JSX.Element }) =>\n      props.fallback\n\n  const [comp, setComp] = createSignal<T>()\n  fn().then((m) => setComp(() => m.default))\n  return (props: ComponentProps<T>) => {\n    let Comp: T | undefined\n    let m: boolean\n    const [, rest] = splitProps(props, ['fallback'])\n    if ((Comp = comp()) && !sharedConfig.context) return Comp(rest)\n    const [mounted, setMounted] = createSignal(!sharedConfig.context)\n    onMount(() => setMounted(true))\n    return createMemo(\n      () => (\n        (Comp = comp()),\n        (m = mounted()),\n        untrack(() => (Comp && m ? Comp(rest) : props.fallback))\n      ),\n    )\n  }\n}\n","import { isDev } from 'solid-js/web'\nimport clientOnly from './clientOnly'\nimport type SolidQueryDevtoolsComp from './devtools'\nimport type SolidQueryDevtoolsCompPanel from './devtoolsPanel'\n\nexport const SolidQueryDevtools: typeof SolidQueryDevtoolsComp = isDev\n  ? clientOnly(() => import('./devtools'))\n  : function () {\n      return null\n    }\n\nexport const SolidQueryDevtoolsPanel: typeof SolidQueryDevtoolsCompPanel = isDev\n  ? clientOnly(() => import('./devtoolsPanel'))\n  : function () {\n      return null\n    }\n\nexport type { DevtoolsPanelOptions } from './devtoolsPanel'\n"],"mappings":"uKAgBA,SAAwBU,EACtBC,EAGA,CACA,GAAIL,EACF,MAAQS,IACNA,EAAMC,SAEV,GAAM,CAACE,EAAMC,GAAWlB,EAAgB,EAExC,OADAU,EAAG,CAAC,CAACS,KAAMC,GAAMF,MAAcE,EAAER,OAAO,CAAC,EACjCE,GAA6B,CACnC,IAAIO,EACAD,EACE,EAAGE,GAAQnB,EAAWW,EAAO,CAAC,UAAU,CAAC,EAC/C,IAAKO,EAAOJ,EAAK,IAAM,CAACf,EAAaqB,QAAS,OAAOF,EAAKC,CAAI,EAC9D,GAAM,CAACE,EAASC,GAAczB,EAAa,CAACE,EAAaqB,OAAO,EAEhE,OADAtB,MAAcwB,EAAW,EAAI,CAAC,EACvB1B,OAEFsB,EAAOJ,EAAK,EACZG,EAAII,EAAQ,EACbpB,MAAeiB,GAAQD,EAAIC,EAAKC,CAAI,EAAIR,EAAMC,QAAS,EAE3D,CACF,CACF,CCrCA,MAAae,EAAoDJ,EAC7DC,MAAiB,OAAO,yBAAa,EACrC,UAAY,CACV,OAAO,IACT,EAESI,EAA8DL,EACvEC,MAAiB,OAAO,8BAAkB,EAC1C,UAAY,CACV,OAAO,IACT"}