@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.
@@ -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/JDX7DFYK.js'));
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/YGZHNM6M.jsx"));
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/N66J3ZXT.js'));
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/KEJBG6PF.jsx"));
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.13.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.13.4"
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
- }