@tanstack/query-devtools 5.102.3 → 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/Devtools-CFKbGy8Z.js.map +1 -1
- package/build/index.d.cts +1 -2
- package/build/index.d.cts.map +1 -1
- package/build/index.d.ts +1 -2
- package/build/index.d.ts.map +1 -1
- package/build/index.js.map +1 -1
- package/package.json +2 -2
- package/src/TanstackQueryDevtools.tsx +1 -1
- package/src/TanstackQueryDevtoolsPanel.tsx +1 -1
- package/src/contexts/QueryDevtoolsContext.ts +9 -33
- package/src/contexts/types.ts +35 -0
- package/src/index.ts +1 -1
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/
|
|
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;
|
package/build/index.d.cts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","names":[],"sources":["../src/contexts/
|
|
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/
|
|
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;
|
package/build/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/contexts/
|
|
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"}
|
package/build/index.js.map
CHANGED
|
@@ -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.
|
|
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.
|
|
61
|
+
"@tanstack/query-core": "5.102.5"
|
|
62
62
|
},
|
|
63
63
|
"scripts": {
|
|
64
64
|
"clean": "premove ./build ./coverage ./dist-ts",
|
|
@@ -1,38 +1,14 @@
|
|
|
1
1
|
import { createContext, useContext } from 'solid-js'
|
|
2
|
-
import type {
|
|
2
|
+
import type { QueryClient, onlineManager } from '@tanstack/query-core'
|
|
3
|
+
import type { QueryDevtoolsProps } from './types'
|
|
3
4
|
|
|
4
|
-
type
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
+
}
|