@tanstack/solid-query-devtools 5.90.4 → 5.91.1

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.
Files changed (15) hide show
  1. package/build/dev.cjs +10 -2
  2. package/build/dev.js +2 -2
  3. package/build/dev.jsx +2 -2
  4. package/build/devtools/{MBNQRPQY.jsx → 32HRKFKI.jsx} +5 -1
  5. package/build/devtools/{26ZM7NTG.js → BCD44V6M.js} +5 -1
  6. package/build/devtoolsPanel/{X4JVL7OJ.jsx → NDFIDQLQ.jsx} +5 -1
  7. package/build/devtoolsPanel/{ZSHM4KXR.js → VKJ7SILT.js} +5 -1
  8. package/build/index.cjs +10 -2
  9. package/build/index.d.cts +11 -1
  10. package/build/index.d.ts +11 -1
  11. package/build/index.js +2 -2
  12. package/build/index.jsx +2 -2
  13. package/package.json +4 -4
  14. package/src/devtools.tsx +11 -0
  15. package/src/devtoolsPanel.tsx +11 -1
package/build/dev.cjs CHANGED
@@ -35,7 +35,8 @@ function SolidQueryDevtools(props) {
35
35
  errorTypes: props.errorTypes,
36
36
  styleNonce: props.styleNonce,
37
37
  shadowDOMTarget: props.shadowDOMTarget,
38
- hideDisabledQueries: props.hideDisabledQueries
38
+ hideDisabledQueries: props.hideDisabledQueries,
39
+ theme: props.theme
39
40
  });
40
41
  solidJs.createEffect(() => {
41
42
  devtools.setClient(client());
@@ -58,6 +59,9 @@ function SolidQueryDevtools(props) {
58
59
  solidJs.createEffect(() => {
59
60
  devtools.setErrorTypes(props.errorTypes || []);
60
61
  });
62
+ solidJs.createEffect(() => {
63
+ devtools.setTheme(props.theme || "system");
64
+ });
61
65
  solidJs.onMount(() => {
62
66
  devtools.mount(ref);
63
67
  solidJs.onCleanup(() => devtools.unmount());
@@ -103,7 +107,8 @@ function SolidQueryDevtoolsPanel(props) {
103
107
  styleNonce,
104
108
  shadowDOMTarget,
105
109
  onClose: props.onClose,
106
- hideDisabledQueries
110
+ hideDisabledQueries,
111
+ theme: props.theme
107
112
  });
108
113
  solidJs.createEffect(() => {
109
114
  devtools.setClient(client());
@@ -115,6 +120,9 @@ function SolidQueryDevtoolsPanel(props) {
115
120
  solidJs.createEffect(() => {
116
121
  devtools.setErrorTypes(props.errorTypes || []);
117
122
  });
123
+ solidJs.createEffect(() => {
124
+ devtools.setTheme(props.theme || "system");
125
+ });
118
126
  solidJs.onMount(() => {
119
127
  devtools.mount(ref);
120
128
  solidJs.onCleanup(() => devtools.unmount());
package/build/dev.js CHANGED
@@ -18,10 +18,10 @@ function clientOnly(fn) {
18
18
  }
19
19
 
20
20
  // src/index.tsx
21
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/26ZM7NTG.js')) : function() {
21
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BCD44V6M.js')) : function() {
22
22
  return null;
23
23
  };
24
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/ZSHM4KXR.js')) : function() {
24
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/VKJ7SILT.js')) : function() {
25
25
  return null;
26
26
  };
27
27
 
package/build/dev.jsx CHANGED
@@ -30,10 +30,10 @@ function clientOnly(fn) {
30
30
  }
31
31
 
32
32
  // src/index.tsx
33
- var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/MBNQRPQY.jsx")) : function() {
33
+ var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/32HRKFKI.jsx")) : function() {
34
34
  return null;
35
35
  };
36
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/X4JVL7OJ.jsx")) : function() {
36
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/NDFIDQLQ.jsx")) : function() {
37
37
  return null;
38
38
  };
39
39
  export {
package/build/devtools/{MBNQRPQY.jsx → 32HRKFKI.jsx} RENAMED
@@ -17,7 +17,8 @@ function SolidQueryDevtools(props) {
17
17
  errorTypes: props.errorTypes,
18
18
  styleNonce: props.styleNonce,
19
19
  shadowDOMTarget: props.shadowDOMTarget,
20
- hideDisabledQueries: props.hideDisabledQueries
20
+ hideDisabledQueries: props.hideDisabledQueries,
21
+ theme: props.theme
21
22
  });
22
23
  createEffect(() => {
23
24
  devtools.setClient(client());
@@ -40,6 +41,9 @@ function SolidQueryDevtools(props) {
40
41
  createEffect(() => {
41
42
  devtools.setErrorTypes(props.errorTypes || []);
42
43
  });
44
+ createEffect(() => {
45
+ devtools.setTheme(props.theme || "system");
46
+ });
43
47
  onMount(() => {
44
48
  devtools.mount(ref);
45
49
  onCleanup(() => devtools.unmount());
package/build/devtools/{26ZM7NTG.js → BCD44V6M.js} RENAMED
@@ -20,7 +20,8 @@ function SolidQueryDevtools(props) {
20
20
  errorTypes: props.errorTypes,
21
21
  styleNonce: props.styleNonce,
22
22
  shadowDOMTarget: props.shadowDOMTarget,
23
- hideDisabledQueries: props.hideDisabledQueries
23
+ hideDisabledQueries: props.hideDisabledQueries,
24
+ theme: props.theme
24
25
  });
25
26
  createEffect(() => {
26
27
  devtools.setClient(client());
@@ -43,6 +44,9 @@ function SolidQueryDevtools(props) {
43
44
  createEffect(() => {
44
45
  devtools.setErrorTypes(props.errorTypes || []);
45
46
  });
47
+ createEffect(() => {
48
+ devtools.setTheme(props.theme || "system");
49
+ });
46
50
  onMount(() => {
47
51
  devtools.mount(ref);
48
52
  onCleanup(() => devtools.unmount());
package/build/devtoolsPanel/{X4JVL7OJ.jsx → NDFIDQLQ.jsx} RENAMED
@@ -19,7 +19,8 @@ function SolidQueryDevtoolsPanel(props) {
19
19
  styleNonce,
20
20
  shadowDOMTarget,
21
21
  onClose: props.onClose,
22
- hideDisabledQueries
22
+ hideDisabledQueries,
23
+ theme: props.theme
23
24
  });
24
25
  createEffect(() => {
25
26
  devtools.setClient(client());
@@ -31,6 +32,9 @@ function SolidQueryDevtoolsPanel(props) {
31
32
  createEffect(() => {
32
33
  devtools.setErrorTypes(props.errorTypes || []);
33
34
  });
35
+ createEffect(() => {
36
+ devtools.setTheme(props.theme || "system");
37
+ });
34
38
  onMount(() => {
35
39
  devtools.mount(ref);
36
40
  onCleanup(() => devtools.unmount());
package/build/devtoolsPanel/{ZSHM4KXR.js → VKJ7SILT.js} RENAMED
@@ -27,7 +27,8 @@ function SolidQueryDevtoolsPanel(props) {
27
27
  styleNonce,
28
28
  shadowDOMTarget,
29
29
  onClose: props.onClose,
30
- hideDisabledQueries
30
+ hideDisabledQueries,
31
+ theme: props.theme
31
32
  });
32
33
  createEffect(() => {
33
34
  devtools.setClient(client());
@@ -39,6 +40,9 @@ function SolidQueryDevtoolsPanel(props) {
39
40
  createEffect(() => {
40
41
  devtools.setErrorTypes(props.errorTypes || []);
41
42
  });
43
+ createEffect(() => {
44
+ devtools.setTheme(props.theme || "system");
45
+ });
42
46
  onMount(() => {
43
47
  devtools.mount(ref);
44
48
  onCleanup(() => devtools.unmount());
package/build/index.cjs CHANGED
@@ -35,7 +35,8 @@ function SolidQueryDevtools(props) {
35
35
  errorTypes: props.errorTypes,
36
36
  styleNonce: props.styleNonce,
37
37
  shadowDOMTarget: props.shadowDOMTarget,
38
- hideDisabledQueries: props.hideDisabledQueries
38
+ hideDisabledQueries: props.hideDisabledQueries,
39
+ theme: props.theme
39
40
  });
40
41
  solidJs.createEffect(() => {
41
42
  devtools.setClient(client());
@@ -58,6 +59,9 @@ function SolidQueryDevtools(props) {
58
59
  solidJs.createEffect(() => {
59
60
  devtools.setErrorTypes(props.errorTypes || []);
60
61
  });
62
+ solidJs.createEffect(() => {
63
+ devtools.setTheme(props.theme || "system");
64
+ });
61
65
  solidJs.onMount(() => {
62
66
  devtools.mount(ref);
63
67
  solidJs.onCleanup(() => devtools.unmount());
@@ -103,7 +107,8 @@ function SolidQueryDevtoolsPanel(props) {
103
107
  styleNonce,
104
108
  shadowDOMTarget,
105
109
  onClose: props.onClose,
106
- hideDisabledQueries
110
+ hideDisabledQueries,
111
+ theme: props.theme
107
112
  });
108
113
  solidJs.createEffect(() => {
109
114
  devtools.setClient(client());
@@ -115,6 +120,9 @@ function SolidQueryDevtoolsPanel(props) {
115
120
  solidJs.createEffect(() => {
116
121
  devtools.setErrorTypes(props.errorTypes || []);
117
122
  });
123
+ solidJs.createEffect(() => {
124
+ devtools.setTheme(props.theme || "system");
125
+ });
118
126
  solidJs.onMount(() => {
119
127
  devtools.mount(ref);
120
128
  solidJs.onCleanup(() => devtools.unmount());
package/build/index.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as solid_js from 'solid-js';
2
2
  import { JSX } from 'solid-js';
3
- import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType } from '@tanstack/query-devtools';
3
+ import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
4
4
  import { QueryClient } from '@tanstack/solid-query';
5
5
 
6
6
  interface DevtoolsOptions {
@@ -40,6 +40,11 @@ interface DevtoolsOptions {
40
40
  * Set this to true to hide disabled queries from the devtools panel.
41
41
  */
42
42
  hideDisabledQueries?: boolean;
43
+ /**
44
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
45
+ * Defaults to 'system'.
46
+ */
47
+ theme?: Theme;
43
48
  }
44
49
  declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
45
50
 
@@ -75,6 +80,11 @@ interface DevtoolsPanelOptions {
75
80
  * Set this to true to hide disabled queries from the devtools panel.
76
81
  */
77
82
  hideDisabledQueries?: boolean;
83
+ /**
84
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
85
+ * Defaults to 'system'.
86
+ */
87
+ theme?: Theme;
78
88
  }
79
89
  declare function SolidQueryDevtoolsPanel$1(props: DevtoolsPanelOptions): JSX.Element;
80
90
 
package/build/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as solid_js from 'solid-js';
2
2
  import { JSX } from 'solid-js';
3
- import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType } from '@tanstack/query-devtools';
3
+ import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
4
4
  import { QueryClient } from '@tanstack/solid-query';
5
5
 
6
6
  interface DevtoolsOptions {
@@ -40,6 +40,11 @@ interface DevtoolsOptions {
40
40
  * Set this to true to hide disabled queries from the devtools panel.
41
41
  */
42
42
  hideDisabledQueries?: boolean;
43
+ /**
44
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
45
+ * Defaults to 'system'.
46
+ */
47
+ theme?: Theme;
43
48
  }
44
49
  declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
45
50
 
@@ -75,6 +80,11 @@ interface DevtoolsPanelOptions {
75
80
  * Set this to true to hide disabled queries from the devtools panel.
76
81
  */
77
82
  hideDisabledQueries?: boolean;
83
+ /**
84
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
85
+ * Defaults to 'system'.
86
+ */
87
+ theme?: Theme;
78
88
  }
79
89
  declare function SolidQueryDevtoolsPanel$1(props: DevtoolsPanelOptions): JSX.Element;
80
90
 
package/build/index.js CHANGED
@@ -18,10 +18,10 @@ function clientOnly(fn) {
18
18
  }
19
19
 
20
20
  // src/index.tsx
21
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/26ZM7NTG.js')) : function() {
21
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BCD44V6M.js')) : function() {
22
22
  return null;
23
23
  };
24
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/ZSHM4KXR.js')) : function() {
24
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/VKJ7SILT.js')) : function() {
25
25
  return null;
26
26
  };
27
27
 
package/build/index.jsx CHANGED
@@ -30,10 +30,10 @@ function clientOnly(fn) {
30
30
  }
31
31
 
32
32
  // src/index.tsx
33
- var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/MBNQRPQY.jsx")) : function() {
33
+ var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/32HRKFKI.jsx")) : function() {
34
34
  return null;
35
35
  };
36
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/X4JVL7OJ.jsx")) : function() {
36
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/NDFIDQLQ.jsx")) : function() {
37
37
  return null;
38
38
  };
39
39
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/solid-query-devtools",
3
- "version": "5.90.4",
3
+ "version": "5.91.1",
4
4
  "description": "Developer tools to interact with and visualize the TanStack/solid-query Query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -44,7 +44,7 @@
44
44
  "!src/__tests__"
45
45
  ],
46
46
  "dependencies": {
47
- "@tanstack/query-devtools": "5.90.1"
47
+ "@tanstack/query-devtools": "5.91.1"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@solidjs/testing-library": "^0.8.10",
@@ -52,11 +52,11 @@
52
52
  "solid-js": "^1.9.7",
53
53
  "tsup-preset-solid": "^2.2.0",
54
54
  "vite-plugin-solid": "^2.11.6",
55
- "@tanstack/solid-query": "5.90.4"
55
+ "@tanstack/solid-query": "5.90.13"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "solid-js": "^1.6.0",
59
- "@tanstack/solid-query": "^5.90.4"
59
+ "@tanstack/solid-query": "^5.90.13"
60
60
  },
61
61
  "scripts": {
62
62
  "clean": "premove ./build ./coverage ./dist-ts",
package/src/devtools.tsx CHANGED
@@ -5,6 +5,7 @@ import type {
5
5
  DevtoolsButtonPosition,
6
6
  DevtoolsErrorType,
7
7
  DevtoolsPosition,
8
+ Theme,
8
9
  } from '@tanstack/query-devtools'
9
10
  import type { QueryClient } from '@tanstack/solid-query'
10
11
 
@@ -45,6 +46,11 @@ interface DevtoolsOptions {
45
46
  * Set this to true to hide disabled queries from the devtools panel.
46
47
  */
47
48
  hideDisabledQueries?: boolean
49
+ /**
50
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
51
+ * Defaults to 'system'.
52
+ */
53
+ theme?: Theme
48
54
  }
49
55
 
50
56
  export default function SolidQueryDevtools(props: DevtoolsOptions) {
@@ -63,6 +69,7 @@ export default function SolidQueryDevtools(props: DevtoolsOptions) {
63
69
  styleNonce: props.styleNonce,
64
70
  shadowDOMTarget: props.shadowDOMTarget,
65
71
  hideDisabledQueries: props.hideDisabledQueries,
72
+ theme: props.theme,
66
73
  })
67
74
 
68
75
  createEffect(() => {
@@ -91,6 +98,10 @@ export default function SolidQueryDevtools(props: DevtoolsOptions) {
91
98
  devtools.setErrorTypes(props.errorTypes || [])
92
99
  })
93
100
 
101
+ createEffect(() => {
102
+ devtools.setTheme(props.theme || 'system')
103
+ })
104
+
94
105
  onMount(() => {
95
106
  devtools.mount(ref)
96
107
  onCleanup(() => devtools.unmount())
package/src/devtoolsPanel.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { createEffect, createMemo, onCleanup, onMount } from 'solid-js'
2
2
  import { onlineManager, useQueryClient } from '@tanstack/solid-query'
3
3
  import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'
4
- import type { DevtoolsErrorType } from '@tanstack/query-devtools'
4
+ import type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'
5
5
  import type { QueryClient } from '@tanstack/solid-query'
6
6
  import type { JSX } from 'solid-js'
7
7
 
@@ -39,6 +39,11 @@ export interface DevtoolsPanelOptions {
39
39
  * Set this to true to hide disabled queries from the devtools panel.
40
40
  */
41
41
  hideDisabledQueries?: boolean
42
+ /**
43
+ * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
44
+ * Defaults to 'system'.
45
+ */
46
+ theme?: Theme
42
47
  }
43
48
 
44
49
  export default function SolidQueryDevtoolsPanel(props: DevtoolsPanelOptions) {
@@ -59,6 +64,7 @@ export default function SolidQueryDevtoolsPanel(props: DevtoolsPanelOptions) {
59
64
  shadowDOMTarget,
60
65
  onClose: props.onClose,
61
66
  hideDisabledQueries,
67
+ theme: props.theme,
62
68
  })
63
69
  createEffect(() => {
64
70
  devtools.setClient(client())
@@ -71,6 +77,10 @@ export default function SolidQueryDevtoolsPanel(props: DevtoolsPanelOptions) {
71
77
  devtools.setErrorTypes(props.errorTypes || [])
72
78
  })
73
79
 
80
+ createEffect(() => {
81
+ devtools.setTheme(props.theme || 'system')
82
+ })
83
+
74
84
  onMount(() => {
75
85
  devtools.mount(ref)
76
86
  onCleanup(() => devtools.unmount())