@tanstack/query-devtools 5.94.4 → 5.94.5

package/build/dev.d.cts

@@ -0,0 +1,8 @@
+export { DevtoolsButtonPosition } from './_tsup-dts-rollup.cjs';
+export { DevtoolsErrorType } from './_tsup-dts-rollup.cjs';
+export { DevtoolsPosition } from './_tsup-dts-rollup.cjs';
+export { Theme } from './_tsup-dts-rollup.cjs';
+export { TanstackQueryDevtools_alias_1 as TanstackQueryDevtools } from './_tsup-dts-rollup.cjs';
+export { TanstackQueryDevtoolsConfig_alias_1 as TanstackQueryDevtoolsConfig } from './_tsup-dts-rollup.cjs';
+export { TanstackQueryDevtoolsPanel_alias_1 as TanstackQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
+export { TanstackQueryDevtoolsPanelConfig_alias_1 as TanstackQueryDevtoolsPanelConfig } from './_tsup-dts-rollup.cjs';

package/build/dev.d.ts

@@ -0,0 +1,8 @@
+export { DevtoolsButtonPosition } from './_tsup-dts-rollup.js';
+export { DevtoolsErrorType } from './_tsup-dts-rollup.js';
+export { DevtoolsPosition } from './_tsup-dts-rollup.js';
+export { Theme } from './_tsup-dts-rollup.js';
+export { TanstackQueryDevtools_alias_1 as TanstackQueryDevtools } from './_tsup-dts-rollup.js';
+export { TanstackQueryDevtoolsConfig_alias_1 as TanstackQueryDevtoolsConfig } from './_tsup-dts-rollup.js';
+export { TanstackQueryDevtoolsPanel_alias_1 as TanstackQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
+export { TanstackQueryDevtoolsPanelConfig_alias_1 as TanstackQueryDevtoolsPanelConfig } from './_tsup-dts-rollup.js';

package/build/dev.js

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