@tanstack/solid-query-devtools 5.90.2 → 5.90.4

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 (13) hide show
  1. package/build/dev.cjs +4 -4
  2. package/build/dev.js +2 -2
  3. package/build/dev.jsx +2 -2
  4. package/build/devtools/{DFW22NEL.js → 26ZM7NTG.js} +2 -2
  5. package/build/devtools/{4LKOWRT2.jsx → MBNQRPQY.jsx} +2 -2
  6. package/build/devtoolsPanel/{YI6MKFAH.jsx → X4JVL7OJ.jsx} +2 -2
  7. package/build/devtoolsPanel/{QH7X6ZDM.js → ZSHM4KXR.js} +2 -2
  8. package/build/index.cjs +4 -4
  9. package/build/index.js +2 -2
  10. package/build/index.jsx +2 -2
  11. package/package.json +6 -3
  12. package/src/devtools.tsx +2 -2
  13. package/src/devtoolsPanel.tsx +2 -2
package/build/dev.cjs CHANGED
@@ -21,8 +21,8 @@ __export(devtools_exports, {
21
21
  default: () => SolidQueryDevtools
22
22
  });
23
23
  function SolidQueryDevtools(props) {
24
- const queryClient = solidQuery.useQueryClient();
25
- const client = solidJs.createMemo(() => props.client || queryClient);
24
+ const queryClient = solidQuery.useQueryClient(props.client);
25
+ const client = solidJs.createMemo(() => queryClient);
26
26
  let ref;
27
27
  const devtools = new queryDevtools.TanstackQueryDevtools({
28
28
  client: client(),
@@ -82,8 +82,8 @@ __export(devtoolsPanel_exports, {
82
82
  default: () => SolidQueryDevtoolsPanel
83
83
  });
84
84
  function SolidQueryDevtoolsPanel(props) {
85
- const queryClient = solidQuery.useQueryClient();
86
- const client = solidJs.createMemo(() => props.client || queryClient);
85
+ const queryClient = solidQuery.useQueryClient(props.client);
86
+ const client = solidJs.createMemo(() => queryClient);
87
87
  let ref;
88
88
  const {
89
89
  errorTypes,
package/build/dev.js CHANGED
@@ -18,10 +18,10 @@ function clientOnly(fn) {
18
18
  }
19
19
 
20
20
  // src/index.tsx
21
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/DFW22NEL.js')) : function() {
21
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/26ZM7NTG.js')) : function() {
22
22
  return null;
23
23
  };
24
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/QH7X6ZDM.js')) : function() {
24
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/ZSHM4KXR.js')) : function() {
25
25
  return null;
26
26
  };
27
27
 
package/build/dev.jsx CHANGED
@@ -30,10 +30,10 @@ function clientOnly(fn) {
30
30
  }
31
31
 
32
32
  // src/index.tsx
33
- var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/4LKOWRT2.jsx")) : function() {
33
+ var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/MBNQRPQY.jsx")) : function() {
34
34
  return null;
35
35
  };
36
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/YI6MKFAH.jsx")) : function() {
36
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/X4JVL7OJ.jsx")) : function() {
37
37
  return null;
38
38
  };
39
39
  export {
package/build/devtools/{DFW22NEL.js → 26ZM7NTG.js} RENAMED
@@ -6,8 +6,8 @@ import { TanstackQueryDevtools } from '@tanstack/query-devtools';
6
6
  // src/devtools.tsx
7
7
  var _tmpl$ = /* @__PURE__ */ template(`<div class=tsqd-parent-container>`);
8
8
  function SolidQueryDevtools(props) {
9
- const queryClient = useQueryClient();
10
- const client = createMemo(() => props.client || queryClient);
9
+ const queryClient = useQueryClient(props.client);
10
+ const client = createMemo(() => queryClient);
11
11
  let ref;
12
12
  const devtools = new TanstackQueryDevtools({
13
13
  client: client(),
package/build/devtools/{4LKOWRT2.jsx → MBNQRPQY.jsx} RENAMED
@@ -3,8 +3,8 @@ import { createEffect, createMemo, onCleanup, onMount } 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) {
6
- const queryClient = useQueryClient();
7
- const client = createMemo(() => props.client || queryClient);
6
+ const queryClient = useQueryClient(props.client);
7
+ const client = createMemo(() => queryClient);
8
8
  let ref;
9
9
  const devtools = new TanstackQueryDevtools({
10
10
  client: client(),
package/build/devtoolsPanel/{YI6MKFAH.jsx → X4JVL7OJ.jsx} RENAMED
@@ -3,8 +3,8 @@ import { createEffect, createMemo, onCleanup, onMount } 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) {
6
- const queryClient = useQueryClient();
7
- const client = createMemo(() => props.client || queryClient);
6
+ const queryClient = useQueryClient(props.client);
7
+ const client = createMemo(() => queryClient);
8
8
  let ref;
9
9
  const { errorTypes, styleNonce, shadowDOMTarget, hideDisabledQueries } = props;
10
10
  const devtools = new TanstackQueryDevtoolsPanel({
package/build/devtoolsPanel/{QH7X6ZDM.js → ZSHM4KXR.js} RENAMED
@@ -6,8 +6,8 @@ import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
6
6
  // src/devtoolsPanel.tsx
7
7
  var _tmpl$ = /* @__PURE__ */ template(`<div class=tsqd-parent-container>`);
8
8
  function SolidQueryDevtoolsPanel(props) {
9
- const queryClient = useQueryClient();
10
- const client = createMemo(() => props.client || queryClient);
9
+ const queryClient = useQueryClient(props.client);
10
+ const client = createMemo(() => queryClient);
11
11
  let ref;
12
12
  const {
13
13
  errorTypes,
package/build/index.cjs CHANGED
@@ -21,8 +21,8 @@ __export(devtools_exports, {
21
21
  default: () => SolidQueryDevtools
22
22
  });
23
23
  function SolidQueryDevtools(props) {
24
- const queryClient = solidQuery.useQueryClient();
25
- const client = solidJs.createMemo(() => props.client || queryClient);
24
+ const queryClient = solidQuery.useQueryClient(props.client);
25
+ const client = solidJs.createMemo(() => queryClient);
26
26
  let ref;
27
27
  const devtools = new queryDevtools.TanstackQueryDevtools({
28
28
  client: client(),
@@ -82,8 +82,8 @@ __export(devtoolsPanel_exports, {
82
82
  default: () => SolidQueryDevtoolsPanel
83
83
  });
84
84
  function SolidQueryDevtoolsPanel(props) {
85
- const queryClient = solidQuery.useQueryClient();
86
- const client = solidJs.createMemo(() => props.client || queryClient);
85
+ const queryClient = solidQuery.useQueryClient(props.client);
86
+ const client = solidJs.createMemo(() => queryClient);
87
87
  let ref;
88
88
  const {
89
89
  errorTypes,
package/build/index.js CHANGED
@@ -18,10 +18,10 @@ function clientOnly(fn) {
18
18
  }
19
19
 
20
20
  // src/index.tsx
21
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/DFW22NEL.js')) : function() {
21
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/26ZM7NTG.js')) : function() {
22
22
  return null;
23
23
  };
24
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/QH7X6ZDM.js')) : function() {
24
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/ZSHM4KXR.js')) : function() {
25
25
  return null;
26
26
  };
27
27
 
package/build/index.jsx CHANGED
@@ -30,10 +30,10 @@ function clientOnly(fn) {
30
30
  }
31
31
 
32
32
  // src/index.tsx
33
- var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/4LKOWRT2.jsx")) : function() {
33
+ var SolidQueryDevtools = isDev ? clientOnly(() => import("./devtools/MBNQRPQY.jsx")) : function() {
34
34
  return null;
35
35
  };
36
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/YI6MKFAH.jsx")) : function() {
36
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import("./devtoolsPanel/X4JVL7OJ.jsx")) : function() {
37
37
  return null;
38
38
  };
39
39
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/solid-query-devtools",
3
- "version": "5.90.2",
3
+ "version": "5.90.4",
4
4
  "description": "Developer tools to interact with and visualize the TanStack/solid-query Query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -47,15 +47,16 @@
47
47
  "@tanstack/query-devtools": "5.90.1"
48
48
  },
49
49
  "devDependencies": {
50
+ "@solidjs/testing-library": "^0.8.10",
50
51
  "npm-run-all2": "^5.0.0",
51
52
  "solid-js": "^1.9.7",
52
53
  "tsup-preset-solid": "^2.2.0",
53
54
  "vite-plugin-solid": "^2.11.6",
54
- "@tanstack/solid-query": "5.90.2"
55
+ "@tanstack/solid-query": "5.90.4"
55
56
  },
56
57
  "peerDependencies": {
57
58
  "solid-js": "^1.6.0",
58
- "@tanstack/solid-query": "^5.90.2"
59
+ "@tanstack/solid-query": "^5.90.4"
59
60
  },
60
61
  "scripts": {
61
62
  "clean": "premove ./build ./coverage ./dist-ts",
@@ -71,6 +72,8 @@
71
72
  "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build",
72
73
  "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build",
73
74
  "test:build": "publint --strict && attw --pack",
75
+ "test:lib": "vitest --retry=3",
76
+ "test:lib:dev": "pnpm run test:lib --watch",
74
77
  "build": "tsup --tsconfig tsconfig.prod.json",
75
78
  "build:dev": "tsup --watch"
76
79
  }
package/src/devtools.tsx CHANGED
@@ -48,8 +48,8 @@ interface DevtoolsOptions {
48
48
  }
49
49
 
50
50
  export default function SolidQueryDevtools(props: DevtoolsOptions) {
51
- const queryClient = useQueryClient()
52
- const client = createMemo(() => props.client || queryClient)
51
+ const queryClient = useQueryClient(props.client)
52
+ const client = createMemo(() => queryClient)
53
53
  let ref!: HTMLDivElement
54
54
  const devtools = new TanstackQueryDevtools({
55
55
  client: client(),
package/src/devtoolsPanel.tsx CHANGED
@@ -42,8 +42,8 @@ export interface DevtoolsPanelOptions {
42
42
  }
43
43
 
44
44
  export default function SolidQueryDevtoolsPanel(props: DevtoolsPanelOptions) {
45
- const queryClient = useQueryClient()
46
- const client = createMemo(() => props.client || queryClient)
45
+ const queryClient = useQueryClient(props.client)
46
+ const client = createMemo(() => queryClient)
47
47
  let ref!: HTMLDivElement
48
48
  const { errorTypes, styleNonce, shadowDOMTarget, hideDisabledQueries } = props
49
49
  const devtools = new TanstackQueryDevtoolsPanel({