@tanstack/preact-query-devtools 0.0.1 → 5.92.0

package/build/modern/PreactQueryDevtoolsPanel.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/PreactQueryDevtoolsPanel.tsx
+var PreactQueryDevtoolsPanel_exports = {};
+__export(PreactQueryDevtoolsPanel_exports, {
+  PreactQueryDevtoolsPanel: () => PreactQueryDevtoolsPanel
+});
+module.exports = __toCommonJS(PreactQueryDevtoolsPanel_exports);
+var import_hooks = require("preact/hooks");
+var import_preact_query = require("@tanstack/preact-query");
+var import_query_devtools = require("@tanstack/query-devtools");
+var import_jsx_runtime = require("preact/jsx-runtime");
+function PreactQueryDevtoolsPanel(props) {
+  const queryClient = (0, import_preact_query.useQueryClient)(props.client);
+  const ref = (0, import_hooks.useRef)(null);
+  const {
+    errorTypes,
+    styleNonce,
+    shadowDOMTarget,
+    hideDisabledQueries,
+    theme
+  } = props;
+  const [devtools] = (0, import_hooks.useState)(
+    () => new import_query_devtools.TanstackQueryDevtoolsPanel({
+      client: queryClient,
+      queryFlavor: "Preact Query",
+      version: "5",
+      onlineManager: import_preact_query.onlineManager,
+      buttonPosition: "bottom-left",
+      position: "bottom",
+      initialIsOpen: true,
+      errorTypes,
+      styleNonce,
+      shadowDOMTarget,
+      onClose: props.onClose,
+      hideDisabledQueries,
+      theme
+    })
+  );
+  (0, import_hooks.useEffect)(() => {
+    devtools.setClient(queryClient);
+  }, [queryClient, devtools]);
+  (0, import_hooks.useEffect)(() => {
+    devtools.setOnClose(props.onClose ?? (() => {
+    }));
+  }, [props.onClose, devtools]);
+  (0, import_hooks.useEffect)(() => {
+    devtools.setErrorTypes(errorTypes || []);
+  }, [errorTypes, devtools]);
+  (0, import_hooks.useEffect)(() => {
+    devtools.setTheme(theme);
+  }, [theme, devtools]);
+  (0, import_hooks.useEffect)(() => {
+    if (ref.current) {
+      devtools.mount(ref.current);
+    }
+    return () => {
+      devtools.unmount();
+    };
+  }, [devtools]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      style: { height: "500px", ...props.style },
+      className: "tsqd-parent-container",
+      ref
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PreactQueryDevtoolsPanel
+});
+//# sourceMappingURL=PreactQueryDevtoolsPanel.cjs.map

package/build/modern/PreactQueryDevtoolsPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/PreactQueryDevtoolsPanel.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'preact/hooks'\nimport { onlineManager, useQueryClient } from '@tanstack/preact-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/preact-query'\nimport type { JSX, VNode } from 'preact'\n\nexport interface DevtoolsPanelOptions {\n  /**\n   * Use this to provide a custom QueryClient. Otherwise, the one from the\n   * nearest QueryClientProvider will be used.\n   */\n  client?: QueryClient\n  /**\n   * Custom error types to 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\n   * head. This is useful if you are using a Content Security Policy (CSP)\n   * nonce to allow inline styles.\n   */\n  styleNonce?: string\n  /**\n   * Use this to render the devtools inside a Shadow DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n  /**\n   * Custom styles for the devtools panel container.\n   */\n  style?: JSX.CSSProperties\n  /**\n   * Callback function when the devtools panel is closed.\n   */\n  onClose?: () => unknown\n  /**\n   * Use this to hide disabled queries from the devtools panel.\n   */\n  hideDisabledQueries?: boolean\n  /**\n   * Use this to set the theme of the devtools panel.\n   * Defaults to 'system'.\n   */\n  theme?: Theme\n}\n\nexport function PreactQueryDevtoolsPanel(\n  props: DevtoolsPanelOptions,\n): VNode | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = useRef<HTMLDivElement>(null)\n  const {\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = useState(\n    () =>\n      new TanstackQueryDevtoolsPanel({\n        client: queryClient,\n        queryFlavor: 'Preact 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,\n      }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  useEffect(() => {\n    devtools.setOnClose(props.onClose ?? (() => {}))\n  }, [props.onClose, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    devtools.setTheme(theme)\n  }, [theme, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <div\n      style={{ height: '500px', ...props.style }}\n      className=\"tsqd-parent-container\"\n      ref={ref}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAC5C,0BAA8C;AAC9C,4BAA2C;AAqGvC;AAzDG,SAAS,yBACd,OACc;AACd,QAAM,kBAAc,oCAAe,MAAM,MAAM;AAC/C,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,QAAQ,QAAI;AAAA,IACjB,MACE,IAAI,iDAA2B;AAAA,MAC7B,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM;AAAA,MACf;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACL;AAEA,8BAAU,MAAM;AACd,aAAS,UAAU,WAAW;AAAA,EAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,8BAAU,MAAM;AACd,aAAS,WAAW,MAAM,YAAY,MAAM;AAAA,IAAC,EAAE;AAAA,EACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;AAE5B,8BAAU,MAAM;AACd,aAAS,cAAc,cAAc,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,8BAAU,MAAM;AACd,aAAS,SAAS,KAAK;AAAA,EACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,8BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,eAAS,MAAM,IAAI,OAAO;AAAA,IAC5B;AACA,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,SAAS,GAAG,MAAM,MAAM;AAAA,MACzC,WAAU;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/PreactQueryDevtoolsPanel.d.cts

@@ -0,0 +1,4 @@
+import '@tanstack/query-devtools';
+import '@tanstack/preact-query';
+import 'preact';
+export { D as DevtoolsPanelOptions, P as PreactQueryDevtoolsPanel } from './PreactQueryDevtoolsPanel-tSWW-AUr.cjs';

package/build/modern/PreactQueryDevtoolsPanel.d.ts

@@ -0,0 +1,4 @@
+import '@tanstack/query-devtools';
+import '@tanstack/preact-query';
+import 'preact';
+export { D as DevtoolsPanelOptions, P as PreactQueryDevtoolsPanel } from './PreactQueryDevtoolsPanel-tSWW-AUr.js';

package/build/modern/PreactQueryDevtoolsPanel.js

@@ -0,0 +1,66 @@
+// src/PreactQueryDevtoolsPanel.tsx
+import { useRef, useState, useEffect } from "preact/hooks";
+import { onlineManager, useQueryClient } from "@tanstack/preact-query";
+import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
+import { jsx } from "preact/jsx-runtime";
+function PreactQueryDevtoolsPanel(props) {
+  const queryClient = useQueryClient(props.client);
+  const ref = useRef(null);
+  const {
+    errorTypes,
+    styleNonce,
+    shadowDOMTarget,
+    hideDisabledQueries,
+    theme
+  } = props;
+  const [devtools] = useState(
+    () => new TanstackQueryDevtoolsPanel({
+      client: queryClient,
+      queryFlavor: "Preact Query",
+      version: "5",
+      onlineManager,
+      buttonPosition: "bottom-left",
+      position: "bottom",
+      initialIsOpen: true,
+      errorTypes,
+      styleNonce,
+      shadowDOMTarget,
+      onClose: props.onClose,
+      hideDisabledQueries,
+      theme
+    })
+  );
+  useEffect(() => {
+    devtools.setClient(queryClient);
+  }, [queryClient, devtools]);
+  useEffect(() => {
+    devtools.setOnClose(props.onClose ?? (() => {
+    }));
+  }, [props.onClose, devtools]);
+  useEffect(() => {
+    devtools.setErrorTypes(errorTypes || []);
+  }, [errorTypes, devtools]);
+  useEffect(() => {
+    devtools.setTheme(theme);
+  }, [theme, devtools]);
+  useEffect(() => {
+    if (ref.current) {
+      devtools.mount(ref.current);
+    }
+    return () => {
+      devtools.unmount();
+    };
+  }, [devtools]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: { height: "500px", ...props.style },
+      className: "tsqd-parent-container",
+      ref
+    }
+  );
+}
+export {
+  PreactQueryDevtoolsPanel
+};
+//# sourceMappingURL=PreactQueryDevtoolsPanel.js.map

package/build/modern/PreactQueryDevtoolsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/PreactQueryDevtoolsPanel.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'preact/hooks'\nimport { onlineManager, useQueryClient } from '@tanstack/preact-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/preact-query'\nimport type { JSX, VNode } from 'preact'\n\nexport interface DevtoolsPanelOptions {\n  /**\n   * Use this to provide a custom QueryClient. Otherwise, the one from the\n   * nearest QueryClientProvider will be used.\n   */\n  client?: QueryClient\n  /**\n   * Custom error types to 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\n   * head. This is useful if you are using a Content Security Policy (CSP)\n   * nonce to allow inline styles.\n   */\n  styleNonce?: string\n  /**\n   * Use this to render the devtools inside a Shadow DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n  /**\n   * Custom styles for the devtools panel container.\n   */\n  style?: JSX.CSSProperties\n  /**\n   * Callback function when the devtools panel is closed.\n   */\n  onClose?: () => unknown\n  /**\n   * Use this to hide disabled queries from the devtools panel.\n   */\n  hideDisabledQueries?: boolean\n  /**\n   * Use this to set the theme of the devtools panel.\n   * Defaults to 'system'.\n   */\n  theme?: Theme\n}\n\nexport function PreactQueryDevtoolsPanel(\n  props: DevtoolsPanelOptions,\n): VNode | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = useRef<HTMLDivElement>(null)\n  const {\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = useState(\n    () =>\n      new TanstackQueryDevtoolsPanel({\n        client: queryClient,\n        queryFlavor: 'Preact 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,\n      }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  useEffect(() => {\n    devtools.setOnClose(props.onClose ?? (() => {}))\n  }, [props.onClose, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    devtools.setTheme(theme)\n  }, [theme, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <div\n      style={{ height: '500px', ...props.style }}\n      className=\"tsqd-parent-container\"\n      ref={ref}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,QAAQ,UAAU,iBAAiB;AAC5C,SAAS,eAAe,sBAAsB;AAC9C,SAAS,kCAAkC;AAqGvC;AAzDG,SAAS,yBACd,OACc;AACd,QAAM,cAAc,eAAe,MAAM,MAAM;AAC/C,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,QAAQ,IAAI;AAAA,IACjB,MACE,IAAI,2BAA2B;AAAA,MAC7B,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM;AAAA,MACf;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACL;AAEA,YAAU,MAAM;AACd,aAAS,UAAU,WAAW;AAAA,EAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,YAAU,MAAM;AACd,aAAS,WAAW,MAAM,YAAY,MAAM;AAAA,IAAC,EAAE;AAAA,EACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;AAE5B,YAAU,MAAM;AACd,aAAS,cAAc,cAAc,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,YAAU,MAAM;AACd,aAAS,SAAS,KAAK;AAAA,EACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,eAAS,MAAM,IAAI,OAAO;AAAA,IAC5B;AACA,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,SAAS,GAAG,MAAM,MAAM;AAAA,MACzC,WAAU;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/index.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PreactQueryDevtools: () => PreactQueryDevtools2,
+  PreactQueryDevtoolsPanel: () => PreactQueryDevtoolsPanel2
+});
+module.exports = __toCommonJS(index_exports);
+var Devtools = __toESM(require("./PreactQueryDevtools.cjs"), 1);
+var DevtoolsPanel = __toESM(require("./PreactQueryDevtoolsPanel.cjs"), 1);
+var PreactQueryDevtools2 = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : Devtools.PreactQueryDevtools;
+var PreactQueryDevtoolsPanel2 = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : DevtoolsPanel.PreactQueryDevtoolsPanel;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PreactQueryDevtools,
+  PreactQueryDevtoolsPanel
+});
+//# sourceMappingURL=index.cjs.map

package/build/modern/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import * as Devtools from './PreactQueryDevtools'\nimport * as DevtoolsPanel from './PreactQueryDevtoolsPanel'\n\nexport const PreactQueryDevtools: (typeof Devtools)['PreactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.PreactQueryDevtools\n\nexport const PreactQueryDevtoolsPanel: (typeof DevtoolsPanel)['PreactQueryDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : DevtoolsPanel.PreactQueryDevtoolsPanel\n\nexport type DevtoolsPanelOptions = DevtoolsPanel.DevtoolsPanelOptions\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAAA;AAAA,EAAA,gCAAAC;AAAA;AAAA;AAAA,eAA0B;AAC1B,oBAA+B;AAExB,IAAMD,uBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACS;AAER,IAAMC,4BACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACc;","names":["PreactQueryDevtools","PreactQueryDevtoolsPanel"]}

package/build/modern/index.d.cts

@@ -0,0 +1,11 @@
+import { D as Devtools } from './PreactQueryDevtools-BKJv-YAr.cjs';
+import { D as DevtoolsPanelOptions$1, a as DevtoolsPanel } from './PreactQueryDevtoolsPanel-tSWW-AUr.cjs';
+import '@tanstack/query-devtools';
+import '@tanstack/preact-query';
+import 'preact';
+
+declare const PreactQueryDevtools: (typeof Devtools)['PreactQueryDevtools'];
+declare const PreactQueryDevtoolsPanel: (typeof DevtoolsPanel)['PreactQueryDevtoolsPanel'];
+type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
+
+export { type DevtoolsPanelOptions, PreactQueryDevtools, PreactQueryDevtoolsPanel };

package/build/modern/index.d.ts

@@ -0,0 +1,11 @@
+import { D as Devtools } from './PreactQueryDevtools-BKJv-YAr.js';
+import { D as DevtoolsPanelOptions$1, a as DevtoolsPanel } from './PreactQueryDevtoolsPanel-tSWW-AUr.js';
+import '@tanstack/query-devtools';
+import '@tanstack/preact-query';
+import 'preact';
+
+declare const PreactQueryDevtools: (typeof Devtools)['PreactQueryDevtools'];
+declare const PreactQueryDevtoolsPanel: (typeof DevtoolsPanel)['PreactQueryDevtoolsPanel'];
+type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
+
+export { type DevtoolsPanelOptions, PreactQueryDevtools, PreactQueryDevtoolsPanel };

package/build/modern/index.js

@@ -0,0 +1,14 @@
+// src/index.ts
+import * as Devtools from "./PreactQueryDevtools.js";
+import * as DevtoolsPanel from "./PreactQueryDevtoolsPanel.js";
+var PreactQueryDevtools2 = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : Devtools.PreactQueryDevtools;
+var PreactQueryDevtoolsPanel2 = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : DevtoolsPanel.PreactQueryDevtoolsPanel;
+export {
+  PreactQueryDevtools2 as PreactQueryDevtools,
+  PreactQueryDevtoolsPanel2 as PreactQueryDevtoolsPanel
+};
+//# sourceMappingURL=index.js.map

package/build/modern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import * as Devtools from './PreactQueryDevtools'\nimport * as DevtoolsPanel from './PreactQueryDevtoolsPanel'\n\nexport const PreactQueryDevtools: (typeof Devtools)['PreactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.PreactQueryDevtools\n\nexport const PreactQueryDevtoolsPanel: (typeof DevtoolsPanel)['PreactQueryDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : DevtoolsPanel.PreactQueryDevtoolsPanel\n\nexport type DevtoolsPanelOptions = DevtoolsPanel.DevtoolsPanelOptions\n"],"mappings":";AAAA,YAAY,cAAc;AAC1B,YAAY,mBAAmB;AAExB,IAAMA,uBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACS;AAER,IAAMC,4BACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACc;","names":["PreactQueryDevtools","PreactQueryDevtoolsPanel"]}

package/build/modern/production.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/production.ts
+var production_exports = {};
+__export(production_exports, {
+  PreactQueryDevtools: () => PreactQueryDevtools2,
+  PreactQueryDevtoolsPanel: () => PreactQueryDevtoolsPanel2
+});
+module.exports = __toCommonJS(production_exports);
+var Devtools = __toESM(require("./PreactQueryDevtools.cjs"), 1);
+var DevtoolsPanel = __toESM(require("./PreactQueryDevtoolsPanel.cjs"), 1);
+var PreactQueryDevtools2 = Devtools.PreactQueryDevtools;
+var PreactQueryDevtoolsPanel2 = DevtoolsPanel.PreactQueryDevtoolsPanel;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PreactQueryDevtools,
+  PreactQueryDevtoolsPanel
+});
+//# sourceMappingURL=production.cjs.map

package/build/modern/production.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/production.ts"],"sourcesContent":["import * as Devtools from './PreactQueryDevtools'\nimport * as DevtoolsPanel from './PreactQueryDevtoolsPanel'\n\nexport const PreactQueryDevtools = Devtools.PreactQueryDevtools\nexport const PreactQueryDevtoolsPanel = DevtoolsPanel.PreactQueryDevtoolsPanel\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAAA;AAAA,EAAA,gCAAAC;AAAA;AAAA;AAAA,eAA0B;AAC1B,oBAA+B;AAExB,IAAMD,uBAA+B;AACrC,IAAMC,4BAAyC;","names":["PreactQueryDevtools","PreactQueryDevtoolsPanel"]}

package/build/modern/production.d.cts

@@ -0,0 +1,10 @@
+import { P as PreactQueryDevtools$1 } from './PreactQueryDevtools-BKJv-YAr.cjs';
+import { P as PreactQueryDevtoolsPanel$1 } from './PreactQueryDevtoolsPanel-tSWW-AUr.cjs';
+import '@tanstack/query-devtools';
+import '@tanstack/preact-query';
+import 'preact';
+
+declare const PreactQueryDevtools: typeof PreactQueryDevtools$1;
+declare const PreactQueryDevtoolsPanel: typeof PreactQueryDevtoolsPanel$1;
+
+export { PreactQueryDevtools, PreactQueryDevtoolsPanel };

package/build/modern/production.d.ts

@@ -0,0 +1,10 @@
+import { P as PreactQueryDevtools$1 } from './PreactQueryDevtools-BKJv-YAr.js';
+import { P as PreactQueryDevtoolsPanel$1 } from './PreactQueryDevtoolsPanel-tSWW-AUr.js';
+import '@tanstack/query-devtools';
+import '@tanstack/preact-query';
+import 'preact';
+
+declare const PreactQueryDevtools: typeof PreactQueryDevtools$1;
+declare const PreactQueryDevtoolsPanel: typeof PreactQueryDevtoolsPanel$1;
+
+export { PreactQueryDevtools, PreactQueryDevtoolsPanel };

package/build/modern/production.js

@@ -0,0 +1,10 @@
+// src/production.ts
+import * as Devtools from "./PreactQueryDevtools.js";
+import * as DevtoolsPanel from "./PreactQueryDevtoolsPanel.js";
+var PreactQueryDevtools2 = Devtools.PreactQueryDevtools;
+var PreactQueryDevtoolsPanel2 = DevtoolsPanel.PreactQueryDevtoolsPanel;
+export {
+  PreactQueryDevtools2 as PreactQueryDevtools,
+  PreactQueryDevtoolsPanel2 as PreactQueryDevtoolsPanel
+};
+//# sourceMappingURL=production.js.map

package/build/modern/production.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/production.ts"],"sourcesContent":["import * as Devtools from './PreactQueryDevtools'\nimport * as DevtoolsPanel from './PreactQueryDevtoolsPanel'\n\nexport const PreactQueryDevtools = Devtools.PreactQueryDevtools\nexport const PreactQueryDevtoolsPanel = DevtoolsPanel.PreactQueryDevtoolsPanel\n"],"mappings":";AAAA,YAAY,cAAc;AAC1B,YAAY,mBAAmB;AAExB,IAAMA,uBAA+B;AACrC,IAAMC,4BAAyC;","names":["PreactQueryDevtools","PreactQueryDevtoolsPanel"]}

package/package.json

@@ -1,10 +1,95 @@
 {
   "name": "@tanstack/preact-query-devtools",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @tanstack/preact-query-devtools",
-  "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
-}
+  "version": "5.92.0",
+  "description": "Developer tools to interact with and visualize the TanStack/preact-query cache",
+  "author": "tannerlinsley",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TanStack/query.git",
+    "directory": "packages/preact-query-devtools"
+  },
+  "homepage": "https://tanstack.com/query",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "type": "module",
+  "types": "build/legacy/index.d.ts",
+  "main": "build/legacy/index.cjs",
+  "module": "build/legacy/index.js",
+  "exports": {
+    ".": {
+      "@tanstack/custom-condition": "./src/index.ts",
+      "import": {
+        "types": "./build/modern/index.d.ts",
+        "default": "./build/modern/index.js"
+      },
+      "require": {
+        "types": "./build/modern/index.d.cts",
+        "default": "./build/modern/index.cjs"
+      }
+    },
+    "./production": {
+      "import": {
+        "types": "./build/modern/production.d.ts",
+        "default": "./build/modern/production.js"
+      },
+      "require": {
+        "types": "./build/modern/production.d.cts",
+        "default": "./build/modern/production.cjs"
+      }
+    },
+    "./build/modern/production.js": {
+      "import": {
+        "types": "./build/modern/production.d.ts",
+        "default": "./build/modern/production.js"
+      },
+      "require": {
+        "types": "./build/modern/production.d.cts",
+        "default": "./build/modern/production.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "files": [
+    "build",
+    "src",
+    "!src/__tests__"
+  ],
+  "dependencies": {
+    "@tanstack/query-devtools": "5.93.0"
+  },
+  "devDependencies": {
+    "@preact/preset-vite": "^2.10.2",
+    "@testing-library/preact": "^3.2.4",
+    "eslint-config-preact": "^2.0.0",
+    "npm-run-all2": "^5.0.0",
+    "preact": "^10.28.0",
+    "typescript-eslint": "^8.54.0",
+    "@tanstack/preact-query": "5.93.0"
+  },
+  "peerDependencies": {
+    "preact": "^10.0.0",
+    "@tanstack/preact-query": "^5.93.0"
+  },
+  "scripts": {
+    "clean": "premove ./build ./coverage ./dist-ts",
+    "compile": "tsc --build",
+    "test:eslint": "eslint --concurrency=auto ./src",
+    "test:types": "npm-run-all --serial test:types:*",
+    "test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build tsconfig.legacy.json",
+    "test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build tsconfig.legacy.json",
+    "test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build tsconfig.legacy.json",
+    "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build tsconfig.legacy.json",
+    "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build tsconfig.legacy.json",
+    "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build tsconfig.legacy.json",
+    "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build tsconfig.legacy.json",
+    "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build tsconfig.legacy.json",
+    "test:types:tscurrent": "tsc --build",
+    "test:build": "publint --strict && attw --pack",
+    "build": "tsup --tsconfig tsconfig.prod.json",
+    "build:dev": "tsup --watch"
+  }
+}

package/src/PreactQueryDevtools.tsx

@@ -0,0 +1,127 @@
+import { useRef, useState, useEffect } from 'preact/hooks'
+import { onlineManager, useQueryClient } from '@tanstack/preact-query'
+import { TanstackQueryDevtools } from '@tanstack/query-devtools'
+import type {
+  DevtoolsButtonPosition,
+  DevtoolsErrorType,
+  DevtoolsPosition,
+  Theme,
+} from '@tanstack/query-devtools'
+import type { QueryClient } from '@tanstack/preact-query'
+import type { VNode } from 'preact'
+
+export 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.
+   * Defaults to 'bottom-right'.
+   */
+  buttonPosition?: DevtoolsButtonPosition
+  /**
+   * The position of the Preact Query devtools panel.
+   * Defaults to 'bottom'.
+   */
+  position?: DevtoolsPosition
+  /**
+   * Use this to provide a custom QueryClient. Otherwise, the one from the
+   * nearest QueryClientProvider will be used.
+   */
+  client?: QueryClient
+  /**
+   * Use this to provide custom error type handlers for the devtools panel.
+   */
+  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 to render the devtools inside a Shadow DOM.
+   */
+  shadowDOMTarget?: ShadowRoot
+  /**
+   * Use this to hide disabled queries from the devtools panel.
+   */
+  hideDisabledQueries?: boolean
+  /**
+   * Use this to set the theme of the devtools panel.
+   * Defaults to 'system'.
+   */
+  theme?: Theme
+}
+
+export function PreactQueryDevtools(props: DevtoolsOptions): VNode | null {
+  const queryClient = useQueryClient(props.client)
+  const ref = useRef<HTMLDivElement>(null)
+  const {
+    buttonPosition,
+    position,
+    initialIsOpen,
+    errorTypes,
+    styleNonce,
+    shadowDOMTarget,
+    hideDisabledQueries,
+    theme,
+  } = props
+  const [devtools] = useState(
+    () =>
+      new TanstackQueryDevtools({
+        client: queryClient,
+        queryFlavor: 'Preact Query',
+        version: '5',
+        onlineManager,
+        buttonPosition,
+        position,
+        initialIsOpen,
+        errorTypes,
+        styleNonce,
+        shadowDOMTarget,
+        hideDisabledQueries,
+        theme,
+      }),
+  )
+
+  useEffect(() => {
+    devtools.setClient(queryClient)
+  }, [queryClient, devtools])
+
+  useEffect(() => {
+    if (buttonPosition) {
+      devtools.setButtonPosition(buttonPosition)
+    }
+  }, [buttonPosition, devtools])
+
+  useEffect(() => {
+    if (position) {
+      devtools.setPosition(position)
+    }
+  }, [position, devtools])
+
+  useEffect(() => {
+    devtools.setInitialIsOpen(initialIsOpen || false)
+  }, [initialIsOpen, devtools])
+
+  useEffect(() => {
+    devtools.setErrorTypes(errorTypes || [])
+  }, [errorTypes, devtools])
+
+  useEffect(() => {
+    devtools.setTheme(theme)
+  }, [theme, devtools])
+
+  useEffect(() => {
+    if (ref.current) {
+      devtools.mount(ref.current)
+    }
+    return () => {
+      devtools.unmount()
+    }
+  }, [devtools])
+
+  return <div dir="ltr" className="tsqd-parent-container" ref={ref} />
+}