@tanstack/query-devtools 5.101.4 → 5.102.1

package/build/index.d.cts

@@ -1,69 +1,73 @@
-import { Query, QueryClient, onlineManager } from '@tanstack/query-core';
-
+import "solid-js";
+import { Query, QueryClient, onlineManager } from "@tanstack/query-core";
+//#region src/contexts/QueryDevtoolsContext.d.ts
 type XPosition = 'left' | 'right';
 type YPosition = 'top' | 'bottom';
 type DevtoolsPosition = XPosition | YPosition;
 type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative';
 type Theme = 'dark' | 'light' | 'system';
 interface DevtoolsErrorType {
-    /**
-     * The name of the error.
-     */
-    name: string;
-    /**
-     * How the error is initialized.
-     */
-    initializer: (query: Query) => Error;
+  /**
+   * The name of the error.
+   */
+  name: string;
+  /**
+   * How the error is initialized.
+   */
+  initializer: (query: Query) => Error;
 }
 interface QueryDevtoolsProps {
-    readonly client: QueryClient;
-    queryFlavor: string;
-    version: string;
-    onlineManager: typeof onlineManager;
-    buttonPosition?: DevtoolsButtonPosition;
-    position?: DevtoolsPosition;
-    initialIsOpen?: boolean;
-    errorTypes?: Array<DevtoolsErrorType>;
-    shadowDOMTarget?: ShadowRoot;
-    onClose?: () => void;
-    hideDisabledQueries?: boolean;
-    theme?: Theme;
+  readonly client: QueryClient;
+  queryFlavor: string;
+  version: string;
+  onlineManager: typeof onlineManager;
+  buttonPosition?: DevtoolsButtonPosition;
+  position?: DevtoolsPosition;
+  initialIsOpen?: boolean;
+  errorTypes?: Array<DevtoolsErrorType>;
+  shadowDOMTarget?: ShadowRoot;
+  onClose?: () => void;
+  hideDisabledQueries?: boolean;
+  theme?: Theme;
 }
-
+//#endregion
+//#region src/TanstackQueryDevtools.d.ts
 interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {
-    styleNonce?: string;
-    shadowDOMTarget?: ShadowRoot;
+  styleNonce?: string;
+  shadowDOMTarget?: ShadowRoot;
 }
 declare class TanstackQueryDevtools {
-    #private;
-    constructor(config: TanstackQueryDevtoolsConfig);
-    setButtonPosition(position: DevtoolsButtonPosition): void;
-    setPosition(position: DevtoolsPosition): void;
-    setInitialIsOpen(isOpen: boolean): void;
-    setErrorTypes(errorTypes: Array<DevtoolsErrorType>): void;
-    setClient(client: QueryClient): void;
-    setTheme(theme?: Theme): void;
-    mount<T extends HTMLElement>(el: T): void;
-    unmount(): void;
+  #private;
+  constructor(config: TanstackQueryDevtoolsConfig);
+  setButtonPosition(position: DevtoolsButtonPosition): void;
+  setPosition(position: DevtoolsPosition): void;
+  setInitialIsOpen(isOpen: boolean): void;
+  setErrorTypes(errorTypes: Array<DevtoolsErrorType>): void;
+  setClient(client: QueryClient): void;
+  setTheme(theme?: Theme): void;
+  mount<T extends HTMLElement>(el: T): void;
+  unmount(): void;
 }
-
+//#endregion
+//#region src/TanstackQueryDevtoolsPanel.d.ts
 interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps {
-    styleNonce?: string;
-    shadowDOMTarget?: ShadowRoot;
-    onClose?: () => void;
+  styleNonce?: string;
+  shadowDOMTarget?: ShadowRoot;
+  onClose?: () => void;
 }
 declare class TanstackQueryDevtoolsPanel {
-    #private;
-    constructor(config: TanstackQueryDevtoolsPanelConfig);
-    setButtonPosition(position: DevtoolsButtonPosition): void;
-    setPosition(position: DevtoolsPosition): void;
-    setInitialIsOpen(isOpen: boolean): void;
-    setErrorTypes(errorTypes: Array<DevtoolsErrorType>): void;
-    setClient(client: QueryClient): void;
-    setOnClose(onClose: () => void): void;
-    setTheme(theme?: Theme): void;
-    mount<T extends HTMLElement>(el: T): void;
-    unmount(): void;
+  #private;
+  constructor(config: TanstackQueryDevtoolsPanelConfig);
+  setButtonPosition(position: DevtoolsButtonPosition): void;
+  setPosition(position: DevtoolsPosition): void;
+  setInitialIsOpen(isOpen: boolean): void;
+  setErrorTypes(errorTypes: Array<DevtoolsErrorType>): void;
+  setClient(client: QueryClient): void;
+  setOnClose(onClose: () => void): void;
+  setTheme(theme?: Theme): void;
+  mount<T extends HTMLElement>(el: T): void;
+  unmount(): void;
 }
-
+//#endregion
 export { type DevtoolsButtonPosition, type DevtoolsErrorType, type DevtoolsPosition, TanstackQueryDevtools, type TanstackQueryDevtoolsConfig, TanstackQueryDevtoolsPanel, type TanstackQueryDevtoolsPanelConfig, type Theme };
+//# sourceMappingURL=index.d.cts.map

package/build/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/contexts/QueryDevtoolsContext.ts","../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"mappings":";;;KAGK;KACA;KACO,mBAAmB,YAAY;KAC/B,4BAA4B,aAAa;KACzC;UAEK;;;;EAIf;;;;EAIA,cAAc,OAAO,UAAU;;UAGhB;WACN,QAAQ;EACjB;EACA;EACA,sBAAsB;EAEtB,iBAAiB;EACjB,WAAW;EACX;EACA,aAAa,MAAM;EACnB,kBAAkB;EAClB;EACA;EACA,QAAQ;;;;UChBO,oCAAoC;EACnD;EACA,kBAAkB;;cAGd;;EAiBQ,YAAA,QAAQ;EA6BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA0DjC;;;;UCrIe,yCAAyC;EACxD;EACA,kBAAkB;EAClB;;cAGI;;EAkBQ,YAAA,QAAQ;EA+BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,WAAW;EAIX,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA8DjC"}

package/build/index.d.ts

@@ -1,69 +1,73 @@
-import { Query, QueryClient, onlineManager } from '@tanstack/query-core';
-
+import "solid-js";
+import { Query, QueryClient, onlineManager } from "@tanstack/query-core";
+//#region src/contexts/QueryDevtoolsContext.d.ts
 type XPosition = 'left' | 'right';
 type YPosition = 'top' | 'bottom';
 type DevtoolsPosition = XPosition | YPosition;
 type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative';
 type Theme = 'dark' | 'light' | 'system';
 interface DevtoolsErrorType {
-    /**
-     * The name of the error.
-     */
-    name: string;
-    /**
-     * How the error is initialized.
-     */
-    initializer: (query: Query) => Error;
+  /**
+   * The name of the error.
+   */
+  name: string;
+  /**
+   * How the error is initialized.
+   */
+  initializer: (query: Query) => Error;
 }
 interface QueryDevtoolsProps {
-    readonly client: QueryClient;
-    queryFlavor: string;
-    version: string;
-    onlineManager: typeof onlineManager;
-    buttonPosition?: DevtoolsButtonPosition;
-    position?: DevtoolsPosition;
-    initialIsOpen?: boolean;
-    errorTypes?: Array<DevtoolsErrorType>;
-    shadowDOMTarget?: ShadowRoot;
-    onClose?: () => void;
-    hideDisabledQueries?: boolean;
-    theme?: Theme;
+  readonly client: QueryClient;
+  queryFlavor: string;
+  version: string;
+  onlineManager: typeof onlineManager;
+  buttonPosition?: DevtoolsButtonPosition;
+  position?: DevtoolsPosition;
+  initialIsOpen?: boolean;
+  errorTypes?: Array<DevtoolsErrorType>;
+  shadowDOMTarget?: ShadowRoot;
+  onClose?: () => void;
+  hideDisabledQueries?: boolean;
+  theme?: Theme;
 }
-
+//#endregion
+//#region src/TanstackQueryDevtools.d.ts
 interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {
-    styleNonce?: string;
-    shadowDOMTarget?: ShadowRoot;
+  styleNonce?: string;
+  shadowDOMTarget?: ShadowRoot;
 }
 declare class TanstackQueryDevtools {
-    #private;
-    constructor(config: TanstackQueryDevtoolsConfig);
-    setButtonPosition(position: DevtoolsButtonPosition): void;
-    setPosition(position: DevtoolsPosition): void;
-    setInitialIsOpen(isOpen: boolean): void;
-    setErrorTypes(errorTypes: Array<DevtoolsErrorType>): void;
-    setClient(client: QueryClient): void;
-    setTheme(theme?: Theme): void;
-    mount<T extends HTMLElement>(el: T): void;
-    unmount(): void;
+  #private;
+  constructor(config: TanstackQueryDevtoolsConfig);
+  setButtonPosition(position: DevtoolsButtonPosition): void;
+  setPosition(position: DevtoolsPosition): void;
+  setInitialIsOpen(isOpen: boolean): void;
+  setErrorTypes(errorTypes: Array<DevtoolsErrorType>): void;
+  setClient(client: QueryClient): void;
+  setTheme(theme?: Theme): void;
+  mount<T extends HTMLElement>(el: T): void;
+  unmount(): void;
 }
-
+//#endregion
+//#region src/TanstackQueryDevtoolsPanel.d.ts
 interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps {
-    styleNonce?: string;
-    shadowDOMTarget?: ShadowRoot;
-    onClose?: () => void;
+  styleNonce?: string;
+  shadowDOMTarget?: ShadowRoot;
+  onClose?: () => void;
 }
 declare class TanstackQueryDevtoolsPanel {
-    #private;
-    constructor(config: TanstackQueryDevtoolsPanelConfig);
-    setButtonPosition(position: DevtoolsButtonPosition): void;
-    setPosition(position: DevtoolsPosition): void;
-    setInitialIsOpen(isOpen: boolean): void;
-    setErrorTypes(errorTypes: Array<DevtoolsErrorType>): void;
-    setClient(client: QueryClient): void;
-    setOnClose(onClose: () => void): void;
-    setTheme(theme?: Theme): void;
-    mount<T extends HTMLElement>(el: T): void;
-    unmount(): void;
+  #private;
+  constructor(config: TanstackQueryDevtoolsPanelConfig);
+  setButtonPosition(position: DevtoolsButtonPosition): void;
+  setPosition(position: DevtoolsPosition): void;
+  setInitialIsOpen(isOpen: boolean): void;
+  setErrorTypes(errorTypes: Array<DevtoolsErrorType>): void;
+  setClient(client: QueryClient): void;
+  setOnClose(onClose: () => void): void;
+  setTheme(theme?: Theme): void;
+  mount<T extends HTMLElement>(el: T): void;
+  unmount(): void;
 }
-
+//#endregion
 export { type DevtoolsButtonPosition, type DevtoolsErrorType, type DevtoolsPosition, TanstackQueryDevtools, type TanstackQueryDevtoolsConfig, TanstackQueryDevtoolsPanel, type TanstackQueryDevtoolsPanelConfig, type Theme };
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/contexts/QueryDevtoolsContext.ts","../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"mappings":";;;KAGK;KACA;KACO,mBAAmB,YAAY;KAC/B,4BAA4B,aAAa;KACzC;UAEK;;;;EAIf;;;;EAIA,cAAc,OAAO,UAAU;;UAGhB;WACN,QAAQ;EACjB;EACA;EACA,sBAAsB;EAEtB,iBAAiB;EACjB,WAAW;EACX;EACA,aAAa,MAAM;EACnB,kBAAkB;EAClB;EACA;EACA,QAAQ;;;;UChBO,oCAAoC;EACnD;EACA,kBAAkB;;cAGd;;EAiBQ,YAAA,QAAQ;EA6BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA0DjC;;;;UCrIe,yCAAyC;EACxD;EACA,kBAAkB;EAClB;;cAGI;;EAkBQ,YAAA,QAAQ;EA+BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,WAAW;EAIX,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA8DjC"}

package/build/index.js

@@ -1,279 +1,2 @@
-import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/ZCXR2IAF.js';
-
-// src/TanstackQueryDevtools.tsx
-var TanstackQueryDevtools = class {
-  #client;
-  #onlineManager;
-  #queryFlavor;
-  #version;
-  #isMounted = false;
-  #styleNonce;
-  #shadowDOMTarget;
-  #buttonPosition;
-  #position;
-  #initialIsOpen;
-  #errorTypes;
-  #hideDisabledQueries;
-  #Component;
-  #theme;
-  #dispose;
-  constructor(config) {
-    const {
-      client,
-      queryFlavor,
-      version,
-      onlineManager,
-      buttonPosition,
-      position,
-      initialIsOpen,
-      errorTypes,
-      styleNonce,
-      shadowDOMTarget,
-      hideDisabledQueries,
-      theme
-    } = config;
-    this.#client = createSignal(client);
-    this.#queryFlavor = queryFlavor;
-    this.#version = version;
-    this.#onlineManager = onlineManager;
-    this.#styleNonce = styleNonce;
-    this.#shadowDOMTarget = shadowDOMTarget;
-    this.#buttonPosition = createSignal(buttonPosition);
-    this.#position = createSignal(position);
-    this.#initialIsOpen = createSignal(initialIsOpen);
-    this.#errorTypes = createSignal(errorTypes);
-    this.#hideDisabledQueries = createSignal(hideDisabledQueries);
-    this.#theme = createSignal(theme);
-  }
-  setButtonPosition(position) {
-    this.#buttonPosition[1](position);
-  }
-  setPosition(position) {
-    this.#position[1](position);
-  }
-  setInitialIsOpen(isOpen) {
-    this.#initialIsOpen[1](isOpen);
-  }
-  setErrorTypes(errorTypes) {
-    this.#errorTypes[1](errorTypes);
-  }
-  setClient(client) {
-    this.#client[1](client);
-  }
-  setTheme(theme) {
-    this.#theme[1](theme);
-  }
-  mount(el) {
-    if (this.#isMounted) {
-      throw new Error("Devtools is already mounted");
-    }
-    const dispose = render(() => {
-      const _self$ = this;
-      const [btnPosition] = this.#buttonPosition;
-      const [pos] = this.#position;
-      const [isOpen] = this.#initialIsOpen;
-      const [errors] = this.#errorTypes;
-      const [hideDisabledQueries] = this.#hideDisabledQueries;
-      const [queryClient] = this.#client;
-      const [theme] = this.#theme;
-      let Devtools;
-      if (this.#Component) {
-        Devtools = this.#Component;
-      } else {
-        Devtools = lazy(() => import('./DevtoolsComponent/ZXV6FBN7.js'));
-        this.#Component = Devtools;
-      }
-      setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
-      return createComponent(Devtools, mergeProps({
-        get queryFlavor() {
-          return _self$.#queryFlavor;
-        },
-        get version() {
-          return _self$.#version;
-        },
-        get onlineManager() {
-          return _self$.#onlineManager;
-        },
-        get shadowDOMTarget() {
-          return _self$.#shadowDOMTarget;
-        }
-      }, {
-        get client() {
-          return queryClient();
-        },
-        get buttonPosition() {
-          return btnPosition();
-        },
-        get position() {
-          return pos();
-        },
-        get initialIsOpen() {
-          return isOpen();
-        },
-        get errorTypes() {
-          return errors();
-        },
-        get hideDisabledQueries() {
-          return hideDisabledQueries();
-        },
-        get theme() {
-          return theme();
-        }
-      }));
-    }, el);
-    this.#isMounted = true;
-    this.#dispose = dispose;
-  }
-  unmount() {
-    if (!this.#isMounted) {
-      throw new Error("Devtools is not mounted");
-    }
-    this.#dispose?.();
-    this.#isMounted = false;
-  }
-};
-
-// src/TanstackQueryDevtoolsPanel.tsx
-var TanstackQueryDevtoolsPanel = class {
-  #client;
-  #onlineManager;
-  #queryFlavor;
-  #version;
-  #isMounted = false;
-  #styleNonce;
-  #shadowDOMTarget;
-  #buttonPosition;
-  #position;
-  #initialIsOpen;
-  #errorTypes;
-  #hideDisabledQueries;
-  #onClose;
-  #Component;
-  #theme;
-  #dispose;
-  constructor(config) {
-    const {
-      client,
-      queryFlavor,
-      version,
-      onlineManager,
-      buttonPosition,
-      position,
-      initialIsOpen,
-      errorTypes,
-      styleNonce,
-      shadowDOMTarget,
-      onClose,
-      hideDisabledQueries,
-      theme
-    } = config;
-    this.#client = createSignal(client);
-    this.#queryFlavor = queryFlavor;
-    this.#version = version;
-    this.#onlineManager = onlineManager;
-    this.#styleNonce = styleNonce;
-    this.#shadowDOMTarget = shadowDOMTarget;
-    this.#buttonPosition = createSignal(buttonPosition);
-    this.#position = createSignal(position);
-    this.#initialIsOpen = createSignal(initialIsOpen);
-    this.#errorTypes = createSignal(errorTypes);
-    this.#hideDisabledQueries = createSignal(hideDisabledQueries);
-    this.#onClose = createSignal(onClose);
-    this.#theme = createSignal(theme);
-  }
-  setButtonPosition(position) {
-    this.#buttonPosition[1](position);
-  }
-  setPosition(position) {
-    this.#position[1](position);
-  }
-  setInitialIsOpen(isOpen) {
-    this.#initialIsOpen[1](isOpen);
-  }
-  setErrorTypes(errorTypes) {
-    this.#errorTypes[1](errorTypes);
-  }
-  setClient(client) {
-    this.#client[1](client);
-  }
-  setOnClose(onClose) {
-    this.#onClose[1](() => onClose);
-  }
-  setTheme(theme) {
-    this.#theme[1](theme);
-  }
-  mount(el) {
-    if (this.#isMounted) {
-      throw new Error("Devtools is already mounted");
-    }
-    const dispose = render(() => {
-      const _self$ = this;
-      const [btnPosition] = this.#buttonPosition;
-      const [pos] = this.#position;
-      const [isOpen] = this.#initialIsOpen;
-      const [errors] = this.#errorTypes;
-      const [hideDisabledQueries] = this.#hideDisabledQueries;
-      const [queryClient] = this.#client;
-      const [onClose] = this.#onClose;
-      const [theme] = this.#theme;
-      let Devtools;
-      if (this.#Component) {
-        Devtools = this.#Component;
-      } else {
-        Devtools = lazy(() => import('./DevtoolsPanelComponent/MO2VZFYH.js'));
-        this.#Component = Devtools;
-      }
-      setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
-      return createComponent(Devtools, mergeProps({
-        get queryFlavor() {
-          return _self$.#queryFlavor;
-        },
-        get version() {
-          return _self$.#version;
-        },
-        get onlineManager() {
-          return _self$.#onlineManager;
-        },
-        get shadowDOMTarget() {
-          return _self$.#shadowDOMTarget;
-        }
-      }, {
-        get client() {
-          return queryClient();
-        },
-        get buttonPosition() {
-          return btnPosition();
-        },
-        get position() {
-          return pos();
-        },
-        get initialIsOpen() {
-          return isOpen();
-        },
-        get errorTypes() {
-          return errors();
-        },
-        get hideDisabledQueries() {
-          return hideDisabledQueries();
-        },
-        get onClose() {
-          return onClose();
-        },
-        get theme() {
-          return theme();
-        }
-      }));
-    }, el);
-    this.#isMounted = true;
-    this.#dispose = dispose;
-  }
-  unmount() {
-    if (!this.#isMounted) {
-      throw new Error("Devtools is not mounted");
-    }
-    this.#dispose?.();
-    this.#isMounted = false;
-  }
-};
-
-export { TanstackQueryDevtools, TanstackQueryDevtoolsPanel };
+import{J as e,L as t,W as n,d as r,q as i,w as a}from"./utils-BPMMmTje.js";var o=class{#e;#t;#n;#r;#i=!1;#a;#o;#s;#c;#l;#u;#d;#f;#p;#m;constructor(e){let{client:t,queryFlavor:r,version:i,onlineManager:a,buttonPosition:o,position:s,initialIsOpen:c,errorTypes:l,styleNonce:u,shadowDOMTarget:d,hideDisabledQueries:f,theme:p}=e;this.#e=n(t),this.#n=r,this.#r=i,this.#t=a,this.#a=u,this.#o=d,this.#s=n(o),this.#c=n(s),this.#l=n(c),this.#u=n(l),this.#d=n(f),this.#p=n(p)}setButtonPosition(e){this.#s[1](e)}setPosition(e){this.#c[1](e)}setInitialIsOpen(e){this.#l[1](e)}setErrorTypes(e){this.#u[1](e)}setClient(e){this.#e[1](e)}setTheme(e){this.#p[1](e)}mount(n){if(this.#i)throw Error(`Devtools is already mounted`);let o=a(()=>{let n=this,[a]=this.#s,[o]=this.#c,[s]=this.#l,[c]=this.#u,[l]=this.#d,[u]=this.#e,[d]=this.#p,f;return this.#f?f=this.#f:(f=i(()=>import(`./DevtoolsComponent-Cb-WvQCr.js`)),this.#f=f),r(this.#a,this.#o),t(f,e({get queryFlavor(){return n.#n},get version(){return n.#r},get onlineManager(){return n.#t},get shadowDOMTarget(){return n.#o}},{get client(){return u()},get buttonPosition(){return a()},get position(){return o()},get initialIsOpen(){return s()},get errorTypes(){return c()},get hideDisabledQueries(){return l()},get theme(){return d()}}))},n);this.#i=!0,this.#m=o}unmount(){if(!this.#i)throw Error(`Devtools is not mounted`);this.#m?.(),this.#i=!1}},s=class{#e;#t;#n;#r;#i=!1;#a;#o;#s;#c;#l;#u;#d;#f;#p;#m;#h;constructor(e){let{client:t,queryFlavor:r,version:i,onlineManager:a,buttonPosition:o,position:s,initialIsOpen:c,errorTypes:l,styleNonce:u,shadowDOMTarget:d,onClose:f,hideDisabledQueries:p,theme:m}=e;this.#e=n(t),this.#n=r,this.#r=i,this.#t=a,this.#a=u,this.#o=d,this.#s=n(o),this.#c=n(s),this.#l=n(c),this.#u=n(l),this.#d=n(p),this.#f=n(f),this.#m=n(m)}setButtonPosition(e){this.#s[1](e)}setPosition(e){this.#c[1](e)}setInitialIsOpen(e){this.#l[1](e)}setErrorTypes(e){this.#u[1](e)}setClient(e){this.#e[1](e)}setOnClose(e){this.#f[1](()=>e)}setTheme(e){this.#m[1](e)}mount(n){if(this.#i)throw Error(`Devtools is already mounted`);let o=a(()=>{let n=this,[a]=this.#s,[o]=this.#c,[s]=this.#l,[c]=this.#u,[l]=this.#d,[u]=this.#e,[d]=this.#f,[f]=this.#m,p;return this.#p?p=this.#p:(p=i(()=>import(`./DevtoolsPanelComponent-Be8narGM.js`)),this.#p=p),r(this.#a,this.#o),t(p,e({get queryFlavor(){return n.#n},get version(){return n.#r},get onlineManager(){return n.#t},get shadowDOMTarget(){return n.#o}},{get client(){return u()},get buttonPosition(){return a()},get position(){return o()},get initialIsOpen(){return s()},get errorTypes(){return c()},get hideDisabledQueries(){return l()},get onClose(){return d()},get theme(){return f()}}))},n);this.#i=!0,this.#h=o}unmount(){if(!this.#i)throw Error(`Devtools is not mounted`);this.#h?.(),this.#i=!1}};export{o as TanstackQueryDevtools,s as TanstackQueryDevtoolsPanel};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["render","createSignal","lazy","setupStyleSheet","QueryClient","onlineManager","TOnlineManager","DevtoolsComponentType","DevtoolsButtonPosition","DevtoolsErrorType","DevtoolsPosition","QueryDevtoolsProps","Theme","Signal","TanstackQueryDevtoolsConfig","styleNonce","shadowDOMTarget","ShadowRoot","TanstackQueryDevtools","client","queryFlavor","version","isMounted","buttonPosition","position","initialIsOpen","errorTypes","Array","hideDisabledQueries","Component","theme","dispose","constructor","config","setButtonPosition","setPosition","setInitialIsOpen","isOpen","setErrorTypes","setClient","setTheme","mount","HTMLElement","el","T","Error","_self$","btnPosition","pos","errors","queryClient","Devtools","_$createComponent","_$mergeProps","unmount","render","createSignal","lazy","setupStyleSheet","QueryClient","onlineManager","TOnlineManager","DevtoolsComponentType","DevtoolsButtonPosition","DevtoolsErrorType","DevtoolsPosition","QueryDevtoolsProps","Theme","Signal","TanstackQueryDevtoolsPanelConfig","styleNonce","shadowDOMTarget","ShadowRoot","onClose","TanstackQueryDevtoolsPanel","client","queryFlavor","version","isMounted","buttonPosition","position","initialIsOpen","errorTypes","Array","hideDisabledQueries","Component","theme","dispose","constructor","config","setButtonPosition","setPosition","setInitialIsOpen","isOpen","setErrorTypes","setClient","setOnClose","setTheme","mount","HTMLElement","el","T","Error","_self$","btnPosition","pos","errors","queryClient","Devtools","_$createComponent","_$mergeProps","unmount"],"sources":["../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"sourcesContent":["import { render } from 'solid-js/web'\nimport { createSignal, lazy } from 'solid-js'\nimport { setupStyleSheet } from './utils'\nimport type {\n  QueryClient,\n  onlineManager as TOnlineManager,\n} from '@tanstack/query-core'\nimport type { DevtoolsComponentType } from './Devtools'\nimport type {\n  DevtoolsButtonPosition,\n  DevtoolsErrorType,\n  DevtoolsPosition,\n  QueryDevtoolsProps,\n  Theme,\n} from './contexts'\nimport type { Signal } from 'solid-js'\n\nexport interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {\n  styleNonce?: string\n  shadowDOMTarget?: ShadowRoot\n}\n\nclass TanstackQueryDevtools {\n  #client: Signal<QueryClient>\n  #onlineManager: typeof TOnlineManager\n  #queryFlavor: string\n  #version: string\n  #isMounted = false\n  #styleNonce?: string\n  #shadowDOMTarget?: ShadowRoot\n  #buttonPosition: Signal<DevtoolsButtonPosition | undefined>\n  #position: Signal<DevtoolsPosition | undefined>\n  #initialIsOpen: Signal<boolean | undefined>\n  #errorTypes: Signal<Array<DevtoolsErrorType> | undefined>\n  #hideDisabledQueries: Signal<boolean | undefined>\n  #Component: DevtoolsComponentType | undefined\n  #theme: Signal<Theme | undefined>\n  #dispose?: () => void\n\n  constructor(config: TanstackQueryDevtoolsConfig) {\n    const {\n      client,\n      queryFlavor,\n      version,\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n      styleNonce,\n      shadowDOMTarget,\n      hideDisabledQueries,\n      theme,\n    } = config\n    this.#client = createSignal(client)\n    this.#queryFlavor = queryFlavor\n    this.#version = version\n    this.#onlineManager = onlineManager\n    this.#styleNonce = styleNonce\n    this.#shadowDOMTarget = shadowDOMTarget\n    this.#buttonPosition = createSignal(buttonPosition)\n    this.#position = createSignal(position)\n    this.#initialIsOpen = createSignal(initialIsOpen)\n    this.#errorTypes = createSignal(errorTypes)\n    this.#hideDisabledQueries = createSignal(hideDisabledQueries)\n    this.#theme = createSignal(theme)\n  }\n\n  setButtonPosition(position: DevtoolsButtonPosition) {\n    this.#buttonPosition[1](position)\n  }\n\n  setPosition(position: DevtoolsPosition) {\n    this.#position[1](position)\n  }\n\n  setInitialIsOpen(isOpen: boolean) {\n    this.#initialIsOpen[1](isOpen)\n  }\n\n  setErrorTypes(errorTypes: Array<DevtoolsErrorType>) {\n    this.#errorTypes[1](errorTypes)\n  }\n\n  setClient(client: QueryClient) {\n    this.#client[1](client)\n  }\n\n  setTheme(theme?: Theme) {\n    this.#theme[1](theme)\n  }\n\n  mount<T extends HTMLElement>(el: T) {\n    if (this.#isMounted) {\n      throw new Error('Devtools is already mounted')\n    }\n    const dispose = render(() => {\n      const [btnPosition] = this.#buttonPosition\n      const [pos] = this.#position\n      const [isOpen] = this.#initialIsOpen\n      const [errors] = this.#errorTypes\n      const [hideDisabledQueries] = this.#hideDisabledQueries\n      const [queryClient] = this.#client\n      const [theme] = this.#theme\n      let Devtools: DevtoolsComponentType\n\n      if (this.#Component) {\n        Devtools = this.#Component\n      } else {\n        Devtools = lazy(() => import('./DevtoolsComponent'))\n        this.#Component = Devtools\n      }\n\n      setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget)\n      return (\n        <Devtools\n          queryFlavor={this.#queryFlavor}\n          version={this.#version}\n          onlineManager={this.#onlineManager}\n          shadowDOMTarget={this.#shadowDOMTarget}\n          {...{\n            get client() {\n              return queryClient()\n            },\n            get buttonPosition() {\n              return btnPosition()\n            },\n            get position() {\n              return pos()\n            },\n            get initialIsOpen() {\n              return isOpen()\n            },\n            get errorTypes() {\n              return errors()\n            },\n            get hideDisabledQueries() {\n              return hideDisabledQueries()\n            },\n            get theme() {\n              return theme()\n            },\n          }}\n        />\n      )\n    }, el)\n    this.#isMounted = true\n    this.#dispose = dispose\n  }\n\n  unmount() {\n    if (!this.#isMounted) {\n      throw new Error('Devtools is not mounted')\n    }\n    this.#dispose?.()\n    this.#isMounted = false\n  }\n}\n\nexport { TanstackQueryDevtools }\n","import { render } from 'solid-js/web'\nimport { createSignal, lazy } from 'solid-js'\nimport { setupStyleSheet } from './utils'\nimport type {\n  QueryClient,\n  onlineManager as TOnlineManager,\n} from '@tanstack/query-core'\nimport type { DevtoolsComponentType } from './Devtools'\nimport type {\n  DevtoolsButtonPosition,\n  DevtoolsErrorType,\n  DevtoolsPosition,\n  QueryDevtoolsProps,\n  Theme,\n} from './contexts'\nimport type { Signal } from 'solid-js'\n\nexport interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps {\n  styleNonce?: string\n  shadowDOMTarget?: ShadowRoot\n  onClose?: () => void\n}\n\nclass TanstackQueryDevtoolsPanel {\n  #client: Signal<QueryClient>\n  #onlineManager: typeof TOnlineManager\n  #queryFlavor: string\n  #version: string\n  #isMounted = false\n  #styleNonce?: string\n  #shadowDOMTarget?: ShadowRoot\n  #buttonPosition: Signal<DevtoolsButtonPosition | undefined>\n  #position: Signal<DevtoolsPosition | undefined>\n  #initialIsOpen: Signal<boolean | undefined>\n  #errorTypes: Signal<Array<DevtoolsErrorType> | undefined>\n  #hideDisabledQueries: Signal<boolean | undefined>\n  #onClose: Signal<(() => void) | undefined>\n  #Component: DevtoolsComponentType | undefined\n  #theme: Signal<Theme | undefined>\n  #dispose?: () => void\n\n  constructor(config: TanstackQueryDevtoolsPanelConfig) {\n    const {\n      client,\n      queryFlavor,\n      version,\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n      styleNonce,\n      shadowDOMTarget,\n      onClose,\n      hideDisabledQueries,\n      theme,\n    } = config\n    this.#client = createSignal(client)\n    this.#queryFlavor = queryFlavor\n    this.#version = version\n    this.#onlineManager = onlineManager\n    this.#styleNonce = styleNonce\n    this.#shadowDOMTarget = shadowDOMTarget\n    this.#buttonPosition = createSignal(buttonPosition)\n    this.#position = createSignal(position)\n    this.#initialIsOpen = createSignal(initialIsOpen)\n    this.#errorTypes = createSignal(errorTypes)\n    this.#hideDisabledQueries = createSignal(hideDisabledQueries)\n    this.#onClose = createSignal(onClose)\n    this.#theme = createSignal(theme)\n  }\n\n  setButtonPosition(position: DevtoolsButtonPosition) {\n    this.#buttonPosition[1](position)\n  }\n\n  setPosition(position: DevtoolsPosition) {\n    this.#position[1](position)\n  }\n\n  setInitialIsOpen(isOpen: boolean) {\n    this.#initialIsOpen[1](isOpen)\n  }\n\n  setErrorTypes(errorTypes: Array<DevtoolsErrorType>) {\n    this.#errorTypes[1](errorTypes)\n  }\n\n  setClient(client: QueryClient) {\n    this.#client[1](client)\n  }\n\n  setOnClose(onClose: () => void) {\n    this.#onClose[1](() => onClose)\n  }\n\n  setTheme(theme?: Theme) {\n    this.#theme[1](theme)\n  }\n\n  mount<T extends HTMLElement>(el: T) {\n    if (this.#isMounted) {\n      throw new Error('Devtools is already mounted')\n    }\n    const dispose = render(() => {\n      const [btnPosition] = this.#buttonPosition\n      const [pos] = this.#position\n      const [isOpen] = this.#initialIsOpen\n      const [errors] = this.#errorTypes\n      const [hideDisabledQueries] = this.#hideDisabledQueries\n      const [queryClient] = this.#client\n      const [onClose] = this.#onClose\n      const [theme] = this.#theme\n      let Devtools: DevtoolsComponentType\n\n      if (this.#Component) {\n        Devtools = this.#Component\n      } else {\n        Devtools = lazy(() => import('./DevtoolsPanelComponent'))\n        this.#Component = Devtools\n      }\n\n      setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget)\n      return (\n        <Devtools\n          queryFlavor={this.#queryFlavor}\n          version={this.#version}\n          onlineManager={this.#onlineManager}\n          shadowDOMTarget={this.#shadowDOMTarget}\n          {...{\n            get client() {\n              return queryClient()\n            },\n            get buttonPosition() {\n              return btnPosition()\n            },\n            get position() {\n              return pos()\n            },\n            get initialIsOpen() {\n              return isOpen()\n            },\n            get errorTypes() {\n              return errors()\n            },\n            get hideDisabledQueries() {\n              return hideDisabledQueries()\n            },\n            get onClose() {\n              return onClose()\n            },\n            get theme() {\n              return theme()\n            },\n          }}\n        />\n      )\n    }, el)\n    this.#isMounted = true\n    this.#dispose = dispose\n  }\n\n  unmount() {\n    if (!this.#isMounted) {\n      throw new Error('Devtools is not mounted')\n    }\n    this.#dispose?.()\n    this.#isMounted = false\n  }\n}\n\nexport { TanstackQueryDevtoolsPanel }\n"],"mappings":"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"}