@tanstack/query-devtools 5.76.0 → 5.80.11
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/build/DevtoolsComponent/{6BZD2SY2.js → HH7B3BHX.js} +1 -1
- package/build/DevtoolsComponent/{2ZEF3XTO.js → I3HPI4QX.js} +1 -1
- package/build/DevtoolsPanelComponent/{4GTSBKBA.js → CXEL7IU7.js} +1 -1
- package/build/DevtoolsPanelComponent/{G73NX4V5.js → JZI2RDCT.js} +1 -1
- package/build/chunk/{U3MG367F.js → HASRA6WW.js} +189 -166
- package/build/chunk/{YBOVUDTV.js → L7Z3HDK6.js} +189 -166
- package/build/dev.cjs +190 -167
- package/build/dev.js +2 -2
- package/build/index.cjs +190 -167
- package/build/index.js +2 -2
- package/package.json +2 -2
- package/src/Devtools.tsx +25 -0
package/build/index.js
CHANGED
|
@@ -69,7 +69,7 @@ var TanstackQueryDevtools = class {
|
|
|
69
69
|
if (this.#Component) {
|
|
70
70
|
Devtools = this.#Component;
|
|
71
71
|
} else {
|
|
72
|
-
Devtools = lazy(() => import('./DevtoolsComponent/
|
|
72
|
+
Devtools = lazy(() => import('./DevtoolsComponent/I3HPI4QX.js'));
|
|
73
73
|
this.#Component = Devtools;
|
|
74
74
|
}
|
|
75
75
|
setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
|
|
@@ -192,7 +192,7 @@ var TanstackQueryDevtoolsPanel = class {
|
|
|
192
192
|
if (this.#Component) {
|
|
193
193
|
Devtools = this.#Component;
|
|
194
194
|
} else {
|
|
195
|
-
Devtools = lazy(() => import('./DevtoolsPanelComponent/
|
|
195
|
+
Devtools = lazy(() => import('./DevtoolsPanelComponent/CXEL7IU7.js'));
|
|
196
196
|
this.#Component = Devtools;
|
|
197
197
|
}
|
|
198
198
|
setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/query-devtools",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.80.11",
|
|
4
4
|
"description": "Developer tools to interact with and visualize the TanStack Query cache",
|
|
5
5
|
"author": "tannerlinsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"superjson": "^2.2.1",
|
|
58
58
|
"tsup-preset-solid": "^2.2.0",
|
|
59
59
|
"vite-plugin-solid": "^2.11.6",
|
|
60
|
-
"@tanstack/query-core": "5.
|
|
60
|
+
"@tanstack/query-core": "5.80.11"
|
|
61
61
|
},
|
|
62
62
|
"scripts": {}
|
|
63
63
|
}
|
package/src/Devtools.tsx
CHANGED
|
@@ -1263,6 +1263,17 @@ const QueryRow: Component<{ query: Query }> = (props) => {
|
|
|
1263
1263
|
(e) => e.query.queryHash === props.query.queryHash,
|
|
1264
1264
|
)
|
|
1265
1265
|
|
|
1266
|
+
const isStatic = createSubscribeToQueryCacheBatcher(
|
|
1267
|
+
(queryCache) =>
|
|
1268
|
+
queryCache()
|
|
1269
|
+
.find({
|
|
1270
|
+
queryKey: props.query.queryKey,
|
|
1271
|
+
})
|
|
1272
|
+
?.isStatic() ?? false,
|
|
1273
|
+
true,
|
|
1274
|
+
(e) => e.query.queryHash === props.query.queryHash,
|
|
1275
|
+
)
|
|
1276
|
+
|
|
1266
1277
|
const isStale = createSubscribeToQueryCacheBatcher(
|
|
1267
1278
|
(queryCache) =>
|
|
1268
1279
|
queryCache()
|
|
@@ -1337,6 +1348,9 @@ const QueryRow: Component<{ query: Query }> = (props) => {
|
|
|
1337
1348
|
<Show when={isDisabled()}>
|
|
1338
1349
|
<div class="tsqd-query-disabled-indicator">disabled</div>
|
|
1339
1350
|
</Show>
|
|
1351
|
+
<Show when={isStatic()}>
|
|
1352
|
+
<div class="tsqd-query-static-indicator">static</div>
|
|
1353
|
+
</Show>
|
|
1340
1354
|
</button>
|
|
1341
1355
|
</Show>
|
|
1342
1356
|
)
|
|
@@ -3180,6 +3194,17 @@ const stylesFactory = (
|
|
|
3180
3194
|
border-bottom: 1px solid ${t(colors.gray[300], colors.darkGray[400])};
|
|
3181
3195
|
font-size: ${font.size.xs};
|
|
3182
3196
|
}
|
|
3197
|
+
|
|
3198
|
+
& .tsqd-query-static-indicator {
|
|
3199
|
+
align-self: stretch;
|
|
3200
|
+
display: flex;
|
|
3201
|
+
align-items: center;
|
|
3202
|
+
padding: 0 ${tokens.size[2]};
|
|
3203
|
+
color: ${t(colors.teal[800], colors.teal[300])};
|
|
3204
|
+
background-color: ${t(colors.teal[100], colors.teal[900])};
|
|
3205
|
+
border-bottom: 1px solid ${t(colors.teal[300], colors.teal[700])};
|
|
3206
|
+
font-size: ${font.size.xs};
|
|
3207
|
+
}
|
|
3183
3208
|
`,
|
|
3184
3209
|
selectedQueryRow: css`
|
|
3185
3210
|
background-color: ${t(colors.gray[200], colors.darkGray[500])};
|