@tanstack/solid-query-devtools 6.0.0-alpha.0 → 6.0.0-alpha.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 (17) hide show
  1. package/build/chunk/{KLS34EMT.js → 75V4Q6CI.js} +337 -171
  2. package/build/chunk/{RDKFYAW3.js → AU2REB6C.js} +526 -365
  3. package/build/dev.cjs +360 -176
  4. package/build/dev.js +3 -3
  5. package/build/dev.jsx +343 -174
  6. package/build/devtools/{OWDQYIA3.js → BK5V6NH3.js} +13 -4
  7. package/build/devtools/{CHPGNEUY.js → CBPRJMAC.js} +13 -4
  8. package/build/devtools/{MU7AYS7J.jsx → R2AGYIME.jsx} +12 -3
  9. package/build/devtoolsPanel/{CQ4HXSZG.js → A5BO2WVY.js} +13 -4
  10. package/build/devtoolsPanel/{LLRYE7CA.js → KNUODKZO.js} +13 -4
  11. package/build/devtoolsPanel/{NLCUKFXJ.jsx → QZBU22C7.jsx} +12 -3
  12. package/build/index.cjs +549 -370
  13. package/build/index.js +3 -3
  14. package/build/index.jsx +528 -367
  15. package/package.json +6 -6
  16. package/src/devtools.tsx +14 -3
  17. package/src/devtoolsPanel.tsx +14 -3
package/build/devtools/{OWDQYIA3.js → BK5V6NH3.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { ref, template } from '../chunk/KLS34EMT.js';
2
- import { createMemo, createEffect, onSettled, onCleanup } from 'solid-js';
1
+ import { ref, template } from '../chunk/AU2REB6C.js';
2
+ import { createMemo, createEffect, onCleanup } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtools } from '@tanstack/query-devtools';
5
5
 
@@ -44,9 +44,18 @@ function SolidQueryDevtools(props) {
44
44
  createEffect(() => props.theme, (theme) => {
45
45
  devtools.setTheme(theme || "system");
46
46
  });
47
- onSettled(() => {
47
+ let isMounted = false;
48
+ let isDisposed = false;
49
+ queueMicrotask(() => {
50
+ if (isDisposed) return;
48
51
  devtools.mount(ref2);
49
- onCleanup(() => devtools.unmount());
52
+ isMounted = true;
53
+ });
54
+ onCleanup(() => {
55
+ isDisposed = true;
56
+ if (isMounted) {
57
+ devtools.unmount();
58
+ }
50
59
  });
51
60
  return (() => {
52
61
  var _el$ = _tmpl$();
package/build/devtools/{CHPGNEUY.js → CBPRJMAC.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { ref, template } from '../chunk/RDKFYAW3.js';
2
- import { createMemo, createEffect, onSettled, onCleanup } from 'solid-js';
1
+ import { ref, template } from '../chunk/75V4Q6CI.js';
2
+ import { createMemo, createEffect, onCleanup } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtools } from '@tanstack/query-devtools';
5
5
 
@@ -44,9 +44,18 @@ function SolidQueryDevtools(props) {
44
44
  createEffect(() => props.theme, (theme) => {
45
45
  devtools.setTheme(theme || "system");
46
46
  });
47
- onSettled(() => {
47
+ let isMounted = false;
48
+ let isDisposed = false;
49
+ queueMicrotask(() => {
50
+ if (isDisposed) return;
48
51
  devtools.mount(ref2);
49
- onCleanup(() => devtools.unmount());
52
+ isMounted = true;
53
+ });
54
+ onCleanup(() => {
55
+ isDisposed = true;
56
+ if (isMounted) {
57
+ devtools.unmount();
58
+ }
50
59
  });
51
60
  return (() => {
52
61
  var _el$ = _tmpl$();
package/build/devtools/{MU7AYS7J.jsx → R2AGYIME.jsx} RENAMED
@@ -1,5 +1,5 @@
1
1
  // src/devtools.tsx
2
- import { createEffect, createMemo, onCleanup, onSettled } from "solid-js";
2
+ import { createEffect, createMemo, onCleanup } 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,9 +60,18 @@ function SolidQueryDevtools(props) {
60
60
  devtools.setTheme(theme || "system");
61
61
  }
62
62
  );
63
- onSettled(() => {
63
+ let isMounted = false;
64
+ let isDisposed = false;
65
+ queueMicrotask(() => {
66
+ if (isDisposed) return;
64
67
  devtools.mount(ref);
65
- onCleanup(() => devtools.unmount());
68
+ isMounted = true;
69
+ });
70
+ onCleanup(() => {
71
+ isDisposed = true;
72
+ if (isMounted) {
73
+ devtools.unmount();
74
+ }
66
75
  });
67
76
  return <div class="tsqd-parent-container" ref={ref} />;
68
77
  }
package/build/devtoolsPanel/{CQ4HXSZG.js → A5BO2WVY.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { ref, effect, style, template } from '../chunk/KLS34EMT.js';
2
- import { createMemo, createEffect, onSettled, onCleanup } from 'solid-js';
1
+ import { ref, effect, style, template } from '../chunk/AU2REB6C.js';
2
+ import { createMemo, createEffect, onCleanup } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
5
5
 
@@ -42,9 +42,18 @@ function SolidQueryDevtoolsPanel(props) {
42
42
  createEffect(() => props.theme, (theme) => {
43
43
  devtools.setTheme(theme || "system");
44
44
  });
45
- onSettled(() => {
45
+ let isMounted = false;
46
+ let isDisposed = false;
47
+ queueMicrotask(() => {
48
+ if (isDisposed) return;
46
49
  devtools.mount(ref2);
47
- onCleanup(() => devtools.unmount());
50
+ isMounted = true;
51
+ });
52
+ onCleanup(() => {
53
+ isDisposed = true;
54
+ if (isMounted) {
55
+ devtools.unmount();
56
+ }
48
57
  });
49
58
  return (() => {
50
59
  var _el$ = _tmpl$();
package/build/devtoolsPanel/{LLRYE7CA.js → KNUODKZO.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { ref, effect, style, template } from '../chunk/RDKFYAW3.js';
2
- import { createMemo, createEffect, onSettled, onCleanup } from 'solid-js';
1
+ import { ref, effect, style, template } from '../chunk/75V4Q6CI.js';
2
+ import { createMemo, createEffect, onCleanup } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
5
5
 
@@ -42,9 +42,18 @@ function SolidQueryDevtoolsPanel(props) {
42
42
  createEffect(() => props.theme, (theme) => {
43
43
  devtools.setTheme(theme || "system");
44
44
  });
45
- onSettled(() => {
45
+ let isMounted = false;
46
+ let isDisposed = false;
47
+ queueMicrotask(() => {
48
+ if (isDisposed) return;
46
49
  devtools.mount(ref2);
47
- onCleanup(() => devtools.unmount());
50
+ isMounted = true;
51
+ });
52
+ onCleanup(() => {
53
+ isDisposed = true;
54
+ if (isMounted) {
55
+ devtools.unmount();
56
+ }
48
57
  });
49
58
  return (() => {
50
59
  var _el$ = _tmpl$();
package/build/devtoolsPanel/{NLCUKFXJ.jsx → QZBU22C7.jsx} RENAMED
@@ -1,5 +1,5 @@
1
1
  // src/devtoolsPanel.tsx
2
- import { createEffect, createMemo, onCleanup, onSettled } from "solid-js";
2
+ import { createEffect, createMemo, onCleanup } 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,9 +47,18 @@ function SolidQueryDevtoolsPanel(props) {
47
47
  devtools.setTheme(theme || "system");
48
48
  }
49
49
  );
50
- onSettled(() => {
50
+ let isMounted = false;
51
+ let isDisposed = false;
52
+ queueMicrotask(() => {
53
+ if (isDisposed) return;
51
54
  devtools.mount(ref);
52
- onCleanup(() => devtools.unmount());
55
+ isMounted = true;
56
+ });
57
+ onCleanup(() => {
58
+ isDisposed = true;
59
+ if (isMounted) {
60
+ devtools.unmount();
61
+ }
53
62
  });
54
63
  return <div
55
64
  style={{ height: "500px", ...props.style }}