@tanstack/query-devtools 5.100.8 → 5.100.10

package/build/index.d.cts

@@ -1,8 +1,69 @@
-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';
+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?: () => void;
+    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?: () => 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;
+}
+
+export { type DevtoolsButtonPosition, type DevtoolsErrorType, type DevtoolsPosition, TanstackQueryDevtools, type TanstackQueryDevtoolsConfig, TanstackQueryDevtoolsPanel, type TanstackQueryDevtoolsPanelConfig, type Theme };

package/build/index.d.ts

@@ -1,8 +1,69 @@
-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';
+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?: () => void;
+    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?: () => 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;
+}
+
+export { type DevtoolsButtonPosition, type DevtoolsErrorType, type DevtoolsPosition, TanstackQueryDevtools, type TanstackQueryDevtoolsConfig, TanstackQueryDevtoolsPanel, type TanstackQueryDevtoolsPanelConfig, type Theme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/query-devtools",
-  "version": "5.100.8",
+  "version": "5.100.10",
   "description": "Developer tools to interact with and visualize the TanStack Query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -48,6 +48,7 @@
     "@solid-primitives/keyed": "^1.2.2",
     "@solid-primitives/resize-observer": "^2.0.26",
     "@solid-primitives/storage": "^1.3.11",
+    "@solidjs/testing-library": "^0.8.10",
     "@tanstack/match-sorter-utils": "^8.19.4",
     "clsx": "^2.1.1",
     "goober": "^2.1.16",
@@ -57,7 +58,7 @@
     "superjson": "^2.2.2",
     "tsup-preset-solid": "^2.2.0",
     "vite-plugin-solid": "^2.11.6",
-    "@tanstack/query-core": "5.100.8"
+    "@tanstack/query-core": "5.100.10"
   },
   "scripts": {
     "clean": "premove ./build ./coverage ./dist-ts",

package/src/TanstackQueryDevtoolsPanel.tsx

@@ -34,7 +34,7 @@ class TanstackQueryDevtoolsPanel {
   #initialIsOpen: Signal<boolean | undefined>
   #errorTypes: Signal<Array<DevtoolsErrorType> | undefined>
   #hideDisabledQueries: Signal<boolean | undefined>
-  #onClose: Signal<(() => unknown) | undefined>
+  #onClose: Signal<(() => void) | undefined>
   #Component: DevtoolsComponentType | undefined
   #theme: Signal<Theme | undefined>
   #dispose?: () => void
@@ -90,7 +90,7 @@ class TanstackQueryDevtoolsPanel {
     this.#client[1](client)
   }
 
-  setOnClose(onClose: () => unknown) {
+  setOnClose(onClose: () => void) {
     this.#onClose[1](() => onClose)
   }