@tanstack/query-devtools 5.13.5 → 5.14.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.
- package/build/Devtools/{N66J3ZXT.js → 47NOZC6N.js} +0 -9
- package/build/Devtools/{KEJBG6PF.jsx → QLPNQ352.jsx} +0 -9
- package/build/Devtools/{YGZHNM6M.jsx → SEFWYCLN.jsx} +0 -9
- package/build/Devtools/{JDX7DFYK.js → TB2FSY4I.js} +0 -9
- package/build/dev.cjs +0 -15
- package/build/dev.js +1 -1
- package/build/dev.jsx +1 -1
- package/build/index.cjs +0 -15
- package/build/index.js +1 -1
- package/build/index.jsx +1 -1
- package/package.json +2 -2
- package/src/Devtools.tsx +0 -3
- package/src/fonts.ts +0 -7
|
@@ -9492,14 +9492,6 @@ var lightStyles = stylesFactory("light");
|
|
|
9492
9492
|
var darkStyles = stylesFactory("dark");
|
|
9493
9493
|
delegateEvents(["click"]);
|
|
9494
9494
|
|
|
9495
|
-
// src/fonts.ts
|
|
9496
|
-
var loadFonts = () => {
|
|
9497
|
-
const link = document.createElement("link");
|
|
9498
|
-
link.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap";
|
|
9499
|
-
link.rel = "stylesheet";
|
|
9500
|
-
document.head.appendChild(link);
|
|
9501
|
-
};
|
|
9502
|
-
|
|
9503
9495
|
// src/Devtools.tsx
|
|
9504
9496
|
var _tmpl$24 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">`);
|
|
9505
9497
|
var _tmpl$25 = /* @__PURE__ */ template(`<div>`);
|
|
@@ -9574,7 +9566,6 @@ var DevtoolsComponent = (props) => {
|
|
|
9574
9566
|
};
|
|
9575
9567
|
var Devtools_default = DevtoolsComponent;
|
|
9576
9568
|
var Devtools = (props) => {
|
|
9577
|
-
loadFonts();
|
|
9578
9569
|
const theme = useTheme();
|
|
9579
9570
|
const styles = createMemo(() => {
|
|
9580
9571
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
@@ -10422,14 +10422,6 @@ var stylesFactory = (theme) => {
|
|
|
10422
10422
|
var lightStyles = stylesFactory("light");
|
|
10423
10423
|
var darkStyles = stylesFactory("dark");
|
|
10424
10424
|
|
|
10425
|
-
// src/fonts.ts
|
|
10426
|
-
var loadFonts = () => {
|
|
10427
|
-
const link = document.createElement("link");
|
|
10428
|
-
link.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap";
|
|
10429
|
-
link.rel = "stylesheet";
|
|
10430
|
-
document.head.appendChild(link);
|
|
10431
|
-
};
|
|
10432
|
-
|
|
10433
10425
|
// src/Devtools.tsx
|
|
10434
10426
|
var firstBreakpoint = 1024;
|
|
10435
10427
|
var secondBreakpoint = 796;
|
|
@@ -10465,7 +10457,6 @@ var DevtoolsComponent = (props) => {
|
|
|
10465
10457
|
};
|
|
10466
10458
|
var Devtools_default = DevtoolsComponent;
|
|
10467
10459
|
var Devtools = (props) => {
|
|
10468
|
-
loadFonts();
|
|
10469
10460
|
const theme = useTheme();
|
|
10470
10461
|
const styles = createMemo(() => {
|
|
10471
10462
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
@@ -10423,14 +10423,6 @@ var stylesFactory = (theme) => {
|
|
|
10423
10423
|
var lightStyles = stylesFactory("light");
|
|
10424
10424
|
var darkStyles = stylesFactory("dark");
|
|
10425
10425
|
|
|
10426
|
-
// src/fonts.ts
|
|
10427
|
-
var loadFonts = () => {
|
|
10428
|
-
const link = document.createElement("link");
|
|
10429
|
-
link.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap";
|
|
10430
|
-
link.rel = "stylesheet";
|
|
10431
|
-
document.head.appendChild(link);
|
|
10432
|
-
};
|
|
10433
|
-
|
|
10434
10426
|
// src/Devtools.tsx
|
|
10435
10427
|
var firstBreakpoint = 1024;
|
|
10436
10428
|
var secondBreakpoint = 796;
|
|
@@ -10466,7 +10458,6 @@ var DevtoolsComponent = (props) => {
|
|
|
10466
10458
|
};
|
|
10467
10459
|
var Devtools_default = DevtoolsComponent;
|
|
10468
10460
|
var Devtools = (props) => {
|
|
10469
|
-
loadFonts();
|
|
10470
10461
|
const theme = useTheme();
|
|
10471
10462
|
const styles = createMemo(() => {
|
|
10472
10463
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
|
@@ -9493,14 +9493,6 @@ var lightStyles = stylesFactory("light");
|
|
|
9493
9493
|
var darkStyles = stylesFactory("dark");
|
|
9494
9494
|
delegateEvents(["click"]);
|
|
9495
9495
|
|
|
9496
|
-
// src/fonts.ts
|
|
9497
|
-
var loadFonts = () => {
|
|
9498
|
-
const link = document.createElement("link");
|
|
9499
|
-
link.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap";
|
|
9500
|
-
link.rel = "stylesheet";
|
|
9501
|
-
document.head.appendChild(link);
|
|
9502
|
-
};
|
|
9503
|
-
|
|
9504
9496
|
// src/Devtools.tsx
|
|
9505
9497
|
var _tmpl$24 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">`);
|
|
9506
9498
|
var _tmpl$25 = /* @__PURE__ */ template(`<div>`);
|
|
@@ -9575,7 +9567,6 @@ var DevtoolsComponent = (props) => {
|
|
|
9575
9567
|
};
|
|
9576
9568
|
var Devtools_default = DevtoolsComponent;
|
|
9577
9569
|
var Devtools = (props) => {
|
|
9578
|
-
loadFonts();
|
|
9579
9570
|
const theme = useTheme();
|
|
9580
9571
|
const styles = createMemo(() => {
|
|
9581
9572
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
package/build/dev.cjs
CHANGED
|
@@ -12978,19 +12978,6 @@ var init_Explorer = __esm({
|
|
|
12978
12978
|
}
|
|
12979
12979
|
});
|
|
12980
12980
|
|
|
12981
|
-
// src/fonts.ts
|
|
12982
|
-
var loadFonts;
|
|
12983
|
-
var init_fonts = __esm({
|
|
12984
|
-
"src/fonts.ts"() {
|
|
12985
|
-
loadFonts = () => {
|
|
12986
|
-
const link = document.createElement("link");
|
|
12987
|
-
link.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap";
|
|
12988
|
-
link.rel = "stylesheet";
|
|
12989
|
-
document.head.appendChild(link);
|
|
12990
|
-
};
|
|
12991
|
-
}
|
|
12992
|
-
});
|
|
12993
|
-
|
|
12994
12981
|
// src/Devtools.tsx
|
|
12995
12982
|
var Devtools_exports = {};
|
|
12996
12983
|
__export(Devtools_exports, {
|
|
@@ -13024,7 +13011,6 @@ var init_Devtools = __esm({
|
|
|
13024
13011
|
init_icons();
|
|
13025
13012
|
init_Explorer();
|
|
13026
13013
|
init_Context();
|
|
13027
|
-
init_fonts();
|
|
13028
13014
|
_tmpl$24 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">`);
|
|
13029
13015
|
_tmpl$25 = /* @__PURE__ */ template(`<div>`);
|
|
13030
13016
|
_tmpl$33 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">`);
|
|
@@ -13098,7 +13084,6 @@ var init_Devtools = __esm({
|
|
|
13098
13084
|
};
|
|
13099
13085
|
Devtools_default = DevtoolsComponent;
|
|
13100
13086
|
Devtools = (props) => {
|
|
13101
|
-
loadFonts();
|
|
13102
13087
|
const theme = useTheme();
|
|
13103
13088
|
const styles = createMemo(() => {
|
|
13104
13089
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
package/build/dev.js
CHANGED
|
@@ -65,7 +65,7 @@ var TanstackQueryDevtools = class {
|
|
|
65
65
|
if (this.#Component) {
|
|
66
66
|
Devtools = this.#Component;
|
|
67
67
|
} else {
|
|
68
|
-
Devtools = lazy(() => import('./Devtools/
|
|
68
|
+
Devtools = lazy(() => import('./Devtools/TB2FSY4I.js'));
|
|
69
69
|
this.#Component = Devtools;
|
|
70
70
|
}
|
|
71
71
|
setupStyleSheet(this.#styleNonce);
|
package/build/dev.jsx
CHANGED
|
@@ -70,7 +70,7 @@ var TanstackQueryDevtools = class {
|
|
|
70
70
|
if (this.#Component) {
|
|
71
71
|
Devtools = this.#Component;
|
|
72
72
|
} else {
|
|
73
|
-
Devtools = lazy(() => import("./Devtools/
|
|
73
|
+
Devtools = lazy(() => import("./Devtools/SEFWYCLN.jsx"));
|
|
74
74
|
this.#Component = Devtools;
|
|
75
75
|
}
|
|
76
76
|
setupStyleSheet(this.#styleNonce);
|
package/build/index.cjs
CHANGED
|
@@ -12976,19 +12976,6 @@ var init_Explorer = __esm({
|
|
|
12976
12976
|
}
|
|
12977
12977
|
});
|
|
12978
12978
|
|
|
12979
|
-
// src/fonts.ts
|
|
12980
|
-
var loadFonts;
|
|
12981
|
-
var init_fonts = __esm({
|
|
12982
|
-
"src/fonts.ts"() {
|
|
12983
|
-
loadFonts = () => {
|
|
12984
|
-
const link = document.createElement("link");
|
|
12985
|
-
link.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap";
|
|
12986
|
-
link.rel = "stylesheet";
|
|
12987
|
-
document.head.appendChild(link);
|
|
12988
|
-
};
|
|
12989
|
-
}
|
|
12990
|
-
});
|
|
12991
|
-
|
|
12992
12979
|
// src/Devtools.tsx
|
|
12993
12980
|
var Devtools_exports = {};
|
|
12994
12981
|
__export(Devtools_exports, {
|
|
@@ -13022,7 +13009,6 @@ var init_Devtools = __esm({
|
|
|
13022
13009
|
init_icons();
|
|
13023
13010
|
init_Explorer();
|
|
13024
13011
|
init_Context();
|
|
13025
|
-
init_fonts();
|
|
13026
13012
|
_tmpl$24 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">`);
|
|
13027
13013
|
_tmpl$25 = /* @__PURE__ */ template(`<div>`);
|
|
13028
13014
|
_tmpl$33 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">`);
|
|
@@ -13096,7 +13082,6 @@ var init_Devtools = __esm({
|
|
|
13096
13082
|
};
|
|
13097
13083
|
Devtools_default = DevtoolsComponent;
|
|
13098
13084
|
Devtools = (props) => {
|
|
13099
|
-
loadFonts();
|
|
13100
13085
|
const theme = useTheme();
|
|
13101
13086
|
const styles = createMemo(() => {
|
|
13102
13087
|
return theme() === "dark" ? darkStyles2 : lightStyles2;
|
package/build/index.js
CHANGED
|
@@ -65,7 +65,7 @@ var TanstackQueryDevtools = class {
|
|
|
65
65
|
if (this.#Component) {
|
|
66
66
|
Devtools = this.#Component;
|
|
67
67
|
} else {
|
|
68
|
-
Devtools = lazy(() => import('./Devtools/
|
|
68
|
+
Devtools = lazy(() => import('./Devtools/47NOZC6N.js'));
|
|
69
69
|
this.#Component = Devtools;
|
|
70
70
|
}
|
|
71
71
|
setupStyleSheet(this.#styleNonce);
|
package/build/index.jsx
CHANGED
|
@@ -70,7 +70,7 @@ var TanstackQueryDevtools = class {
|
|
|
70
70
|
if (this.#Component) {
|
|
71
71
|
Devtools = this.#Component;
|
|
72
72
|
} else {
|
|
73
|
-
Devtools = lazy(() => import("./Devtools/
|
|
73
|
+
Devtools = lazy(() => import("./Devtools/QLPNQ352.jsx"));
|
|
74
74
|
this.#Component = Devtools;
|
|
75
75
|
}
|
|
76
76
|
setupStyleSheet(this.#styleNonce);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/query-devtools",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.14.5",
|
|
4
4
|
"description": "Developer tools to interact with and visualize the TanStack Query cache",
|
|
5
5
|
"author": "tannerlinsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"superjson": "^1.12.4",
|
|
51
51
|
"tsup-preset-solid": "^2.1.0",
|
|
52
52
|
"vite-plugin-solid": "^2.7.2",
|
|
53
|
-
"@tanstack/query-core": "5.
|
|
53
|
+
"@tanstack/query-core": "5.14.2"
|
|
54
54
|
},
|
|
55
55
|
"scripts": {
|
|
56
56
|
"clean": "rimraf ./build && rimraf ./coverage",
|
package/src/Devtools.tsx
CHANGED
|
@@ -57,7 +57,6 @@ import {
|
|
|
57
57
|
useQueryDevtoolsContext,
|
|
58
58
|
useTheme,
|
|
59
59
|
} from './Context'
|
|
60
|
-
import { loadFonts } from './fonts'
|
|
61
60
|
import type {
|
|
62
61
|
DevToolsErrorType,
|
|
63
62
|
DevtoolsButtonPosition,
|
|
@@ -138,8 +137,6 @@ const DevtoolsComponent: DevtoolsComponentType = (props) => {
|
|
|
138
137
|
export default DevtoolsComponent
|
|
139
138
|
|
|
140
139
|
const Devtools: Component<DevtoolsPanelProps> = (props) => {
|
|
141
|
-
loadFonts()
|
|
142
|
-
|
|
143
140
|
const theme = useTheme()
|
|
144
141
|
const styles = createMemo(() => {
|
|
145
142
|
return theme() === 'dark' ? darkStyles : lightStyles
|
package/src/fonts.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export const loadFonts = () => {
|
|
2
|
-
const link = document.createElement('link')
|
|
3
|
-
link.href =
|
|
4
|
-
'https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap'
|
|
5
|
-
link.rel = 'stylesheet'
|
|
6
|
-
document.head.appendChild(link)
|
|
7
|
-
}
|