@tanstack/solid-query-devtools 5.4.3 → 5.7.4

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.
@@ -17,7 +17,8 @@ function SolidQueryDevtools(props) {
17
17
  buttonPosition: props.buttonPosition,
18
18
  position: props.position,
19
19
  initialIsOpen: props.initialIsOpen,
20
- errorTypes: props.errorTypes
20
+ errorTypes: props.errorTypes,
21
+ styleNonce: props.styleNonce
21
22
  });
22
23
  createEffect(() => {
23
24
  devtools.setClient(client());
@@ -24,7 +24,8 @@ function SolidQueryDevtools(props) {
24
24
  buttonPosition: props.buttonPosition,
25
25
  position: props.position,
26
26
  initialIsOpen: props.initialIsOpen,
27
- errorTypes: props.errorTypes
27
+ errorTypes: props.errorTypes,
28
+ styleNonce: props.styleNonce
28
29
  });
29
30
  createEffect(() => {
30
31
  devtools.setClient(client());
package/build/dev.cjs CHANGED
@@ -33,7 +33,8 @@ function SolidQueryDevtools(props) {
33
33
  buttonPosition: props.buttonPosition,
34
34
  position: props.position,
35
35
  initialIsOpen: props.initialIsOpen,
36
- errorTypes: props.errorTypes
36
+ errorTypes: props.errorTypes,
37
+ styleNonce: props.styleNonce
37
38
  });
38
39
  solidJs.createEffect(() => {
39
40
  devtools.setClient(client());
package/build/dev.js CHANGED
@@ -1,7 +1,7 @@
1
- import { clientOnly } from './chunk/JNI5KDQC.js';
1
+ import { clientOnly } from './chunk/2LBUD5H3.js';
2
2
  import { isDev } from 'solid-js/web';
3
3
 
4
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/R6QV33GO.js')) : function() {
4
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BYEFMWJX.js')) : function() {
5
5
  return null;
6
6
  };
7
7
 
package/build/dev.jsx CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  clientOnly
3
- } from "./chunk/NZRUORJU.jsx";
3
+ } from "./chunk/QSAHGWUR.jsx";
4
4
 
5
5
  // src/index.tsx
6
6
  import { isDev } from "solid-js/web";
7
- var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/3S5YMJYB.jsx")) : function() {
7
+ var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/2DJNWFHY.jsx")) : function() {
8
8
  return null;
9
9
  };
10
10
  export {
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  SolidQueryDevtools,
3
3
  clientOnly
4
- } from "../chunk/NZRUORJU.jsx";
4
+ } from "../chunk/QSAHGWUR.jsx";
5
5
  export {
6
6
  clientOnly,
7
7
  SolidQueryDevtools as default
@@ -1 +1 @@
1
- export { clientOnly, SolidQueryDevtools as default } from '../chunk/JNI5KDQC.js';
1
+ export { clientOnly, SolidQueryDevtools as default } from '../chunk/2LBUD5H3.js';
package/build/index.cjs CHANGED
@@ -33,7 +33,8 @@ function SolidQueryDevtools(props) {
33
33
  buttonPosition: props.buttonPosition,
34
34
  position: props.position,
35
35
  initialIsOpen: props.initialIsOpen,
36
- errorTypes: props.errorTypes
36
+ errorTypes: props.errorTypes,
37
+ styleNonce: props.styleNonce
37
38
  });
38
39
  solidJs.createEffect(() => {
39
40
  devtools.setClient(client());
package/build/index.d.cts CHANGED
@@ -27,6 +27,10 @@ interface DevtoolsOptions {
27
27
  * Use this so you can define custom errors that can be shown in the devtools.
28
28
  */
29
29
  errorTypes?: Array<DevToolsErrorType>;
30
+ /**
31
+ * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
32
+ */
33
+ styleNonce?: string;
30
34
  }
31
35
  declare function SolidQueryDevtools$1(props: DevtoolsOptions): JSX.Element;
32
36
 
package/build/index.d.ts CHANGED
@@ -27,6 +27,10 @@ interface DevtoolsOptions {
27
27
  * Use this so you can define custom errors that can be shown in the devtools.
28
28
  */
29
29
  errorTypes?: Array<DevToolsErrorType>;
30
+ /**
31
+ * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
32
+ */
33
+ styleNonce?: string;
30
34
  }
31
35
  declare function SolidQueryDevtools$1(props: DevtoolsOptions): JSX.Element;
32
36
 
package/build/index.js CHANGED
@@ -1,7 +1,7 @@
1
- import { clientOnly } from './chunk/JNI5KDQC.js';
1
+ import { clientOnly } from './chunk/2LBUD5H3.js';
2
2
  import { isDev } from 'solid-js/web';
3
3
 
4
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/R6QV33GO.js')) : function() {
4
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BYEFMWJX.js')) : function() {
5
5
  return null;
6
6
  };
7
7
 
package/build/index.jsx CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  clientOnly
3
- } from "./chunk/NZRUORJU.jsx";
3
+ } from "./chunk/QSAHGWUR.jsx";
4
4
 
5
5
  // src/index.tsx
6
6
  import { isDev } from "solid-js/web";
7
- var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/3S5YMJYB.jsx")) : function() {
7
+ var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/2DJNWFHY.jsx")) : function() {
8
8
  return null;
9
9
  };
10
10
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/solid-query-devtools",
3
- "version": "5.4.3",
3
+ "version": "5.7.4",
4
4
  "description": "Developer tools to interact with and visualize the TanStack/solid-query Query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -38,17 +38,17 @@
38
38
  "src"
39
39
  ],
40
40
  "dependencies": {
41
- "@tanstack/query-devtools": "5.4.2"
41
+ "@tanstack/query-devtools": "5.7.4"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "solid-js": "^1.7.8",
45
- "@tanstack/solid-query": "^5.4.3"
45
+ "@tanstack/solid-query": "^5.7.2"
46
46
  },
47
47
  "devDependencies": {
48
48
  "solid-js": "^1.7.8",
49
49
  "tsup-preset-solid": "^2.1.0",
50
50
  "vite-plugin-solid": "^2.7.0",
51
- "@tanstack/solid-query": "^5.4.3"
51
+ "@tanstack/solid-query": "^5.7.2"
52
52
  },
53
53
  "scripts": {
54
54
  "clean": "rimraf ./build && rimraf ./coverage",
package/src/devtools.tsx CHANGED
@@ -44,6 +44,10 @@ export interface DevtoolsOptions {
44
44
  * Use this so you can define custom errors that can be shown in the devtools.
45
45
  */
46
46
  errorTypes?: Array<DevToolsErrorType>
47
+ /**
48
+ * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
49
+ */
50
+ styleNonce?: string
47
51
  }
48
52
 
49
53
  export default function SolidQueryDevtools(props: DevtoolsOptions) {
@@ -59,6 +63,7 @@ export default function SolidQueryDevtools(props: DevtoolsOptions) {
59
63
  position: props.position,
60
64
  initialIsOpen: props.initialIsOpen,
61
65
  errorTypes: props.errorTypes,
66
+ styleNonce: props.styleNonce,
62
67
  })
63
68
 
64
69
  createEffect(() => {