@tanstack/solid-query-devtools 6.0.0-beta.3 → 6.0.0-beta.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.
Files changed (22) hide show
  1. package/build/_tsup-dts-rollup.d.cts +5 -15
  2. package/build/_tsup-dts-rollup.d.ts +5 -15
  3. package/build/chunk/5YUDKRGO.js +57 -0
  4. package/build/chunk/OIFXIFGE.js +59 -0
  5. package/build/dev.cjs +67 -1272
  6. package/build/dev.js +3 -3
  7. package/build/dev.jsx +7 -1218
  8. package/build/devtools/{R2AGYIME.jsx → 7WZM3IT7.jsx} +15 -13
  9. package/build/devtools/{BS6AII4K.js → FNDI35UR.js} +20 -20
  10. package/build/devtools/{IWG4ZJJU.js → T3N3FX25.js} +20 -20
  11. package/build/devtoolsPanel/{VZGSCV56.js → 5CAQ2WGQ.js} +24 -24
  12. package/build/devtoolsPanel/{NAMW3JP3.js → DXOBITS6.js} +24 -24
  13. package/build/devtoolsPanel/{QZBU22C7.jsx → FQC5JHFZ.jsx} +15 -13
  14. package/build/index.cjs +57 -1228
  15. package/build/index.js +3 -3
  16. package/build/index.jsx +7 -1181
  17. package/package.json +8 -8
  18. package/src/clientOnly.tsx +2 -1
  19. package/src/devtools.tsx +21 -17
  20. package/src/devtoolsPanel.tsx +20 -16
  21. package/build/chunk/P6IZ7GTW.js +0 -1224
  22. package/build/chunk/ZANDWIFD.js +0 -1260
package/build/devtools/{R2AGYIME.jsx → 7WZM3IT7.jsx} RENAMED
@@ -1,5 +1,5 @@
1
1
  // src/devtools.tsx
2
- import { createEffect, createMemo, onCleanup } from "solid-js";
2
+ import { createEffect, createMemo, onSettled, runWithOwner } from "solid-js";
3
3
  import { onlineManager, useQueryClient } from "@tanstack/solid-query";
4
4
  import { TanstackQueryDevtools } from "@tanstack/query-devtools";
5
5
  function SolidQueryDevtools(props) {
@@ -60,18 +60,20 @@ function SolidQueryDevtools(props) {
60
60
  devtools.setTheme(theme || "system");
61
61
  }
62
62
  );
63
- let isMounted = false;
64
- let isDisposed = false;
65
- queueMicrotask(() => {
66
- if (isDisposed) return;
67
- devtools.mount(ref);
68
- isMounted = true;
69
- });
70
- onCleanup(() => {
71
- isDisposed = true;
72
- if (isMounted) {
73
- devtools.unmount();
74
- }
63
+ let mounted = false;
64
+ let disposed = false;
65
+ onSettled(() => {
66
+ queueMicrotask(() => {
67
+ if (disposed) return;
68
+ runWithOwner(null, () => devtools.mount(ref));
69
+ mounted = true;
70
+ });
71
+ return () => {
72
+ disposed = true;
73
+ if (mounted) {
74
+ devtools.unmount();
75
+ }
76
+ };
75
77
  });
76
78
  return <div class="tsqd-parent-container" ref={ref} />;
77
79
  }
package/build/devtools/{BS6AII4K.js → FNDI35UR.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { ref, template } from '../chunk/ZANDWIFD.js';
2
- import { createMemo, createEffect, onCleanup } from 'solid-js';
1
+ import { ref, template } from '../chunk/5YUDKRGO.js';
2
+ import { createMemo, createEffect, onSettled, runWithOwner } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtools } from '@tanstack/query-devtools';
5
5
 
@@ -44,25 +44,25 @@ function SolidQueryDevtools(props) {
44
44
  createEffect(() => props.theme, (theme) => {
45
45
  devtools.setTheme(theme || "system");
46
46
  });
47
- let isMounted = false;
48
- let isDisposed = false;
49
- queueMicrotask(() => {
50
- if (isDisposed) return;
51
- devtools.mount(ref2);
52
- isMounted = true;
47
+ let mounted = false;
48
+ let disposed = false;
49
+ onSettled(() => {
50
+ queueMicrotask(() => {
51
+ if (disposed) return;
52
+ runWithOwner(null, () => devtools.mount(ref2));
53
+ mounted = true;
54
+ });
55
+ return () => {
56
+ disposed = true;
57
+ if (mounted) {
58
+ devtools.unmount();
59
+ }
60
+ };
53
61
  });
54
- onCleanup(() => {
55
- isDisposed = true;
56
- if (isMounted) {
57
- devtools.unmount();
58
- }
59
- });
60
- return (() => {
61
- var _el$ = _tmpl$();
62
- var _ref$ = ref2;
63
- typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
64
- return _el$;
65
- })();
62
+ var _el$ = _tmpl$();
63
+ var _ref$ = ref2;
64
+ typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
65
+ return _el$;
66
66
  }
67
67
 
68
68
  export { SolidQueryDevtools as default };
package/build/devtools/{IWG4ZJJU.js → T3N3FX25.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { ref, template } from '../chunk/P6IZ7GTW.js';
2
- import { createMemo, createEffect, onCleanup } from 'solid-js';
1
+ import { ref, template } from '../chunk/OIFXIFGE.js';
2
+ import { createMemo, createEffect, onSettled, runWithOwner } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtools } from '@tanstack/query-devtools';
5
5
 
@@ -44,25 +44,25 @@ function SolidQueryDevtools(props) {
44
44
  createEffect(() => props.theme, (theme) => {
45
45
  devtools.setTheme(theme || "system");
46
46
  });
47
- let isMounted = false;
48
- let isDisposed = false;
49
- queueMicrotask(() => {
50
- if (isDisposed) return;
51
- devtools.mount(ref2);
52
- isMounted = true;
47
+ let mounted = false;
48
+ let disposed = false;
49
+ onSettled(() => {
50
+ queueMicrotask(() => {
51
+ if (disposed) return;
52
+ runWithOwner(null, () => devtools.mount(ref2));
53
+ mounted = true;
54
+ });
55
+ return () => {
56
+ disposed = true;
57
+ if (mounted) {
58
+ devtools.unmount();
59
+ }
60
+ };
53
61
  });
54
- onCleanup(() => {
55
- isDisposed = true;
56
- if (isMounted) {
57
- devtools.unmount();
58
- }
59
- });
60
- return (() => {
61
- var _el$ = _tmpl$();
62
- var _ref$ = ref2;
63
- typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
64
- return _el$;
65
- })();
62
+ var _el$ = _tmpl$();
63
+ var _ref$ = ref2;
64
+ typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
65
+ return _el$;
66
66
  }
67
67
 
68
68
  export { SolidQueryDevtools as default };
package/build/devtoolsPanel/{VZGSCV56.js → 5CAQ2WGQ.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { ref, effect, style, template } from '../chunk/ZANDWIFD.js';
2
- import { createMemo, createEffect, onCleanup } from 'solid-js';
1
+ import { ref, effect, style, template } from '../chunk/OIFXIFGE.js';
2
+ import { createMemo, createEffect, onSettled, runWithOwner } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
5
5
 
@@ -42,30 +42,30 @@ function SolidQueryDevtoolsPanel(props) {
42
42
  createEffect(() => props.theme, (theme) => {
43
43
  devtools.setTheme(theme || "system");
44
44
  });
45
- let isMounted = false;
46
- let isDisposed = false;
47
- queueMicrotask(() => {
48
- if (isDisposed) return;
49
- devtools.mount(ref2);
50
- isMounted = true;
45
+ let mounted = false;
46
+ let disposed = false;
47
+ onSettled(() => {
48
+ queueMicrotask(() => {
49
+ if (disposed) return;
50
+ runWithOwner(null, () => devtools.mount(ref2));
51
+ mounted = true;
52
+ });
53
+ return () => {
54
+ disposed = true;
55
+ if (mounted) {
56
+ devtools.unmount();
57
+ }
58
+ };
51
59
  });
52
- onCleanup(() => {
53
- isDisposed = true;
54
- if (isMounted) {
55
- devtools.unmount();
56
- }
60
+ var _el$ = _tmpl$();
61
+ var _ref$ = ref2;
62
+ typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
63
+ effect(() => ({
64
+ ...props.style
65
+ }), (_v$, _$p) => {
66
+ style(_el$, _v$, _$p);
57
67
  });
58
- return (() => {
59
- var _el$ = _tmpl$();
60
- var _ref$ = ref2;
61
- typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
62
- effect(() => ({
63
- ...props.style
64
- }), (_v$, _$p) => {
65
- style(_el$, _v$, _$p);
66
- });
67
- return _el$;
68
- })();
68
+ return _el$;
69
69
  }
70
70
 
71
71
  export { SolidQueryDevtoolsPanel as default };
package/build/devtoolsPanel/{NAMW3JP3.js → DXOBITS6.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { ref, effect, style, template } from '../chunk/P6IZ7GTW.js';
2
- import { createMemo, createEffect, onCleanup } from 'solid-js';
1
+ import { ref, effect, style, template } from '../chunk/5YUDKRGO.js';
2
+ import { createMemo, createEffect, onSettled, runWithOwner } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
5
5
 
@@ -42,30 +42,30 @@ function SolidQueryDevtoolsPanel(props) {
42
42
  createEffect(() => props.theme, (theme) => {
43
43
  devtools.setTheme(theme || "system");
44
44
  });
45
- let isMounted = false;
46
- let isDisposed = false;
47
- queueMicrotask(() => {
48
- if (isDisposed) return;
49
- devtools.mount(ref2);
50
- isMounted = true;
45
+ let mounted = false;
46
+ let disposed = false;
47
+ onSettled(() => {
48
+ queueMicrotask(() => {
49
+ if (disposed) return;
50
+ runWithOwner(null, () => devtools.mount(ref2));
51
+ mounted = true;
52
+ });
53
+ return () => {
54
+ disposed = true;
55
+ if (mounted) {
56
+ devtools.unmount();
57
+ }
58
+ };
51
59
  });
52
- onCleanup(() => {
53
- isDisposed = true;
54
- if (isMounted) {
55
- devtools.unmount();
56
- }
60
+ var _el$ = _tmpl$();
61
+ var _ref$ = ref2;
62
+ typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
63
+ effect(() => ({
64
+ ...props.style
65
+ }), (_v$, _$p) => {
66
+ style(_el$, _v$, _$p);
57
67
  });
58
- return (() => {
59
- var _el$ = _tmpl$();
60
- var _ref$ = ref2;
61
- typeof _ref$ === "function" || Array.isArray(_ref$) ? ref(() => _ref$, _el$) : ref2 = _el$;
62
- effect(() => ({
63
- ...props.style
64
- }), (_v$, _$p) => {
65
- style(_el$, _v$, _$p);
66
- });
67
- return _el$;
68
- })();
68
+ return _el$;
69
69
  }
70
70
 
71
71
  export { SolidQueryDevtoolsPanel as default };
package/build/devtoolsPanel/{QZBU22C7.jsx → FQC5JHFZ.jsx} RENAMED
@@ -1,5 +1,5 @@
1
1
  // src/devtoolsPanel.tsx
2
- import { createEffect, createMemo, onCleanup } from "solid-js";
2
+ import { createEffect, createMemo, onSettled, runWithOwner } from "solid-js";
3
3
  import { onlineManager, useQueryClient } from "@tanstack/solid-query";
4
4
  import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
5
5
  function SolidQueryDevtoolsPanel(props) {
@@ -47,18 +47,20 @@ function SolidQueryDevtoolsPanel(props) {
47
47
  devtools.setTheme(theme || "system");
48
48
  }
49
49
  );
50
- let isMounted = false;
51
- let isDisposed = false;
52
- queueMicrotask(() => {
53
- if (isDisposed) return;
54
- devtools.mount(ref);
55
- isMounted = true;
56
- });
57
- onCleanup(() => {
58
- isDisposed = true;
59
- if (isMounted) {
60
- devtools.unmount();
61
- }
50
+ let mounted = false;
51
+ let disposed = false;
52
+ onSettled(() => {
53
+ queueMicrotask(() => {
54
+ if (disposed) return;
55
+ runWithOwner(null, () => devtools.mount(ref));
56
+ mounted = true;
57
+ });
58
+ return () => {
59
+ disposed = true;
60
+ if (mounted) {
61
+ devtools.unmount();
62
+ }
63
+ };
62
64
  });
63
65
  return <div
64
66
  style={{ height: "500px", ...props.style }}