@tanstack/react-query-devtools 5.0.0-alpha.86 → 5.0.0-alpha.88

package/build/modern/index.d.ts

@@ -0,0 +1,8 @@
+import { d as devtools } from './devtools-d8b99e07.js';
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+
+declare const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'];
+
+export { ReactQueryDevtools };

package/build/modern/index.js

@@ -0,0 +1,9 @@
+"use client";
+import * as devtools from "./devtools";
+const ReactQueryDevtools = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : devtools.ReactQueryDevtools;
+export {
+  ReactQueryDevtools
+};
+//# sourceMappingURL=index.js.map

package/build/modern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : devtools.ReactQueryDevtools\n"],"mappings":";AAEA,YAAY,cAAc;AAEnB,MAAM,qBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACA,SAAS;","names":[]}

package/build/modern/production.cjs

@@ -0,0 +1,41 @@
+"use strict";
+"use client";
+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);
+var production_exports = {};
+__export(production_exports, {
+  ReactQueryDevtools: () => ReactQueryDevtools
+});
+module.exports = __toCommonJS(production_exports);
+var devtools = __toESM(require("./devtools"), 1);
+const ReactQueryDevtools = devtools.ReactQueryDevtools;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactQueryDevtools
+});
+//# sourceMappingURL=production.cjs.map

package/build/modern/production.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools = devtools.ReactQueryDevtools\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,eAA0B;AAEnB,MAAM,qBAAqB,SAAS;","names":[]}

package/build/modern/production.d.cts

@@ -0,0 +1,8 @@
+import { R as ReactQueryDevtools$1 } from './devtools-d8b99e07.js';
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+
+declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
+
+export { ReactQueryDevtools };

package/build/modern/production.d.ts

@@ -0,0 +1,8 @@
+import { R as ReactQueryDevtools$1 } from './devtools-d8b99e07.js';
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+
+declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
+
+export { ReactQueryDevtools };

package/build/modern/production.js

@@ -0,0 +1,7 @@
+"use client";
+import * as devtools from "./devtools";
+const ReactQueryDevtools = devtools.ReactQueryDevtools;
+export {
+  ReactQueryDevtools
+};
+//# sourceMappingURL=production.js.map

package/build/modern/production.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools = devtools.ReactQueryDevtools\n"],"mappings":";AAEA,YAAY,cAAc;AAEnB,MAAM,qBAAqB,SAAS;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query-devtools",
-  "version": "5.0.0-alpha.86",
+  "version": "5.0.0-alpha.88",
   "description": "Developer tools to interact with and visualize the TanStack/react-query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -11,31 +11,39 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "type": "module",
-  "types": "build/lib/index.d.ts",
-  "main": "build/lib/index.legacy.cjs",
-  "module": "build/lib/index.legacy.js",
+  "types": "build/legacy/index.d.ts",
+  "main": "build/legacy/index.cjs",
+  "module": "build/legacy/index.js",
   "exports": {
     ".": {
-      "types": "./build/lib/index.d.ts",
-      "import": "./build/lib/index.js",
-      "require": "./build/lib/index.cjs",
-      "default": "./build/lib/index.cjs"
+      "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": {
-      "types": "./build/lib/index.d.ts",
-      "import": "./build/lib/index.prod.js",
-      "require": "./build/lib/index.prod.cjs",
-      "default": "./build/lib/index.prod.cjs"
+      "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/lib/*",
+    "build",
     "src"
   ],
   "dependencies": {
-    "@tanstack/query-devtools": "5.0.0-alpha.86"
+    "@tanstack/query-devtools": "5.0.0-alpha.88"
   },
   "devDependencies": {
     "@types/react": "^18.2.4",
@@ -43,22 +51,20 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^3.1.4",
-    "@tanstack/react-query": "5.0.0-alpha.86"
+    "@tanstack/react-query": "5.0.0-alpha.88"
   },
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@tanstack/react-query": "5.0.0-alpha.86"
+    "@tanstack/react-query": "5.0.0-alpha.88"
   },
   "scripts": {
     "clean": "rimraf ./build && rimraf ./coverage",
     "test:eslint": "eslint --ext .ts,.tsx ./src",
-    "test:types": "tsc --noEmit",
+    "test:types": "tsc",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
-    "test:build": "publint --strict",
-    "build": "pnpm build:rollup && pnpm build:types",
-    "build:rollup": "rollup --config rollup.config.js",
-    "build:types": "tsc --emitDeclarationOnly && cpy index.d.ts index.prod.d.ts --cwd=build/lib"
+    "test:build": "publint --strict && attw --pack --ignore-rules no-resolution",
+    "build": "tsup"
   }
 }

package/src/devtools.tsx

@@ -37,7 +37,7 @@ export interface DevtoolsOptions {
   errorTypes?: DevToolsErrorType[]
 }
 
-function ReactQueryDevtoolsDev(
+export function ReactQueryDevtools(
   props: DevtoolsOptions,
 ): React.ReactElement | null {
   const queryClient = useQueryClient()
@@ -93,14 +93,3 @@ function ReactQueryDevtoolsDev(
 
   return <div ref={ref}></div>
 }
-
-function ReactQueryDevtoolsProd(
-  _props: DevtoolsOptions,
-): React.ReactElement | null {
-  return null
-}
-
-export const ReactQueryDevtools: typeof ReactQueryDevtoolsDev =
-  process.env.NODE_ENV !== 'development'
-    ? ReactQueryDevtoolsProd
-    : ReactQueryDevtoolsDev

package/src/index.ts

@@ -8,10 +8,3 @@ export const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =
         return null
       }
     : devtools.ReactQueryDevtools
-
-// export const ReactQueryDevtoolsPanel: (typeof devtools)['ReactQueryDevtoolsPanel'] =
-//   process.env.NODE_ENV !== 'development'
-//     ? (function () {
-//         return null
-//       } as any)
-//     : devtools.ReactQueryDevtoolsPanel

package/src/production.ts

@@ -0,0 +1,5 @@
+'use client'
+
+import * as devtools from './devtools'
+
+export const ReactQueryDevtools = devtools.ReactQueryDevtools

package/build/lib/__tests__/devtools.test.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=devtools.test.d.ts.map

package/build/lib/__tests__/devtools.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/devtools.test.tsx"],"names":[],"mappings":""}

package/build/lib/__tests__/utils.d.ts

@@ -1,24 +0,0 @@
-import { render } from '@testing-library/react';
-import * as React from 'react';
-import { QueryCache, QueryClient } from '@tanstack/react-query';
-import { ReactQueryDevtools } from '../devtools';
-import type { RenderOptions } from '@testing-library/react';
-export declare function renderWithClient(client: QueryClient, ui: React.ReactElement, devtoolsOptions?: Parameters<typeof ReactQueryDevtools>[number], renderOptions?: RenderOptions): ReturnType<typeof render>;
-export declare function sleep(timeout: number): Promise<void>;
-/**
- * This method is useful for matching by text content when the text is splitted
- * across different HTML elements which cannot be searched by normal
- * *ByText methods. It returns a function that can be passed to the testing
- * library's *ByText methods.
- * @param textToMatch The string that needs to be matched
- * @reference https://stackoverflow.com/a/56859650/8252081
- */
-type MatcherFunction = (content: string, element: Element | null) => boolean;
-export declare const getByTextContent: (textToMatch: string) => MatcherFunction;
-interface CreateQueryClientResponse {
-    queryClient: QueryClient;
-    queryCache: QueryCache;
-}
-export declare const createQueryClient: () => CreateQueryClientResponse;
-export {};
-//# sourceMappingURL=utils.d.ts.map

package/build/lib/__tests__/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/__tests__/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,UAAU,EACV,WAAW,EAEZ,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAE3D,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,EACnB,EAAE,EAAE,KAAK,CAAC,YAAY,EACtB,eAAe,GAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAM,EACnE,aAAa,CAAC,EAAE,aAAa,GAC5B,UAAU,CAAC,OAAO,MAAM,CAAC,CAkB3B;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAIpD;AAED;;;;;;;GAOG;AAEH,KAAK,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,OAAO,CAAA;AAE5E,eAAO,MAAM,gBAAgB,gBACb,MAAM,KAAG,eAatB,CAAA;AAEH,UAAU,yBAAyB;IACjC,WAAW,EAAE,WAAW,CAAA;IACxB,UAAU,EAAE,UAAU,CAAA;CACvB;AAED,eAAO,MAAM,iBAAiB,QAAO,yBAWpC,CAAA"}

package/build/lib/devtools.cjs

@@ -1,65 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-var reactQuery = require('@tanstack/react-query');
-var queryDevtools = require('@tanstack/query-devtools');
-
-function ReactQueryDevtoolsDev(props) {
-  const queryClient = reactQuery.useQueryClient();
-  const client = props.client || queryClient;
-  const ref = React.useRef(null);
-  const {
-    buttonPosition,
-    position,
-    initialIsOpen,
-    errorTypes
-  } = props;
-  const [devtools] = React.useState(new queryDevtools.TanstackQueryDevtools({
-    client: client,
-    queryFlavor: 'React Query',
-    version: '5',
-    onlineManager: reactQuery.onlineManager,
-    buttonPosition,
-    position,
-    initialIsOpen,
-    errorTypes
-  }));
-  React.useEffect(() => {
-    devtools.setClient(client);
-  }, [client, devtools]);
-  React.useEffect(() => {
-    if (buttonPosition) {
-      devtools.setButtonPosition(buttonPosition);
-    }
-  }, [buttonPosition, devtools]);
-  React.useEffect(() => {
-    if (position) {
-      devtools.setPosition(position);
-    }
-  }, [position, devtools]);
-  React.useEffect(() => {
-    devtools.setInitialIsOpen(initialIsOpen || false);
-  }, [initialIsOpen, devtools]);
-  React.useEffect(() => {
-    devtools.setErrorTypes(errorTypes || []);
-  }, [errorTypes, devtools]);
-  React.useEffect(() => {
-    if (ref.current) {
-      devtools.mount(ref.current);
-    }
-    return () => {
-      devtools.unmount();
-    };
-  }, [devtools]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  });
-}
-function ReactQueryDevtoolsProd(_props) {
-  return null;
-}
-const ReactQueryDevtools = process.env.NODE_ENV !== 'development' ? ReactQueryDevtoolsProd : ReactQueryDevtoolsDev;
-
-exports.ReactQueryDevtools = ReactQueryDevtools;
-//# sourceMappingURL=devtools.cjs.map

package/build/lib/devtools.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.cjs","sources":["../../src/devtools.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport React from 'react'\nimport type {\n  DevToolsErrorType,\n  DevtoolsButtonPosition,\n  DevtoolsPosition,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\nexport interface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the React Query logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n   * Defaults to 'bottom-left'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to 'bottom'.\n   */\n  position?: DevtoolsPosition\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?: DevToolsErrorType[]\n}\n\nfunction ReactQueryDevtoolsDev(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient()\n  const client = props.client || queryClient\n  const ref = useRef<HTMLDivElement>(null)\n  const { buttonPosition, position, initialIsOpen, errorTypes } = props\n  const [devtools] = useState(\n    new TanstackQueryDevtools({\n      client: client,\n      queryFlavor: 'React Query',\n      version: '5',\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n    }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(client)\n  }, [client, devtools])\n\n  useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return <div ref={ref}></div>\n}\n\nfunction ReactQueryDevtoolsProd(\n  _props: DevtoolsOptions,\n): React.ReactElement | null {\n  return null\n}\n\nexport const ReactQueryDevtools: typeof ReactQueryDevtoolsDev =\n  process.env.NODE_ENV !== 'development'\n    ? ReactQueryDevtoolsProd\n    : ReactQueryDevtoolsDev\n"],"names":["errorTypes","client","queryFlavor","version","useEffect","devtools","ref","ReactQueryDevtools"],"mappings":";;;;;;;AAuCA;AAGE;AACA;AACA;;;;;AACiDA;AAAW;;AAGxDC;AACAC;AACAC;;;;;AAKAH;AACF;AAGFI;AACEC;AACF;AAEAD;AACE;AACEC;AACF;AACF;AAEAD;AACE;AACEC;AACF;AACF;AAEAD;AACEC;AACF;AAEAD;AACEC;AACF;AAEAD;;AAEIC;AACF;AAEA;;;AAGF;;AAEYC;AAAS;AACvB;AAEA;AAGE;AACF;AAEaC;;"}

package/build/lib/devtools.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.d.ts","sourceRoot":"","sources":["../../src/devtools.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAA;IACvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACjC;AAED,iBAAS,qBAAqB,CAC5B,KAAK,EAAE,eAAe,GACrB,KAAK,CAAC,YAAY,GAAG,IAAI,CAqD3B;AAQD,eAAO,MAAM,kBAAkB,EAAE,OAAO,qBAGb,CAAA"}

package/build/lib/devtools.js

@@ -1,63 +0,0 @@
-'use client';
-import React, { useRef, useState, useEffect } from 'react';
-import { useQueryClient, onlineManager } from '@tanstack/react-query';
-import { TanstackQueryDevtools } from '@tanstack/query-devtools';
-
-function ReactQueryDevtoolsDev(props) {
-  const queryClient = useQueryClient();
-  const client = props.client || queryClient;
-  const ref = useRef(null);
-  const {
-    buttonPosition,
-    position,
-    initialIsOpen,
-    errorTypes
-  } = props;
-  const [devtools] = useState(new TanstackQueryDevtools({
-    client: client,
-    queryFlavor: 'React Query',
-    version: '5',
-    onlineManager,
-    buttonPosition,
-    position,
-    initialIsOpen,
-    errorTypes
-  }));
-  useEffect(() => {
-    devtools.setClient(client);
-  }, [client, 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(() => {
-    if (ref.current) {
-      devtools.mount(ref.current);
-    }
-    return () => {
-      devtools.unmount();
-    };
-  }, [devtools]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  });
-}
-function ReactQueryDevtoolsProd(_props) {
-  return null;
-}
-const ReactQueryDevtools = process.env.NODE_ENV !== 'development' ? ReactQueryDevtoolsProd : ReactQueryDevtoolsDev;
-
-export { ReactQueryDevtools };
-//# sourceMappingURL=devtools.js.map

package/build/lib/devtools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.js","sources":["../../src/devtools.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport React from 'react'\nimport type {\n  DevToolsErrorType,\n  DevtoolsButtonPosition,\n  DevtoolsPosition,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\nexport interface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the React Query logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n   * Defaults to 'bottom-left'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to 'bottom'.\n   */\n  position?: DevtoolsPosition\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?: DevToolsErrorType[]\n}\n\nfunction ReactQueryDevtoolsDev(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient()\n  const client = props.client || queryClient\n  const ref = useRef<HTMLDivElement>(null)\n  const { buttonPosition, position, initialIsOpen, errorTypes } = props\n  const [devtools] = useState(\n    new TanstackQueryDevtools({\n      client: client,\n      queryFlavor: 'React Query',\n      version: '5',\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n    }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(client)\n  }, [client, devtools])\n\n  useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return <div ref={ref}></div>\n}\n\nfunction ReactQueryDevtoolsProd(\n  _props: DevtoolsOptions,\n): React.ReactElement | null {\n  return null\n}\n\nexport const ReactQueryDevtools: typeof ReactQueryDevtoolsDev =\n  process.env.NODE_ENV !== 'development'\n    ? ReactQueryDevtoolsProd\n    : ReactQueryDevtoolsDev\n"],"names":["errorTypes","client","queryFlavor","version","useEffect","devtools","ref","ReactQueryDevtools"],"mappings":";;;;;AAuCA;AAGE;AACA;AACA;;;;;AACiDA;AAAW;;AAGxDC;AACAC;AACAC;;;;;AAKAH;AACF;AAGFI;AACEC;AACF;AAEAD;AACE;AACEC;AACF;AACF;AAEAD;AACE;AACEC;AACF;AACF;AAEAD;AACEC;AACF;AAEAD;AACEC;AACF;AAEAD;;AAEIC;AACF;AAEA;;;AAGF;;AAEYC;AAAS;AACvB;AAEA;AAGE;AACF;AAEaC;;"}

package/build/lib/devtools.legacy.cjs

@@ -1,65 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-var reactQuery = require('@tanstack/react-query');
-var queryDevtools = require('@tanstack/query-devtools');
-
-function ReactQueryDevtoolsDev(props) {
-  const queryClient = reactQuery.useQueryClient();
-  const client = props.client || queryClient;
-  const ref = React.useRef(null);
-  const {
-    buttonPosition,
-    position,
-    initialIsOpen,
-    errorTypes
-  } = props;
-  const [devtools] = React.useState(new queryDevtools.TanstackQueryDevtools({
-    client: client,
-    queryFlavor: 'React Query',
-    version: '5',
-    onlineManager: reactQuery.onlineManager,
-    buttonPosition,
-    position,
-    initialIsOpen,
-    errorTypes
-  }));
-  React.useEffect(() => {
-    devtools.setClient(client);
-  }, [client, devtools]);
-  React.useEffect(() => {
-    if (buttonPosition) {
-      devtools.setButtonPosition(buttonPosition);
-    }
-  }, [buttonPosition, devtools]);
-  React.useEffect(() => {
-    if (position) {
-      devtools.setPosition(position);
-    }
-  }, [position, devtools]);
-  React.useEffect(() => {
-    devtools.setInitialIsOpen(initialIsOpen || false);
-  }, [initialIsOpen, devtools]);
-  React.useEffect(() => {
-    devtools.setErrorTypes(errorTypes || []);
-  }, [errorTypes, devtools]);
-  React.useEffect(() => {
-    if (ref.current) {
-      devtools.mount(ref.current);
-    }
-    return () => {
-      devtools.unmount();
-    };
-  }, [devtools]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  });
-}
-function ReactQueryDevtoolsProd(_props) {
-  return null;
-}
-const ReactQueryDevtools = process.env.NODE_ENV !== 'development' ? ReactQueryDevtoolsProd : ReactQueryDevtoolsDev;
-
-exports.ReactQueryDevtools = ReactQueryDevtools;
-//# sourceMappingURL=devtools.legacy.cjs.map

package/build/lib/devtools.legacy.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.legacy.cjs","sources":["../../src/devtools.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport React from 'react'\nimport type {\n  DevToolsErrorType,\n  DevtoolsButtonPosition,\n  DevtoolsPosition,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\nexport interface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the React Query logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n   * Defaults to 'bottom-left'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to 'bottom'.\n   */\n  position?: DevtoolsPosition\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?: DevToolsErrorType[]\n}\n\nfunction ReactQueryDevtoolsDev(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient()\n  const client = props.client || queryClient\n  const ref = useRef<HTMLDivElement>(null)\n  const { buttonPosition, position, initialIsOpen, errorTypes } = props\n  const [devtools] = useState(\n    new TanstackQueryDevtools({\n      client: client,\n      queryFlavor: 'React Query',\n      version: '5',\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n    }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(client)\n  }, [client, devtools])\n\n  useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return <div ref={ref}></div>\n}\n\nfunction ReactQueryDevtoolsProd(\n  _props: DevtoolsOptions,\n): React.ReactElement | null {\n  return null\n}\n\nexport const ReactQueryDevtools: typeof ReactQueryDevtoolsDev =\n  process.env.NODE_ENV !== 'development'\n    ? ReactQueryDevtoolsProd\n    : ReactQueryDevtoolsDev\n"],"names":["errorTypes","client","queryFlavor","version","useEffect","devtools","ref","ReactQueryDevtools"],"mappings":";;;;;;;AAuCA;AAGE;AACA;AACA;;;;;AACiDA;AAAW;;AAGxDC;AACAC;AACAC;;;;;AAKAH;AACF;AAGFI;AACEC;AACF;AAEAD;AACE;AACEC;AACF;AACF;AAEAD;AACE;AACEC;AACF;AACF;AAEAD;AACEC;AACF;AAEAD;AACEC;AACF;AAEAD;;AAEIC;AACF;AAEA;;;AAGF;;AAEYC;AAAS;AACvB;AAEA;AAGE;AACF;AAEaC;;"}

package/build/lib/devtools.legacy.js

@@ -1,63 +0,0 @@
-'use client';
-import React, { useRef, useState, useEffect } from 'react';
-import { useQueryClient, onlineManager } from '@tanstack/react-query';
-import { TanstackQueryDevtools } from '@tanstack/query-devtools';
-
-function ReactQueryDevtoolsDev(props) {
-  const queryClient = useQueryClient();
-  const client = props.client || queryClient;
-  const ref = useRef(null);
-  const {
-    buttonPosition,
-    position,
-    initialIsOpen,
-    errorTypes
-  } = props;
-  const [devtools] = useState(new TanstackQueryDevtools({
-    client: client,
-    queryFlavor: 'React Query',
-    version: '5',
-    onlineManager,
-    buttonPosition,
-    position,
-    initialIsOpen,
-    errorTypes
-  }));
-  useEffect(() => {
-    devtools.setClient(client);
-  }, [client, 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(() => {
-    if (ref.current) {
-      devtools.mount(ref.current);
-    }
-    return () => {
-      devtools.unmount();
-    };
-  }, [devtools]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  });
-}
-function ReactQueryDevtoolsProd(_props) {
-  return null;
-}
-const ReactQueryDevtools = process.env.NODE_ENV !== 'development' ? ReactQueryDevtoolsProd : ReactQueryDevtoolsDev;
-
-export { ReactQueryDevtools };
-//# sourceMappingURL=devtools.legacy.js.map

package/build/lib/devtools.legacy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.legacy.js","sources":["../../src/devtools.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport React from 'react'\nimport type {\n  DevToolsErrorType,\n  DevtoolsButtonPosition,\n  DevtoolsPosition,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\nexport interface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the React Query logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n   * Defaults to 'bottom-left'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to 'bottom'.\n   */\n  position?: DevtoolsPosition\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?: DevToolsErrorType[]\n}\n\nfunction ReactQueryDevtoolsDev(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient()\n  const client = props.client || queryClient\n  const ref = useRef<HTMLDivElement>(null)\n  const { buttonPosition, position, initialIsOpen, errorTypes } = props\n  const [devtools] = useState(\n    new TanstackQueryDevtools({\n      client: client,\n      queryFlavor: 'React Query',\n      version: '5',\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n    }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(client)\n  }, [client, devtools])\n\n  useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return <div ref={ref}></div>\n}\n\nfunction ReactQueryDevtoolsProd(\n  _props: DevtoolsOptions,\n): React.ReactElement | null {\n  return null\n}\n\nexport const ReactQueryDevtools: typeof ReactQueryDevtoolsDev =\n  process.env.NODE_ENV !== 'development'\n    ? ReactQueryDevtoolsProd\n    : ReactQueryDevtoolsDev\n"],"names":["errorTypes","client","queryFlavor","version","useEffect","devtools","ref","ReactQueryDevtools"],"mappings":";;;;;AAuCA;AAGE;AACA;AACA;;;;;AACiDA;AAAW;;AAGxDC;AACAC;AACAC;;;;;AAKAH;AACF;AAGFI;AACEC;AACF;AAEAD;AACE;AACEC;AACF;AACF;AAEAD;AACE;AACEC;AACF;AACF;AAEAD;AACEC;AACF;AAEAD;AACEC;AACF;AAEAD;;AAEIC;AACF;AAEA;;;AAGF;;AAEYC;AAAS;AACvB;AAEA;AAGE;AACF;AAEaC;;"}

package/build/lib/index.cjs

@@ -1,18 +0,0 @@
-'use client';
-'use strict';
-
-var devtools = require('./devtools.cjs');
-
-const ReactQueryDevtools = process.env.NODE_ENV !== 'development' ? function () {
-  return null;
-} : devtools.ReactQueryDevtools;
-
-// export const ReactQueryDevtoolsPanel: (typeof devtools)['ReactQueryDevtoolsPanel'] =
-//   process.env.NODE_ENV !== 'development'
-//     ? (function () {
-//         return null
-//       } as any)
-//     : devtools.ReactQueryDevtoolsPanel
-
-exports.ReactQueryDevtools = ReactQueryDevtools;
-//# sourceMappingURL=index.cjs.map

package/build/lib/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : devtools.ReactQueryDevtools\n\n// export const ReactQueryDevtoolsPanel: (typeof devtools)['ReactQueryDevtoolsPanel'] =\n//   process.env.NODE_ENV !== 'development'\n//     ? (function () {\n//         return null\n//       } as any)\n//     : devtools.ReactQueryDevtoolsPanel\n"],"names":[],"mappings":";;;;;AAIO;AAGC;AACF;;AAGN;AACA;AACA;AACA;AACA;AACA;;"}

package/build/lib/index.d.ts

@@ -1,3 +0,0 @@
-import * as devtools from './devtools';
-export declare const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'];
-//# sourceMappingURL=index.d.ts.map

package/build/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AAEtC,eAAO,MAAM,kBAAkB,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,oBAAoB,CAKtC,CAAA"}

package/build/lib/index.js

@@ -1,16 +0,0 @@
-'use client';
-import { ReactQueryDevtools as ReactQueryDevtools$1 } from './devtools.js';
-
-const ReactQueryDevtools = process.env.NODE_ENV !== 'development' ? function () {
-  return null;
-} : ReactQueryDevtools$1;
-
-// export const ReactQueryDevtoolsPanel: (typeof devtools)['ReactQueryDevtoolsPanel'] =
-//   process.env.NODE_ENV !== 'development'
-//     ? (function () {
-//         return null
-//       } as any)
-//     : devtools.ReactQueryDevtoolsPanel
-
-export { ReactQueryDevtools };
-//# sourceMappingURL=index.js.map

package/build/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : devtools.ReactQueryDevtools\n\n// export const ReactQueryDevtoolsPanel: (typeof devtools)['ReactQueryDevtoolsPanel'] =\n//   process.env.NODE_ENV !== 'development'\n//     ? (function () {\n//         return null\n//       } as any)\n//     : devtools.ReactQueryDevtoolsPanel\n"],"names":[],"mappings":";;;AAIO;AAGC;AACF;;AAGN;AACA;AACA;AACA;AACA;AACA;;"}

package/build/lib/index.legacy.cjs

@@ -1,18 +0,0 @@
-'use client';
-'use strict';
-
-var devtools = require('./devtools.legacy.cjs');
-
-const ReactQueryDevtools = process.env.NODE_ENV !== 'development' ? function () {
-  return null;
-} : devtools.ReactQueryDevtools;
-
-// export const ReactQueryDevtoolsPanel: (typeof devtools)['ReactQueryDevtoolsPanel'] =
-//   process.env.NODE_ENV !== 'development'
-//     ? (function () {
-//         return null
-//       } as any)
-//     : devtools.ReactQueryDevtoolsPanel
-
-exports.ReactQueryDevtools = ReactQueryDevtools;
-//# sourceMappingURL=index.legacy.cjs.map