@tanstack/solid-query-devtools 5.26.3 → 5.27.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 (14) hide show
  1. package/build/chunk/{2LBUD5H3.js → E5RSUBQ2.js} +2 -1
  2. package/build/chunk/{QSAHGWUR.jsx → GRXEEYVR.jsx} +2 -1
  3. package/build/dev.cjs +2 -1
  4. package/build/dev.js +2 -2
  5. package/build/dev.jsx +2 -2
  6. package/build/devtools/{BYEFMWJX.js → E6F574RQ.js} +1 -1
  7. package/build/devtools/{2DJNWFHY.jsx → ROOBA2XS.jsx} +1 -1
  8. package/build/index.cjs +2 -1
  9. package/build/index.d.cts +4 -0
  10. package/build/index.d.ts +4 -0
  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 +5 -0
package/build/chunk/{2LBUD5H3.js → E5RSUBQ2.js} RENAMED
@@ -18,7 +18,8 @@ function SolidQueryDevtools(props) {
18
18
  position: props.position,
19
19
  initialIsOpen: props.initialIsOpen,
20
20
  errorTypes: props.errorTypes,
21
- styleNonce: props.styleNonce
21
+ styleNonce: props.styleNonce,
22
+ shadowDOMTarget: props.shadowDOMTarget
22
23
  });
23
24
  createEffect(() => {
24
25
  devtools.setClient(client());
package/build/chunk/{QSAHGWUR.jsx → GRXEEYVR.jsx} RENAMED
@@ -25,7 +25,8 @@ function SolidQueryDevtools(props) {
25
25
  position: props.position,
26
26
  initialIsOpen: props.initialIsOpen,
27
27
  errorTypes: props.errorTypes,
28
- styleNonce: props.styleNonce
28
+ styleNonce: props.styleNonce,
29
+ shadowDOMTarget: props.shadowDOMTarget
29
30
  });
30
31
  createEffect(() => {
31
32
  devtools.setClient(client());
package/build/dev.cjs CHANGED
@@ -34,7 +34,8 @@ function SolidQueryDevtools(props) {
34
34
  position: props.position,
35
35
  initialIsOpen: props.initialIsOpen,
36
36
  errorTypes: props.errorTypes,
37
- styleNonce: props.styleNonce
37
+ styleNonce: props.styleNonce,
38
+ shadowDOMTarget: props.shadowDOMTarget
38
39
  });
39
40
  solidJs.createEffect(() => {
40
41
  devtools.setClient(client());
package/build/dev.js CHANGED
@@ -1,7 +1,7 @@
1
- import { clientOnly } from './chunk/2LBUD5H3.js';
1
+ import { clientOnly } from './chunk/E5RSUBQ2.js';
2
2
  import { isDev } from 'solid-js/web';
3
3
 
4
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BYEFMWJX.js')) : function() {
4
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/E6F574RQ.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/QSAHGWUR.jsx";
3
+ } from "./chunk/GRXEEYVR.jsx";
4
4
 
5
5
  // src/index.tsx
6
6
  import { isDev } from "solid-js/web";
7
- var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/2DJNWFHY.jsx")) : function() {
7
+ var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/ROOBA2XS.jsx")) : function() {
8
8
  return null;
9
9
  };
10
10
  export {
package/build/devtools/{BYEFMWJX.js → E6F574RQ.js} RENAMED
@@ -1 +1 @@
1
- export { clientOnly, SolidQueryDevtools as default } from '../chunk/2LBUD5H3.js';
1
+ export { clientOnly, SolidQueryDevtools as default } from '../chunk/E5RSUBQ2.js';
package/build/devtools/{2DJNWFHY.jsx → ROOBA2XS.jsx} RENAMED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  SolidQueryDevtools,
3
3
  clientOnly
4
- } from "../chunk/QSAHGWUR.jsx";
4
+ } from "../chunk/GRXEEYVR.jsx";
5
5
  export {
6
6
  clientOnly,
7
7
  SolidQueryDevtools as default
package/build/index.cjs CHANGED
@@ -34,7 +34,8 @@ function SolidQueryDevtools(props) {
34
34
  position: props.position,
35
35
  initialIsOpen: props.initialIsOpen,
36
36
  errorTypes: props.errorTypes,
37
- styleNonce: props.styleNonce
37
+ styleNonce: props.styleNonce,
38
+ shadowDOMTarget: props.shadowDOMTarget
38
39
  });
39
40
  solidJs.createEffect(() => {
40
41
  devtools.setClient(client());
package/build/index.d.cts CHANGED
@@ -31,6 +31,10 @@ interface DevtoolsOptions {
31
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
32
  */
33
33
  styleNonce?: string;
34
+ /**
35
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
36
+ */
37
+ shadowDOMTarget?: ShadowRoot;
34
38
  }
35
39
  declare function SolidQueryDevtools$1(props: DevtoolsOptions): JSX.Element;
36
40
 
package/build/index.d.ts CHANGED
@@ -31,6 +31,10 @@ interface DevtoolsOptions {
31
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
32
  */
33
33
  styleNonce?: string;
34
+ /**
35
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
36
+ */
37
+ shadowDOMTarget?: ShadowRoot;
34
38
  }
35
39
  declare function SolidQueryDevtools$1(props: DevtoolsOptions): JSX.Element;
36
40
 
package/build/index.js CHANGED
@@ -1,7 +1,7 @@
1
- import { clientOnly } from './chunk/2LBUD5H3.js';
1
+ import { clientOnly } from './chunk/E5RSUBQ2.js';
2
2
  import { isDev } from 'solid-js/web';
3
3
 
4
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BYEFMWJX.js')) : function() {
4
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/E6F574RQ.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/QSAHGWUR.jsx";
3
+ } from "./chunk/GRXEEYVR.jsx";
4
4
 
5
5
  // src/index.tsx
6
6
  import { isDev } from "solid-js/web";
7
- var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/2DJNWFHY.jsx")) : function() {
7
+ var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/ROOBA2XS.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.26.3",
3
+ "version": "5.27.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",
@@ -38,17 +38,17 @@
38
38
  "src"
39
39
  ],
40
40
  "dependencies": {
41
- "@tanstack/query-devtools": "5.24.0"
41
+ "@tanstack/query-devtools": "5.27.0"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "solid-js": "^1.8.14",
45
- "@tanstack/solid-query": "^5.26.3"
45
+ "@tanstack/solid-query": "^5.27.1"
46
46
  },
47
47
  "devDependencies": {
48
48
  "solid-js": "^1.8.14",
49
49
  "tsup-preset-solid": "^2.2.0",
50
50
  "vite-plugin-solid": "^2.9.1",
51
- "@tanstack/solid-query": "^5.26.3"
51
+ "@tanstack/solid-query": "^5.27.1"
52
52
  },
53
53
  "scripts": {
54
54
  "clean": "rimraf ./build && rimraf ./coverage",
package/src/devtools.tsx CHANGED
@@ -48,6 +48,10 @@ interface DevtoolsOptions {
48
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
49
  */
50
50
  styleNonce?: string
51
+ /**
52
+ * Use this so you can attach the devtool's styles to specific element in the DOM.
53
+ */
54
+ shadowDOMTarget?: ShadowRoot
51
55
  }
52
56
 
53
57
  export default function SolidQueryDevtools(props: DevtoolsOptions) {
@@ -64,6 +68,7 @@ export default function SolidQueryDevtools(props: DevtoolsOptions) {
64
68
  initialIsOpen: props.initialIsOpen,
65
69
  errorTypes: props.errorTypes,
66
70
  styleNonce: props.styleNonce,
71
+ shadowDOMTarget: props.shadowDOMTarget,
67
72
  })
68
73
 
69
74
  createEffect(() => {