@rozenite/tanstack-query-plugin 1.0.0-alpha.1 → 1.0.0-alpha.2
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.
- package/dist/assets/CXEL7IU7-BCih8F8R.js +1172 -0
- package/dist/assets/tanstack-query-By949uAm.js +48 -0
- package/dist/react-native.js +85 -77
- package/dist/rozenite.json +1 -1
- package/dist/tanstack-query.html +1 -1
- package/package.json +1 -1
- package/src/ui/tanstack-query.tsx +1 -1
- package/dist/assets/tanstack-query-4kxOTB8B.js +0 -48
package/dist/react-native.js
CHANGED
|
@@ -6,9 +6,12 @@ const f = (e) => {
|
|
|
6
6
|
if (!e)
|
|
7
7
|
return;
|
|
8
8
|
const s = d.subscribe((r) => {
|
|
9
|
-
}), n = e.onMessage(
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
}), n = e.onMessage(
|
|
10
|
+
"online-status-changed",
|
|
11
|
+
({ online: r }) => {
|
|
12
|
+
console.log("changed from ", d.isOnline(), "to", r);
|
|
13
|
+
}
|
|
14
|
+
);
|
|
12
15
|
return () => {
|
|
13
16
|
s(), n.remove();
|
|
14
17
|
};
|
|
@@ -18,88 +21,93 @@ const f = (e) => {
|
|
|
18
21
|
i(() => {
|
|
19
22
|
if (!e)
|
|
20
23
|
return;
|
|
21
|
-
const n = e.onMessage(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
case "TRIGGER_ERROR": {
|
|
29
|
-
const o = t.options, c = new Error("Unknown error from devtools");
|
|
30
|
-
t.setState({
|
|
31
|
-
status: "error",
|
|
32
|
-
error: c,
|
|
33
|
-
fetchMeta: {
|
|
34
|
-
...t.state.fetchMeta,
|
|
35
|
-
// @ts-expect-error This does exist
|
|
36
|
-
__previousQueryOptions: o
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
break;
|
|
40
|
-
}
|
|
41
|
-
case "RESTORE_ERROR": {
|
|
42
|
-
s.resetQueries(t);
|
|
43
|
-
break;
|
|
44
|
-
}
|
|
45
|
-
case "TRIGGER_LOADING": {
|
|
46
|
-
if (!t) return;
|
|
47
|
-
const o = t.options;
|
|
48
|
-
t.fetch({
|
|
49
|
-
...o,
|
|
50
|
-
queryFn: () => new Promise(() => {
|
|
51
|
-
}),
|
|
52
|
-
gcTime: -1
|
|
53
|
-
}), t.setState({
|
|
54
|
-
data: void 0,
|
|
55
|
-
status: "pending",
|
|
56
|
-
fetchMeta: {
|
|
57
|
-
...t.state.fetchMeta,
|
|
58
|
-
// @ts-expect-error This does exist
|
|
59
|
-
__previousQueryOptions: o
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
break;
|
|
63
|
-
}
|
|
64
|
-
case "RESTORE_LOADING": {
|
|
65
|
-
const o = t.state, c = t.state.fetchMeta ? t.state.fetchMeta.__previousQueryOptions : null;
|
|
66
|
-
t.cancel({ silent: !0 }), t.setState({
|
|
67
|
-
...o,
|
|
68
|
-
fetchStatus: "idle",
|
|
69
|
-
fetchMeta: null
|
|
70
|
-
}), c && t.fetch(c);
|
|
71
|
-
break;
|
|
24
|
+
const n = e.onMessage(
|
|
25
|
+
"devtools-action",
|
|
26
|
+
({ type: r, queryHash: a }) => {
|
|
27
|
+
const t = s.getQueryCache().get(a);
|
|
28
|
+
if (!t) {
|
|
29
|
+
console.warn(`No active query found for hash: ${a}`);
|
|
30
|
+
return;
|
|
72
31
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
32
|
+
switch (r) {
|
|
33
|
+
case "TRIGGER_ERROR": {
|
|
34
|
+
const o = t.options, c = new Error("Unknown error from devtools");
|
|
35
|
+
t.setState({
|
|
36
|
+
status: "error",
|
|
37
|
+
error: c,
|
|
38
|
+
fetchMeta: {
|
|
39
|
+
...t.state.fetchMeta,
|
|
40
|
+
// @ts-expect-error This does exist
|
|
41
|
+
__previousQueryOptions: o
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
break;
|
|
45
|
+
}
|
|
46
|
+
case "RESTORE_ERROR": {
|
|
47
|
+
s.resetQueries(t);
|
|
48
|
+
break;
|
|
49
|
+
}
|
|
50
|
+
case "TRIGGER_LOADING": {
|
|
51
|
+
if (!t) return;
|
|
52
|
+
const o = t.options;
|
|
53
|
+
t.fetch({
|
|
54
|
+
...o,
|
|
55
|
+
queryFn: () => new Promise(() => {
|
|
56
|
+
}),
|
|
57
|
+
gcTime: -1
|
|
58
|
+
}), t.setState({
|
|
59
|
+
data: void 0,
|
|
60
|
+
status: "pending",
|
|
61
|
+
fetchMeta: {
|
|
62
|
+
...t.state.fetchMeta,
|
|
63
|
+
// @ts-expect-error This does exist
|
|
64
|
+
__previousQueryOptions: o
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
case "RESTORE_LOADING": {
|
|
70
|
+
const o = t.state, c = t.state.fetchMeta ? t.state.fetchMeta.__previousQueryOptions : null;
|
|
71
|
+
t.cancel({ silent: !0 }), t.setState({
|
|
72
|
+
...o,
|
|
73
|
+
fetchStatus: "idle",
|
|
74
|
+
fetchMeta: null
|
|
75
|
+
}), c && t.fetch(c);
|
|
76
|
+
break;
|
|
77
|
+
}
|
|
78
|
+
case "RESET": {
|
|
79
|
+
s.resetQueries(t);
|
|
80
|
+
break;
|
|
81
|
+
}
|
|
82
|
+
case "REMOVE": {
|
|
83
|
+
s.removeQueries(t);
|
|
84
|
+
break;
|
|
85
|
+
}
|
|
86
|
+
case "REFETCH": {
|
|
87
|
+
t.fetch().catch(() => {
|
|
88
|
+
});
|
|
89
|
+
break;
|
|
90
|
+
}
|
|
91
|
+
case "INVALIDATE": {
|
|
92
|
+
s.invalidateQueries(t);
|
|
93
|
+
break;
|
|
94
|
+
}
|
|
95
|
+
default:
|
|
96
|
+
console.warn(`Unknown devtools action: ${r}`);
|
|
76
97
|
}
|
|
77
|
-
case "REMOVE": {
|
|
78
|
-
s.removeQueries(t);
|
|
79
|
-
break;
|
|
80
|
-
}
|
|
81
|
-
case "REFETCH": {
|
|
82
|
-
t.fetch().catch(() => {
|
|
83
|
-
});
|
|
84
|
-
break;
|
|
85
|
-
}
|
|
86
|
-
case "INVALIDATE": {
|
|
87
|
-
s.invalidateQueries(t);
|
|
88
|
-
break;
|
|
89
|
-
}
|
|
90
|
-
default:
|
|
91
|
-
console.warn(`Unknown devtools action: ${r}`);
|
|
92
98
|
}
|
|
93
|
-
|
|
99
|
+
);
|
|
94
100
|
return () => {
|
|
95
101
|
n.remove();
|
|
96
102
|
};
|
|
97
103
|
}, [e]);
|
|
98
104
|
}, v = (e) => {
|
|
99
|
-
const s = e.observers.map(
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
105
|
+
const s = e.observers.map(
|
|
106
|
+
(n) => ({
|
|
107
|
+
queryHash: e.queryHash,
|
|
108
|
+
options: n.options
|
|
109
|
+
})
|
|
110
|
+
);
|
|
103
111
|
return {
|
|
104
112
|
state: e.state,
|
|
105
113
|
queryKey: e.queryKey,
|
package/dist/rozenite.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@rozenite/tanstack-query-plugin","version":"1.0.0-alpha.
|
|
1
|
+
{"name":"@rozenite/tanstack-query-plugin","version":"1.0.0-alpha.1","description":"TanStack Query for Rozenite.","panels":[{"name":"Tanstack Query","source":"/tanstack-query.html"}]}
|
package/dist/tanstack-query.html
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
<script>
|
|
23
23
|
var __ROZENITE_PANEL__ = true;
|
|
24
24
|
</script>
|
|
25
|
-
<script type="module" crossorigin src="./assets/tanstack-query-
|
|
25
|
+
<script type="module" crossorigin src="./assets/tanstack-query-By949uAm.js"></script>
|
|
26
26
|
</head>
|
|
27
27
|
<body>
|
|
28
28
|
<div id="root"></div>
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
2
|
-
import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools';
|
|
2
|
+
import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools/production';
|
|
3
3
|
import { useRozeniteDevToolsClient } from '@rozenite/plugin-bridge';
|
|
4
4
|
import { TanStackQueryPluginEventMap } from '../shared/messaging';
|
|
5
5
|
import { useSyncInitialData } from './useSyncInitialData';
|