@tanstack/query-devtools 5.102.4 → 5.102.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.d.cts CHANGED
@@ -1,6 +1,5 @@
1
- import "solid-js";
2
1
  import { Query, QueryClient, onlineManager } from "@tanstack/query-core";
3
- //#region src/contexts/QueryDevtoolsContext.d.ts
2
+ //#region src/contexts/types.d.ts
4
3
  type XPosition = 'left' | 'right';
5
4
  type YPosition = 'top' | 'bottom';
6
5
  type DevtoolsPosition = XPosition | YPosition;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","names":[],"sources":["../src/contexts/QueryDevtoolsContext.ts","../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"mappings":";;;KAGK;KACA;KACO,mBAAmB,YAAY;KAC/B,4BAA4B,aAAa;KACzC;UAEK;;;;EAIf;;;;EAIA,cAAc,OAAO,UAAU;;UAGhB;WACN,QAAQ;EACjB;EACA;EACA,sBAAsB;EAEtB,iBAAiB;EACjB,WAAW;EACX;EACA,aAAa,MAAM;EACnB,kBAAkB;EAClB;EACA;EACA,QAAQ;;;;UChBO,oCAAoC;EACnD;EACA,kBAAkB;;cAGd;;EAiBQ,YAAA,QAAQ;EA6BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA0DjC;;;;UCrIe,yCAAyC;EACxD;EACA,kBAAkB;EAClB;;cAGI;;EAkBQ,YAAA,QAAQ;EA+BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,WAAW;EAIX,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA8DjC"}
1
+ {"version":3,"file":"index.d.cts","names":[],"sources":["../src/contexts/types.ts","../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"mappings":";;KAEK;KACA;KAEO,mBAAmB,YAAY;KAC/B,4BAA4B,aAAa;KACzC;UAEK;;;;EAIf;;;;EAIA,cAAc,OAAO,UAAU;;UAGhB;WACN,QAAQ;EACjB;EACA;EACA,sBAAsB;EAEtB,iBAAiB;EACjB,WAAW;EACX;EACA,aAAa,MAAM;EACnB,kBAAkB;EAClB;EACA;EACA,QAAQ;;;;UChBO,oCAAoC;EACnD;EACA,kBAAkB;;cAGd;;EAiBQ,YAAA,QAAQ;EA6BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA0DjC;;;;UCrIe,yCAAyC;EACxD;EACA,kBAAkB;EAClB;;cAGI;;EAkBQ,YAAA,QAAQ;EA+BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,WAAW;EAIX,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA8DjC"}
package/build/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import "solid-js";
2
1
  import { Query, QueryClient, onlineManager } from "@tanstack/query-core";
3
- //#region src/contexts/QueryDevtoolsContext.d.ts
2
+ //#region src/contexts/types.d.ts
4
3
  type XPosition = 'left' | 'right';
5
4
  type YPosition = 'top' | 'bottom';
6
5
  type DevtoolsPosition = XPosition | YPosition;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","names":[],"sources":["../src/contexts/QueryDevtoolsContext.ts","../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"mappings":";;;KAGK;KACA;KACO,mBAAmB,YAAY;KAC/B,4BAA4B,aAAa;KACzC;UAEK;;;;EAIf;;;;EAIA,cAAc,OAAO,UAAU;;UAGhB;WACN,QAAQ;EACjB;EACA;EACA,sBAAsB;EAEtB,iBAAiB;EACjB,WAAW;EACX;EACA,aAAa,MAAM;EACnB,kBAAkB;EAClB;EACA;EACA,QAAQ;;;;UChBO,oCAAoC;EACnD;EACA,kBAAkB;;cAGd;;EAiBQ,YAAA,QAAQ;EA6BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA0DjC;;;;UCrIe,yCAAyC;EACxD;EACA,kBAAkB;EAClB;;cAGI;;EAkBQ,YAAA,QAAQ;EA+BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,WAAW;EAIX,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA8DjC"}
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../src/contexts/types.ts","../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"mappings":";;KAEK;KACA;KAEO,mBAAmB,YAAY;KAC/B,4BAA4B,aAAa;KACzC;UAEK;;;;EAIf;;;;EAIA,cAAc,OAAO,UAAU;;UAGhB;WACN,QAAQ;EACjB;EACA;EACA,sBAAsB;EAEtB,iBAAiB;EACjB,WAAW;EACX;EACA,aAAa,MAAM;EACnB,kBAAkB;EAClB;EACA;EACA,QAAQ;;;;UChBO,oCAAoC;EACnD;EACA,kBAAkB;;cAGd;;EAiBQ,YAAA,QAAQ;EA6BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA0DjC;;;;UCrIe,yCAAyC;EACxD;EACA,kBAAkB;EAClB;;cAGI;;EAkBQ,YAAA,QAAQ;EA+BpB,kBAAkB,UAAU;EAI5B,YAAY,UAAU;EAItB,iBAAiB;EAIjB,cAAc,YAAY,MAAM;EAIhC,UAAU,QAAQ;EAIlB,WAAW;EAIX,SAAS,QAAQ;EAIjB,MAAM,UAAU,aAAa,IAAI;EA8DjC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["render","createSignal","lazy","setupStyleSheet","QueryClient","onlineManager","TOnlineManager","DevtoolsComponentType","DevtoolsButtonPosition","DevtoolsErrorType","DevtoolsPosition","QueryDevtoolsProps","Theme","Signal","TanstackQueryDevtoolsConfig","styleNonce","shadowDOMTarget","ShadowRoot","TanstackQueryDevtools","client","queryFlavor","version","isMounted","buttonPosition","position","initialIsOpen","errorTypes","Array","hideDisabledQueries","Component","theme","dispose","constructor","config","setButtonPosition","setPosition","setInitialIsOpen","isOpen","setErrorTypes","setClient","setTheme","mount","HTMLElement","el","T","Error","_self$","btnPosition","pos","errors","queryClient","Devtools","_$createComponent","_$mergeProps","unmount","render","createSignal","lazy","setupStyleSheet","QueryClient","onlineManager","TOnlineManager","DevtoolsComponentType","DevtoolsButtonPosition","DevtoolsErrorType","DevtoolsPosition","QueryDevtoolsProps","Theme","Signal","TanstackQueryDevtoolsPanelConfig","styleNonce","shadowDOMTarget","ShadowRoot","onClose","TanstackQueryDevtoolsPanel","client","queryFlavor","version","isMounted","buttonPosition","position","initialIsOpen","errorTypes","Array","hideDisabledQueries","Component","theme","dispose","constructor","config","setButtonPosition","setPosition","setInitialIsOpen","isOpen","setErrorTypes","setClient","setOnClose","setTheme","mount","HTMLElement","el","T","Error","_self$","btnPosition","pos","errors","queryClient","Devtools","_$createComponent","_$mergeProps","unmount"],"sources":["../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"sourcesContent":["import { render } from 'solid-js/web'\nimport { createSignal, lazy } from 'solid-js'\nimport { setupStyleSheet } from './utils'\nimport type {\n QueryClient,\n onlineManager as TOnlineManager,\n} from '@tanstack/query-core'\nimport type { DevtoolsComponentType } from './Devtools'\nimport type {\n DevtoolsButtonPosition,\n DevtoolsErrorType,\n DevtoolsPosition,\n QueryDevtoolsProps,\n Theme,\n} from './contexts'\nimport type { Signal } from 'solid-js'\n\nexport interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {\n styleNonce?: string\n shadowDOMTarget?: ShadowRoot\n}\n\nclass TanstackQueryDevtools {\n #client: Signal<QueryClient>\n #onlineManager: typeof TOnlineManager\n #queryFlavor: string\n #version: string\n #isMounted = false\n #styleNonce?: string\n #shadowDOMTarget?: ShadowRoot\n #buttonPosition: Signal<DevtoolsButtonPosition | undefined>\n #position: Signal<DevtoolsPosition | undefined>\n #initialIsOpen: Signal<boolean | undefined>\n #errorTypes: Signal<Array<DevtoolsErrorType> | undefined>\n #hideDisabledQueries: Signal<boolean | undefined>\n #Component: DevtoolsComponentType | undefined\n #theme: Signal<Theme | undefined>\n #dispose?: () => void\n\n constructor(config: TanstackQueryDevtoolsConfig) {\n const {\n client,\n queryFlavor,\n version,\n onlineManager,\n buttonPosition,\n position,\n initialIsOpen,\n errorTypes,\n styleNonce,\n shadowDOMTarget,\n hideDisabledQueries,\n theme,\n } = config\n this.#client = createSignal(client)\n this.#queryFlavor = queryFlavor\n this.#version = version\n this.#onlineManager = onlineManager\n this.#styleNonce = styleNonce\n this.#shadowDOMTarget = shadowDOMTarget\n this.#buttonPosition = createSignal(buttonPosition)\n this.#position = createSignal(position)\n this.#initialIsOpen = createSignal(initialIsOpen)\n this.#errorTypes = createSignal(errorTypes)\n this.#hideDisabledQueries = createSignal(hideDisabledQueries)\n this.#theme = createSignal(theme)\n }\n\n setButtonPosition(position: DevtoolsButtonPosition) {\n this.#buttonPosition[1](position)\n }\n\n setPosition(position: DevtoolsPosition) {\n this.#position[1](position)\n }\n\n setInitialIsOpen(isOpen: boolean) {\n this.#initialIsOpen[1](isOpen)\n }\n\n setErrorTypes(errorTypes: Array<DevtoolsErrorType>) {\n this.#errorTypes[1](errorTypes)\n }\n\n setClient(client: QueryClient) {\n this.#client[1](client)\n }\n\n setTheme(theme?: Theme) {\n this.#theme[1](theme)\n }\n\n mount<T extends HTMLElement>(el: T) {\n if (this.#isMounted) {\n throw new Error('Devtools is already mounted')\n }\n const dispose = render(() => {\n const [btnPosition] = this.#buttonPosition\n const [pos] = this.#position\n const [isOpen] = this.#initialIsOpen\n const [errors] = this.#errorTypes\n const [hideDisabledQueries] = this.#hideDisabledQueries\n const [queryClient] = this.#client\n const [theme] = this.#theme\n let Devtools: DevtoolsComponentType\n\n if (this.#Component) {\n Devtools = this.#Component\n } else {\n Devtools = lazy(() => import('./DevtoolsComponent'))\n this.#Component = Devtools\n }\n\n setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget)\n return (\n <Devtools\n queryFlavor={this.#queryFlavor}\n version={this.#version}\n onlineManager={this.#onlineManager}\n shadowDOMTarget={this.#shadowDOMTarget}\n {...{\n get client() {\n return queryClient()\n },\n get buttonPosition() {\n return btnPosition()\n },\n get position() {\n return pos()\n },\n get initialIsOpen() {\n return isOpen()\n },\n get errorTypes() {\n return errors()\n },\n get hideDisabledQueries() {\n return hideDisabledQueries()\n },\n get theme() {\n return theme()\n },\n }}\n />\n )\n }, el)\n this.#isMounted = true\n this.#dispose = dispose\n }\n\n unmount() {\n if (!this.#isMounted) {\n throw new Error('Devtools is not mounted')\n }\n this.#dispose?.()\n this.#isMounted = false\n }\n}\n\nexport { TanstackQueryDevtools }\n","import { render } from 'solid-js/web'\nimport { createSignal, lazy } from 'solid-js'\nimport { setupStyleSheet } from './utils'\nimport type {\n QueryClient,\n onlineManager as TOnlineManager,\n} from '@tanstack/query-core'\nimport type { DevtoolsComponentType } from './Devtools'\nimport type {\n DevtoolsButtonPosition,\n DevtoolsErrorType,\n DevtoolsPosition,\n QueryDevtoolsProps,\n Theme,\n} from './contexts'\nimport type { Signal } from 'solid-js'\n\nexport interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps {\n styleNonce?: string\n shadowDOMTarget?: ShadowRoot\n onClose?: () => void\n}\n\nclass TanstackQueryDevtoolsPanel {\n #client: Signal<QueryClient>\n #onlineManager: typeof TOnlineManager\n #queryFlavor: string\n #version: string\n #isMounted = false\n #styleNonce?: string\n #shadowDOMTarget?: ShadowRoot\n #buttonPosition: Signal<DevtoolsButtonPosition | undefined>\n #position: Signal<DevtoolsPosition | undefined>\n #initialIsOpen: Signal<boolean | undefined>\n #errorTypes: Signal<Array<DevtoolsErrorType> | undefined>\n #hideDisabledQueries: Signal<boolean | undefined>\n #onClose: Signal<(() => void) | undefined>\n #Component: DevtoolsComponentType | undefined\n #theme: Signal<Theme | undefined>\n #dispose?: () => void\n\n constructor(config: TanstackQueryDevtoolsPanelConfig) {\n const {\n client,\n queryFlavor,\n version,\n onlineManager,\n buttonPosition,\n position,\n initialIsOpen,\n errorTypes,\n styleNonce,\n shadowDOMTarget,\n onClose,\n hideDisabledQueries,\n theme,\n } = config\n this.#client = createSignal(client)\n this.#queryFlavor = queryFlavor\n this.#version = version\n this.#onlineManager = onlineManager\n this.#styleNonce = styleNonce\n this.#shadowDOMTarget = shadowDOMTarget\n this.#buttonPosition = createSignal(buttonPosition)\n this.#position = createSignal(position)\n this.#initialIsOpen = createSignal(initialIsOpen)\n this.#errorTypes = createSignal(errorTypes)\n this.#hideDisabledQueries = createSignal(hideDisabledQueries)\n this.#onClose = createSignal(onClose)\n this.#theme = createSignal(theme)\n }\n\n setButtonPosition(position: DevtoolsButtonPosition) {\n this.#buttonPosition[1](position)\n }\n\n setPosition(position: DevtoolsPosition) {\n this.#position[1](position)\n }\n\n setInitialIsOpen(isOpen: boolean) {\n this.#initialIsOpen[1](isOpen)\n }\n\n setErrorTypes(errorTypes: Array<DevtoolsErrorType>) {\n this.#errorTypes[1](errorTypes)\n }\n\n setClient(client: QueryClient) {\n this.#client[1](client)\n }\n\n setOnClose(onClose: () => void) {\n this.#onClose[1](() => onClose)\n }\n\n setTheme(theme?: Theme) {\n this.#theme[1](theme)\n }\n\n mount<T extends HTMLElement>(el: T) {\n if (this.#isMounted) {\n throw new Error('Devtools is already mounted')\n }\n const dispose = render(() => {\n const [btnPosition] = this.#buttonPosition\n const [pos] = this.#position\n const [isOpen] = this.#initialIsOpen\n const [errors] = this.#errorTypes\n const [hideDisabledQueries] = this.#hideDisabledQueries\n const [queryClient] = this.#client\n const [onClose] = this.#onClose\n const [theme] = this.#theme\n let Devtools: DevtoolsComponentType\n\n if (this.#Component) {\n Devtools = this.#Component\n } else {\n Devtools = lazy(() => import('./DevtoolsPanelComponent'))\n this.#Component = Devtools\n }\n\n setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget)\n return (\n <Devtools\n queryFlavor={this.#queryFlavor}\n version={this.#version}\n onlineManager={this.#onlineManager}\n shadowDOMTarget={this.#shadowDOMTarget}\n {...{\n get client() {\n return queryClient()\n },\n get buttonPosition() {\n return btnPosition()\n },\n get position() {\n return pos()\n },\n get initialIsOpen() {\n return isOpen()\n },\n get errorTypes() {\n return errors()\n },\n get hideDisabledQueries() {\n return hideDisabledQueries()\n },\n get onClose() {\n return onClose()\n },\n get theme() {\n return theme()\n },\n }}\n />\n )\n }, el)\n this.#isMounted = true\n this.#dispose = dispose\n }\n\n unmount() {\n if (!this.#isMounted) {\n throw new Error('Devtools is not mounted')\n }\n this.#dispose?.()\n this.#isMounted = false\n }\n}\n\nexport { TanstackQueryDevtoolsPanel }\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["render","createSignal","lazy","setupStyleSheet","QueryClient","onlineManager","TOnlineManager","DevtoolsComponentType","DevtoolsButtonPosition","DevtoolsErrorType","DevtoolsPosition","QueryDevtoolsProps","Theme","Signal","TanstackQueryDevtoolsConfig","styleNonce","shadowDOMTarget","ShadowRoot","TanstackQueryDevtools","client","queryFlavor","version","isMounted","buttonPosition","position","initialIsOpen","errorTypes","Array","hideDisabledQueries","Component","theme","dispose","constructor","config","setButtonPosition","setPosition","setInitialIsOpen","isOpen","setErrorTypes","setClient","setTheme","mount","HTMLElement","el","T","Error","_self$","btnPosition","pos","errors","queryClient","Devtools","_$createComponent","_$mergeProps","unmount","render","createSignal","lazy","setupStyleSheet","QueryClient","onlineManager","TOnlineManager","DevtoolsComponentType","DevtoolsButtonPosition","DevtoolsErrorType","DevtoolsPosition","QueryDevtoolsProps","Theme","Signal","TanstackQueryDevtoolsPanelConfig","styleNonce","shadowDOMTarget","ShadowRoot","onClose","TanstackQueryDevtoolsPanel","client","queryFlavor","version","isMounted","buttonPosition","position","initialIsOpen","errorTypes","Array","hideDisabledQueries","Component","theme","dispose","constructor","config","setButtonPosition","setPosition","setInitialIsOpen","isOpen","setErrorTypes","setClient","setOnClose","setTheme","mount","HTMLElement","el","T","Error","_self$","btnPosition","pos","errors","queryClient","Devtools","_$createComponent","_$mergeProps","unmount"],"sources":["../src/TanstackQueryDevtools.tsx","../src/TanstackQueryDevtoolsPanel.tsx"],"sourcesContent":["import { render } from 'solid-js/web'\nimport { createSignal, lazy } from 'solid-js'\nimport { setupStyleSheet } from './utils'\nimport type {\n QueryClient,\n onlineManager as TOnlineManager,\n} from '@tanstack/query-core'\nimport type { DevtoolsComponentType } from './Devtools'\nimport type {\n DevtoolsButtonPosition,\n DevtoolsErrorType,\n DevtoolsPosition,\n QueryDevtoolsProps,\n Theme,\n} from './contexts/types'\nimport type { Signal } from 'solid-js'\n\nexport interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {\n styleNonce?: string\n shadowDOMTarget?: ShadowRoot\n}\n\nclass TanstackQueryDevtools {\n #client: Signal<QueryClient>\n #onlineManager: typeof TOnlineManager\n #queryFlavor: string\n #version: string\n #isMounted = false\n #styleNonce?: string\n #shadowDOMTarget?: ShadowRoot\n #buttonPosition: Signal<DevtoolsButtonPosition | undefined>\n #position: Signal<DevtoolsPosition | undefined>\n #initialIsOpen: Signal<boolean | undefined>\n #errorTypes: Signal<Array<DevtoolsErrorType> | undefined>\n #hideDisabledQueries: Signal<boolean | undefined>\n #Component: DevtoolsComponentType | undefined\n #theme: Signal<Theme | undefined>\n #dispose?: () => void\n\n constructor(config: TanstackQueryDevtoolsConfig) {\n const {\n client,\n queryFlavor,\n version,\n onlineManager,\n buttonPosition,\n position,\n initialIsOpen,\n errorTypes,\n styleNonce,\n shadowDOMTarget,\n hideDisabledQueries,\n theme,\n } = config\n this.#client = createSignal(client)\n this.#queryFlavor = queryFlavor\n this.#version = version\n this.#onlineManager = onlineManager\n this.#styleNonce = styleNonce\n this.#shadowDOMTarget = shadowDOMTarget\n this.#buttonPosition = createSignal(buttonPosition)\n this.#position = createSignal(position)\n this.#initialIsOpen = createSignal(initialIsOpen)\n this.#errorTypes = createSignal(errorTypes)\n this.#hideDisabledQueries = createSignal(hideDisabledQueries)\n this.#theme = createSignal(theme)\n }\n\n setButtonPosition(position: DevtoolsButtonPosition) {\n this.#buttonPosition[1](position)\n }\n\n setPosition(position: DevtoolsPosition) {\n this.#position[1](position)\n }\n\n setInitialIsOpen(isOpen: boolean) {\n this.#initialIsOpen[1](isOpen)\n }\n\n setErrorTypes(errorTypes: Array<DevtoolsErrorType>) {\n this.#errorTypes[1](errorTypes)\n }\n\n setClient(client: QueryClient) {\n this.#client[1](client)\n }\n\n setTheme(theme?: Theme) {\n this.#theme[1](theme)\n }\n\n mount<T extends HTMLElement>(el: T) {\n if (this.#isMounted) {\n throw new Error('Devtools is already mounted')\n }\n const dispose = render(() => {\n const [btnPosition] = this.#buttonPosition\n const [pos] = this.#position\n const [isOpen] = this.#initialIsOpen\n const [errors] = this.#errorTypes\n const [hideDisabledQueries] = this.#hideDisabledQueries\n const [queryClient] = this.#client\n const [theme] = this.#theme\n let Devtools: DevtoolsComponentType\n\n if (this.#Component) {\n Devtools = this.#Component\n } else {\n Devtools = lazy(() => import('./DevtoolsComponent'))\n this.#Component = Devtools\n }\n\n setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget)\n return (\n <Devtools\n queryFlavor={this.#queryFlavor}\n version={this.#version}\n onlineManager={this.#onlineManager}\n shadowDOMTarget={this.#shadowDOMTarget}\n {...{\n get client() {\n return queryClient()\n },\n get buttonPosition() {\n return btnPosition()\n },\n get position() {\n return pos()\n },\n get initialIsOpen() {\n return isOpen()\n },\n get errorTypes() {\n return errors()\n },\n get hideDisabledQueries() {\n return hideDisabledQueries()\n },\n get theme() {\n return theme()\n },\n }}\n />\n )\n }, el)\n this.#isMounted = true\n this.#dispose = dispose\n }\n\n unmount() {\n if (!this.#isMounted) {\n throw new Error('Devtools is not mounted')\n }\n this.#dispose?.()\n this.#isMounted = false\n }\n}\n\nexport { TanstackQueryDevtools }\n","import { render } from 'solid-js/web'\nimport { createSignal, lazy } from 'solid-js'\nimport { setupStyleSheet } from './utils'\nimport type {\n QueryClient,\n onlineManager as TOnlineManager,\n} from '@tanstack/query-core'\nimport type { DevtoolsComponentType } from './Devtools'\nimport type {\n DevtoolsButtonPosition,\n DevtoolsErrorType,\n DevtoolsPosition,\n QueryDevtoolsProps,\n Theme,\n} from './contexts/types'\nimport type { Signal } from 'solid-js'\n\nexport interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps {\n styleNonce?: string\n shadowDOMTarget?: ShadowRoot\n onClose?: () => void\n}\n\nclass TanstackQueryDevtoolsPanel {\n #client: Signal<QueryClient>\n #onlineManager: typeof TOnlineManager\n #queryFlavor: string\n #version: string\n #isMounted = false\n #styleNonce?: string\n #shadowDOMTarget?: ShadowRoot\n #buttonPosition: Signal<DevtoolsButtonPosition | undefined>\n #position: Signal<DevtoolsPosition | undefined>\n #initialIsOpen: Signal<boolean | undefined>\n #errorTypes: Signal<Array<DevtoolsErrorType> | undefined>\n #hideDisabledQueries: Signal<boolean | undefined>\n #onClose: Signal<(() => void) | undefined>\n #Component: DevtoolsComponentType | undefined\n #theme: Signal<Theme | undefined>\n #dispose?: () => void\n\n constructor(config: TanstackQueryDevtoolsPanelConfig) {\n const {\n client,\n queryFlavor,\n version,\n onlineManager,\n buttonPosition,\n position,\n initialIsOpen,\n errorTypes,\n styleNonce,\n shadowDOMTarget,\n onClose,\n hideDisabledQueries,\n theme,\n } = config\n this.#client = createSignal(client)\n this.#queryFlavor = queryFlavor\n this.#version = version\n this.#onlineManager = onlineManager\n this.#styleNonce = styleNonce\n this.#shadowDOMTarget = shadowDOMTarget\n this.#buttonPosition = createSignal(buttonPosition)\n this.#position = createSignal(position)\n this.#initialIsOpen = createSignal(initialIsOpen)\n this.#errorTypes = createSignal(errorTypes)\n this.#hideDisabledQueries = createSignal(hideDisabledQueries)\n this.#onClose = createSignal(onClose)\n this.#theme = createSignal(theme)\n }\n\n setButtonPosition(position: DevtoolsButtonPosition) {\n this.#buttonPosition[1](position)\n }\n\n setPosition(position: DevtoolsPosition) {\n this.#position[1](position)\n }\n\n setInitialIsOpen(isOpen: boolean) {\n this.#initialIsOpen[1](isOpen)\n }\n\n setErrorTypes(errorTypes: Array<DevtoolsErrorType>) {\n this.#errorTypes[1](errorTypes)\n }\n\n setClient(client: QueryClient) {\n this.#client[1](client)\n }\n\n setOnClose(onClose: () => void) {\n this.#onClose[1](() => onClose)\n }\n\n setTheme(theme?: Theme) {\n this.#theme[1](theme)\n }\n\n mount<T extends HTMLElement>(el: T) {\n if (this.#isMounted) {\n throw new Error('Devtools is already mounted')\n }\n const dispose = render(() => {\n const [btnPosition] = this.#buttonPosition\n const [pos] = this.#position\n const [isOpen] = this.#initialIsOpen\n const [errors] = this.#errorTypes\n const [hideDisabledQueries] = this.#hideDisabledQueries\n const [queryClient] = this.#client\n const [onClose] = this.#onClose\n const [theme] = this.#theme\n let Devtools: DevtoolsComponentType\n\n if (this.#Component) {\n Devtools = this.#Component\n } else {\n Devtools = lazy(() => import('./DevtoolsPanelComponent'))\n this.#Component = Devtools\n }\n\n setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget)\n return (\n <Devtools\n queryFlavor={this.#queryFlavor}\n version={this.#version}\n onlineManager={this.#onlineManager}\n shadowDOMTarget={this.#shadowDOMTarget}\n {...{\n get client() {\n return queryClient()\n },\n get buttonPosition() {\n return btnPosition()\n },\n get position() {\n return pos()\n },\n get initialIsOpen() {\n return isOpen()\n },\n get errorTypes() {\n return errors()\n },\n get hideDisabledQueries() {\n return hideDisabledQueries()\n },\n get onClose() {\n return onClose()\n },\n get theme() {\n return theme()\n },\n }}\n />\n )\n }, el)\n this.#isMounted = true\n this.#dispose = dispose\n }\n\n unmount() {\n if (!this.#isMounted) {\n throw new Error('Devtools is not mounted')\n }\n this.#dispose?.()\n this.#isMounted = false\n }\n}\n\nexport { TanstackQueryDevtoolsPanel }\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/query-devtools",
3
- "version": "5.102.4",
3
+ "version": "5.102.5",
4
4
  "description": "Developer tools to interact with and visualize the TanStack Query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -58,7 +58,7 @@
58
58
  "superjson": "^2.2.2",
59
59
  "unplugin-solid": "^2.0.0",
60
60
  "vite-plugin-solid": "^2.11.6",
61
- "@tanstack/query-core": "5.102.4"
61
+ "@tanstack/query-core": "5.102.5"
62
62
  },
63
63
  "scripts": {
64
64
  "clean": "premove ./build ./coverage ./dist-ts",
@@ -12,7 +12,7 @@ import type {
12
12
  DevtoolsPosition,
13
13
  QueryDevtoolsProps,
14
14
  Theme,
15
- } from './contexts'
15
+ } from './contexts/types'
16
16
  import type { Signal } from 'solid-js'
17
17
 
18
18
  export interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {
@@ -12,7 +12,7 @@ import type {
12
12
  DevtoolsPosition,
13
13
  QueryDevtoolsProps,
14
14
  Theme,
15
- } from './contexts'
15
+ } from './contexts/types'
16
16
  import type { Signal } from 'solid-js'
17
17
 
18
18
  export interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps {
@@ -1,38 +1,14 @@
1
1
  import { createContext, useContext } from 'solid-js'
2
- import type { Query, QueryClient, onlineManager } from '@tanstack/query-core'
2
+ import type { QueryClient, onlineManager } from '@tanstack/query-core'
3
+ import type { QueryDevtoolsProps } from './types'
3
4
 
4
- type XPosition = 'left' | 'right'
5
- type YPosition = 'top' | 'bottom'
6
- export type DevtoolsPosition = XPosition | YPosition
7
- export type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative'
8
- export type Theme = 'dark' | 'light' | 'system'
9
-
10
- export interface DevtoolsErrorType {
11
- /**
12
- * The name of the error.
13
- */
14
- name: string
15
- /**
16
- * How the error is initialized.
17
- */
18
- initializer: (query: Query) => Error
19
- }
20
-
21
- export interface QueryDevtoolsProps {
22
- readonly client: QueryClient
23
- queryFlavor: string
24
- version: string
25
- onlineManager: typeof onlineManager
26
-
27
- buttonPosition?: DevtoolsButtonPosition
28
- position?: DevtoolsPosition
29
- initialIsOpen?: boolean
30
- errorTypes?: Array<DevtoolsErrorType>
31
- shadowDOMTarget?: ShadowRoot
32
- onClose?: () => void
33
- hideDisabledQueries?: boolean
34
- theme?: Theme
35
- }
5
+ export type {
6
+ DevtoolsButtonPosition,
7
+ DevtoolsErrorType,
8
+ DevtoolsPosition,
9
+ QueryDevtoolsProps,
10
+ Theme,
11
+ } from './types'
36
12
 
37
13
  export const QueryDevtoolsContext = createContext<QueryDevtoolsProps>({
38
14
  client: undefined as unknown as QueryClient,
@@ -0,0 +1,35 @@
1
+ import type { Query, QueryClient, onlineManager } from '@tanstack/query-core'
2
+
3
+ type XPosition = 'left' | 'right'
4
+ type YPosition = 'top' | 'bottom'
5
+
6
+ export type DevtoolsPosition = XPosition | YPosition
7
+ export type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative'
8
+ export type Theme = 'dark' | 'light' | 'system'
9
+
10
+ export interface DevtoolsErrorType {
11
+ /**
12
+ * The name of the error.
13
+ */
14
+ name: string
15
+ /**
16
+ * How the error is initialized.
17
+ */
18
+ initializer: (query: Query) => Error
19
+ }
20
+
21
+ export interface QueryDevtoolsProps {
22
+ readonly client: QueryClient
23
+ queryFlavor: string
24
+ version: string
25
+ onlineManager: typeof onlineManager
26
+
27
+ buttonPosition?: DevtoolsButtonPosition
28
+ position?: DevtoolsPosition
29
+ initialIsOpen?: boolean
30
+ errorTypes?: Array<DevtoolsErrorType>
31
+ shadowDOMTarget?: ShadowRoot
32
+ onClose?: () => void
33
+ hideDisabledQueries?: boolean
34
+ theme?: Theme
35
+ }
package/src/index.ts CHANGED
@@ -3,7 +3,7 @@ export type {
3
3
  DevtoolsErrorType,
4
4
  DevtoolsPosition,
5
5
  Theme,
6
- } from './contexts'
6
+ } from './contexts/types'
7
7
  export {
8
8
  TanstackQueryDevtools,
9
9
  type TanstackQueryDevtoolsConfig,