@tanstack/query-devtools 5.92.0 → 5.94.4

package/build/index.d.cts

@@ -1,69 +0,0 @@
-import { Query, QueryClient, onlineManager } from '@tanstack/query-core';
-
-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;
-}
-interface QueryDevtoolsProps {
-    readonly client: QueryClient;
-    queryFlavor: string;
-    version: string;
-    onlineManager: typeof onlineManager;
-    buttonPosition?: DevtoolsButtonPosition;
-    position?: DevtoolsPosition;
-    initialIsOpen?: boolean;
-    errorTypes?: Array<DevtoolsErrorType>;
-    shadowDOMTarget?: ShadowRoot;
-    onClose?: () => unknown;
-    hideDisabledQueries?: boolean;
-    theme?: Theme;
-}
-
-interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {
-    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;
-}
-
-interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps {
-    styleNonce?: string;
-    shadowDOMTarget?: ShadowRoot;
-    onClose?: () => unknown;
-}
-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: () => unknown): void;
-    setTheme(theme?: Theme): void;
-    mount<T extends HTMLElement>(el: T): void;
-    unmount(): void;
-}
-
-export { type DevtoolsButtonPosition, type DevtoolsErrorType, type DevtoolsPosition, TanstackQueryDevtools, type TanstackQueryDevtoolsConfig, TanstackQueryDevtoolsPanel, type TanstackQueryDevtoolsPanelConfig, type Theme };

package/build/index.d.ts

@@ -1,69 +0,0 @@
-import { Query, QueryClient, onlineManager } from '@tanstack/query-core';
-
-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;
-}
-interface QueryDevtoolsProps {
-    readonly client: QueryClient;
-    queryFlavor: string;
-    version: string;
-    onlineManager: typeof onlineManager;
-    buttonPosition?: DevtoolsButtonPosition;
-    position?: DevtoolsPosition;
-    initialIsOpen?: boolean;
-    errorTypes?: Array<DevtoolsErrorType>;
-    shadowDOMTarget?: ShadowRoot;
-    onClose?: () => unknown;
-    hideDisabledQueries?: boolean;
-    theme?: Theme;
-}
-
-interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {
-    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;
-}
-
-interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps {
-    styleNonce?: string;
-    shadowDOMTarget?: ShadowRoot;
-    onClose?: () => unknown;
-}
-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: () => unknown): void;
-    setTheme(theme?: Theme): void;
-    mount<T extends HTMLElement>(el: T): void;
-    unmount(): void;
-}
-
-export { type DevtoolsButtonPosition, type DevtoolsErrorType, type DevtoolsPosition, TanstackQueryDevtools, type TanstackQueryDevtoolsConfig, TanstackQueryDevtoolsPanel, type TanstackQueryDevtoolsPanelConfig, type Theme };

package/build/index.js

@@ -1,279 +0,0 @@
-import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/EIDV623S.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/WDYDFRGG.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/2SSKDMRQ.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 };