@tanstack/solid-query-devtools 6.0.0-beta.5 → 6.0.0-beta.6

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/chunk/{OIFXIFGE.js → C73S7YTW.js} +39 -10
  2. package/build/chunk/{5YUDKRGO.js → KGLMGK4M.js} +39 -10
  3. package/build/dev.cjs +40 -11
  4. package/build/dev.js +3 -3
  5. package/build/dev.jsx +10 -2
  6. package/build/devtools/{FNDI35UR.js → JA7A2ZGS.js} +1 -1
  7. package/build/devtools/{T3N3FX25.js → N77BMJWV.js} +1 -1
  8. package/build/devtoolsPanel/{DXOBITS6.js → CMV5IMZB.js} +1 -1
  9. package/build/devtoolsPanel/{5CAQ2WGQ.js → PHKM6EE4.js} +1 -1
  10. package/build/index.cjs +40 -11
  11. package/build/index.js +3 -3
  12. package/build/index.jsx +10 -2
  13. package/package.json +8 -7
package/build/chunk/{OIFXIFGE.js → C73S7YTW.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  import { createRenderEffect, untrack, runWithOwner, sharedConfig } from 'solid-js';
2
2
 
3
- // ../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.15_solid-js@2.0.0-beta.15/node_modules/@solidjs/web/dist/dev.js
3
+ // ../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.21_solid-js@2.0.0-beta.21/node_modules/@solidjs/web/dist/dev.js
4
4
  var transparentOptions = {
5
5
  transparent: true,
6
6
  sync: true
7
7
  };
8
8
  var effect = (fn, effectFn, options) => createRenderEffect(fn, effectFn, options ? {
9
- transparent: true,
10
9
  sync: true,
11
- ...options
10
+ ...options,
11
+ transparent: !options.scope
12
12
  } : transparentOptions);
13
13
  function create(html, bypassGuard, flag) {
14
14
  if (isHydrating() && !bypassGuard) throw new Error("Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration.");
@@ -28,20 +28,41 @@ function setAttribute(node, name, value) {
28
28
  }
29
29
  function style(node, value, prev) {
30
30
  if (!value) {
31
- if (prev) setAttribute(node, "style");
31
+ if (prev || node._$styles) {
32
+ setAttribute(node, "style");
33
+ node._$styles = void 0;
34
+ }
32
35
  return;
33
36
  }
34
37
  const nodeStyle = node.style;
35
- if (typeof value === "string") return nodeStyle.cssText = value;
36
- typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
37
- prev || (prev = {});
38
+ if (typeof value === "string") {
39
+ node._$styles = void 0;
40
+ return nodeStyle.cssText = value;
41
+ }
42
+ if (typeof prev === "string") {
43
+ nodeStyle.cssText = "";
44
+ prev = void 0;
45
+ }
46
+ let applied = node._$styles;
47
+ if (!applied) {
48
+ applied = node._$styles = prev ? {
49
+ ...prev
50
+ } : {};
51
+ }
38
52
  let v, s;
53
+ for (s in applied) {
54
+ if (value[s] == null) {
55
+ nodeStyle.removeProperty(s);
56
+ delete applied[s];
57
+ }
58
+ }
39
59
  for (s in value) {
40
60
  v = value[s];
41
- if (v !== prev[s]) nodeStyle.setProperty(s, v);
42
- delete prev[s];
61
+ if (v != null && v !== applied[s]) {
62
+ nodeStyle.setProperty(s, v);
63
+ applied[s] = v;
64
+ }
43
65
  }
44
- for (s in prev) value[s] == null && nodeStyle.removeProperty(s);
45
66
  }
46
67
  function applyRef(r, element) {
47
68
  Array.isArray(r) ? r.flat(Infinity).forEach((f) => f && f(element)) : r(element);
@@ -53,6 +74,14 @@ function ref(fn, element) {
53
74
  function isHydrating(node) {
54
75
  return sharedConfig.hydrating && (!node || node.isConnected);
55
76
  }
77
+ var ENVELOPE = /* @__PURE__ */ Symbol.for("solid.ResponseEnvelope");
78
+ var ResponseEnvelope = class {
79
+ constructor(response, value) {
80
+ this.response = response;
81
+ this.value = value;
82
+ }
83
+ };
84
+ ResponseEnvelope.prototype[ENVELOPE] = true;
56
85
  var isServer = false;
57
86
  var isDev = true;
58
87
 
package/build/chunk/{5YUDKRGO.js → KGLMGK4M.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  import { createRenderEffect, untrack, runWithOwner, sharedConfig } from 'solid-js';
2
2
 
3
- // ../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.15_solid-js@2.0.0-beta.15/node_modules/@solidjs/web/dist/web.js
3
+ // ../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.21_solid-js@2.0.0-beta.21/node_modules/@solidjs/web/dist/web.js
4
4
  var transparentOptions = {
5
5
  transparent: true,
6
6
  sync: true
7
7
  };
8
8
  var effect = (fn, effectFn, options) => createRenderEffect(fn, effectFn, options ? {
9
- transparent: true,
10
9
  sync: true,
11
- ...options
10
+ ...options,
11
+ transparent: !options.scope
12
12
  } : transparentOptions);
13
13
  function create(html, bypassGuard, flag) {
14
14
  const t = document.createElement("template");
@@ -26,20 +26,41 @@ function setAttribute(node, name, value) {
26
26
  }
27
27
  function style(node, value, prev) {
28
28
  if (!value) {
29
- if (prev) setAttribute(node, "style");
29
+ if (prev || node._$styles) {
30
+ setAttribute(node, "style");
31
+ node._$styles = void 0;
32
+ }
30
33
  return;
31
34
  }
32
35
  const nodeStyle = node.style;
33
- if (typeof value === "string") return nodeStyle.cssText = value;
34
- typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
35
- prev || (prev = {});
36
+ if (typeof value === "string") {
37
+ node._$styles = void 0;
38
+ return nodeStyle.cssText = value;
39
+ }
40
+ if (typeof prev === "string") {
41
+ nodeStyle.cssText = "";
42
+ prev = void 0;
43
+ }
44
+ let applied = node._$styles;
45
+ if (!applied) {
46
+ applied = node._$styles = prev ? {
47
+ ...prev
48
+ } : {};
49
+ }
36
50
  let v, s;
51
+ for (s in applied) {
52
+ if (value[s] == null) {
53
+ nodeStyle.removeProperty(s);
54
+ delete applied[s];
55
+ }
56
+ }
37
57
  for (s in value) {
38
58
  v = value[s];
39
- if (v !== prev[s]) nodeStyle.setProperty(s, v);
40
- delete prev[s];
59
+ if (v != null && v !== applied[s]) {
60
+ nodeStyle.setProperty(s, v);
61
+ applied[s] = v;
62
+ }
41
63
  }
42
- for (s in prev) value[s] == null && nodeStyle.removeProperty(s);
43
64
  }
44
65
  function applyRef(r, element) {
45
66
  Array.isArray(r) ? r.flat(Infinity).forEach((f) => f && f(element)) : r(element);
@@ -51,6 +72,14 @@ function ref(fn, element) {
51
72
  function isHydrating(node) {
52
73
  return sharedConfig.hydrating && (!node || node.isConnected);
53
74
  }
75
+ var ENVELOPE = /* @__PURE__ */ Symbol.for("solid.ResponseEnvelope");
76
+ var ResponseEnvelope = class {
77
+ constructor(response, value) {
78
+ this.response = response;
79
+ this.value = value;
80
+ }
81
+ };
82
+ ResponseEnvelope.prototype[ENVELOPE] = true;
54
83
  var isServer = false;
55
84
  var isDev = false;
56
85
 
package/build/dev.cjs CHANGED
@@ -31,20 +31,41 @@ function setAttribute(node, name, value) {
31
31
  }
32
32
  function style(node, value, prev) {
33
33
  if (!value) {
34
- if (prev) setAttribute(node, "style");
34
+ if (prev || node._$styles) {
35
+ setAttribute(node, "style");
36
+ node._$styles = void 0;
37
+ }
35
38
  return;
36
39
  }
37
40
  const nodeStyle = node.style;
38
- if (typeof value === "string") return nodeStyle.cssText = value;
39
- typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
40
- prev || (prev = {});
41
+ if (typeof value === "string") {
42
+ node._$styles = void 0;
43
+ return nodeStyle.cssText = value;
44
+ }
45
+ if (typeof prev === "string") {
46
+ nodeStyle.cssText = "";
47
+ prev = void 0;
48
+ }
49
+ let applied = node._$styles;
50
+ if (!applied) {
51
+ applied = node._$styles = prev ? {
52
+ ...prev
53
+ } : {};
54
+ }
41
55
  let v, s;
56
+ for (s in applied) {
57
+ if (value[s] == null) {
58
+ nodeStyle.removeProperty(s);
59
+ delete applied[s];
60
+ }
61
+ }
42
62
  for (s in value) {
43
63
  v = value[s];
44
- if (v !== prev[s]) nodeStyle.setProperty(s, v);
45
- delete prev[s];
64
+ if (v != null && v !== applied[s]) {
65
+ nodeStyle.setProperty(s, v);
66
+ applied[s] = v;
67
+ }
46
68
  }
47
- for (s in prev) value[s] == null && nodeStyle.removeProperty(s);
48
69
  }
49
70
  function applyRef(r, element) {
50
71
  Array.isArray(r) ? r.flat(Infinity).forEach((f) => f && f(element)) : r(element);
@@ -56,18 +77,26 @@ function ref(fn, element) {
56
77
  function isHydrating(node) {
57
78
  return solidJs.sharedConfig.hydrating && (!node || node.isConnected);
58
79
  }
59
- var transparentOptions, effect, isServer, isDev;
80
+ var transparentOptions, effect, ENVELOPE, ResponseEnvelope, isServer, isDev;
60
81
  var init_dev = __esm({
61
- "../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.15_solid-js@2.0.0-beta.15/node_modules/@solidjs/web/dist/dev.js"() {
82
+ "../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.21_solid-js@2.0.0-beta.21/node_modules/@solidjs/web/dist/dev.js"() {
62
83
  transparentOptions = {
63
84
  transparent: true,
64
85
  sync: true
65
86
  };
66
87
  effect = (fn, effectFn, options) => solidJs.createRenderEffect(fn, effectFn, options ? {
67
- transparent: true,
68
88
  sync: true,
69
- ...options
89
+ ...options,
90
+ transparent: !options.scope
70
91
  } : transparentOptions);
92
+ ENVELOPE = /* @__PURE__ */ Symbol.for("solid.ResponseEnvelope");
93
+ ResponseEnvelope = class {
94
+ constructor(response, value) {
95
+ this.response = response;
96
+ this.value = value;
97
+ }
98
+ };
99
+ ResponseEnvelope.prototype[ENVELOPE] = true;
71
100
  isServer = false;
72
101
  isDev = true;
73
102
  }
package/build/dev.js CHANGED
@@ -1,4 +1,4 @@
1
- import { isDev, isServer } from './chunk/OIFXIFGE.js';
1
+ import { isDev, isServer } from './chunk/C73S7YTW.js';
2
2
  import { createSignal, omit, sharedConfig, onSettled, createMemo, untrack } from 'solid-js';
3
3
 
4
4
  function clientOnly(fn) {
@@ -19,10 +19,10 @@ function clientOnly(fn) {
19
19
  }
20
20
 
21
21
  // src/index.tsx
22
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/T3N3FX25.js')) : function() {
22
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/JA7A2ZGS.js')) : function() {
23
23
  return null;
24
24
  };
25
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/5CAQ2WGQ.js')) : function() {
25
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/CMV5IMZB.js')) : function() {
26
26
  return null;
27
27
  };
28
28
 
package/build/dev.jsx CHANGED
@@ -1,6 +1,14 @@
1
- // ../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.15_solid-js@2.0.0-beta.15/node_modules/@solidjs/web/dist/dev.js
2
- import { createRenderEffect, createMemo, sharedConfig, untrack, runWithOwner, flatten, createRoot, merge, createComponent, omit, getOwner, createEffect, $DEVCOMP, enableHydration, enforceLoadingBoundary, flush } from "solid-js";
1
+ // ../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.21_solid-js@2.0.0-beta.21/node_modules/@solidjs/web/dist/dev.js
2
+ import { createRenderEffect, createMemo, sharedConfig, untrack, runWithOwner, flatten, createRoot, merge, createComponent, omit, createOwner, $DEVCOMP, enableHydration, enforceLoadingBoundary, flush, getOwner, createEffect } from "solid-js";
3
3
  import { Errored, For, Hydration, Loading, Match, NoHydration, Repeat, Reveal, Show, Switch, createComponent as createComponent2, getOwner as getOwner2, untrack as untrack2 } from "solid-js";
4
+ var ENVELOPE = /* @__PURE__ */ Symbol.for("solid.ResponseEnvelope");
5
+ var ResponseEnvelope = class {
6
+ constructor(response, value) {
7
+ this.response = response;
8
+ this.value = value;
9
+ }
10
+ };
11
+ ResponseEnvelope.prototype[ENVELOPE] = true;
4
12
  var isServer = false;
5
13
  var isDev = true;
6
14
 
package/build/devtools/{FNDI35UR.js → JA7A2ZGS.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { ref, template } from '../chunk/5YUDKRGO.js';
1
+ import { ref, template } from '../chunk/C73S7YTW.js';
2
2
  import { createMemo, createEffect, onSettled, runWithOwner } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtools } from '@tanstack/query-devtools';
package/build/devtools/{T3N3FX25.js → N77BMJWV.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { ref, template } from '../chunk/OIFXIFGE.js';
1
+ import { ref, template } from '../chunk/KGLMGK4M.js';
2
2
  import { createMemo, createEffect, onSettled, runWithOwner } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtools } from '@tanstack/query-devtools';
package/build/devtoolsPanel/{DXOBITS6.js → CMV5IMZB.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { ref, effect, style, template } from '../chunk/5YUDKRGO.js';
1
+ import { ref, effect, style, template } from '../chunk/C73S7YTW.js';
2
2
  import { createMemo, createEffect, onSettled, runWithOwner } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
package/build/devtoolsPanel/{5CAQ2WGQ.js → PHKM6EE4.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { ref, effect, style, template } from '../chunk/OIFXIFGE.js';
1
+ import { ref, effect, style, template } from '../chunk/KGLMGK4M.js';
2
2
  import { createMemo, createEffect, onSettled, runWithOwner } from 'solid-js';
3
3
  import { useQueryClient, onlineManager } from '@tanstack/solid-query';
4
4
  import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
package/build/index.cjs CHANGED
@@ -29,20 +29,41 @@ function setAttribute(node, name, value) {
29
29
  }
30
30
  function style(node, value, prev) {
31
31
  if (!value) {
32
- if (prev) setAttribute(node, "style");
32
+ if (prev || node._$styles) {
33
+ setAttribute(node, "style");
34
+ node._$styles = void 0;
35
+ }
33
36
  return;
34
37
  }
35
38
  const nodeStyle = node.style;
36
- if (typeof value === "string") return nodeStyle.cssText = value;
37
- typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
38
- prev || (prev = {});
39
+ if (typeof value === "string") {
40
+ node._$styles = void 0;
41
+ return nodeStyle.cssText = value;
42
+ }
43
+ if (typeof prev === "string") {
44
+ nodeStyle.cssText = "";
45
+ prev = void 0;
46
+ }
47
+ let applied = node._$styles;
48
+ if (!applied) {
49
+ applied = node._$styles = prev ? {
50
+ ...prev
51
+ } : {};
52
+ }
39
53
  let v, s;
54
+ for (s in applied) {
55
+ if (value[s] == null) {
56
+ nodeStyle.removeProperty(s);
57
+ delete applied[s];
58
+ }
59
+ }
40
60
  for (s in value) {
41
61
  v = value[s];
42
- if (v !== prev[s]) nodeStyle.setProperty(s, v);
43
- delete prev[s];
62
+ if (v != null && v !== applied[s]) {
63
+ nodeStyle.setProperty(s, v);
64
+ applied[s] = v;
65
+ }
44
66
  }
45
- for (s in prev) value[s] == null && nodeStyle.removeProperty(s);
46
67
  }
47
68
  function applyRef(r, element) {
48
69
  Array.isArray(r) ? r.flat(Infinity).forEach((f) => f && f(element)) : r(element);
@@ -54,18 +75,26 @@ function ref(fn, element) {
54
75
  function isHydrating(node) {
55
76
  return solidJs.sharedConfig.hydrating && (!node || node.isConnected);
56
77
  }
57
- var transparentOptions, effect, isServer, isDev;
78
+ var transparentOptions, effect, ENVELOPE, ResponseEnvelope, isServer, isDev;
58
79
  var init_web = __esm({
59
- "../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.15_solid-js@2.0.0-beta.15/node_modules/@solidjs/web/dist/web.js"() {
80
+ "../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.21_solid-js@2.0.0-beta.21/node_modules/@solidjs/web/dist/web.js"() {
60
81
  transparentOptions = {
61
82
  transparent: true,
62
83
  sync: true
63
84
  };
64
85
  effect = (fn, effectFn, options) => solidJs.createRenderEffect(fn, effectFn, options ? {
65
- transparent: true,
66
86
  sync: true,
67
- ...options
87
+ ...options,
88
+ transparent: !options.scope
68
89
  } : transparentOptions);
90
+ ENVELOPE = /* @__PURE__ */ Symbol.for("solid.ResponseEnvelope");
91
+ ResponseEnvelope = class {
92
+ constructor(response, value) {
93
+ this.response = response;
94
+ this.value = value;
95
+ }
96
+ };
97
+ ResponseEnvelope.prototype[ENVELOPE] = true;
69
98
  isServer = false;
70
99
  isDev = false;
71
100
  }
package/build/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { isDev, isServer } from './chunk/5YUDKRGO.js';
1
+ import { isDev, isServer } from './chunk/KGLMGK4M.js';
2
2
  import { createSignal, omit, sharedConfig, onSettled, createMemo, untrack } from 'solid-js';
3
3
 
4
4
  function clientOnly(fn) {
@@ -19,10 +19,10 @@ function clientOnly(fn) {
19
19
  }
20
20
 
21
21
  // src/index.tsx
22
- var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/FNDI35UR.js')) : function() {
22
+ var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/N77BMJWV.js')) : function() {
23
23
  return null;
24
24
  };
25
- var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/DXOBITS6.js')) : function() {
25
+ var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/PHKM6EE4.js')) : function() {
26
26
  return null;
27
27
  };
28
28
 
package/build/index.jsx CHANGED
@@ -1,6 +1,14 @@
1
- // ../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.15_solid-js@2.0.0-beta.15/node_modules/@solidjs/web/dist/web.js
2
- import { createRenderEffect, createMemo, sharedConfig, untrack, runWithOwner, flatten, createRoot, merge, createComponent, omit, getOwner, createEffect, enableHydration, flush } from "solid-js";
1
+ // ../../node_modules/.pnpm/@solidjs+web@2.0.0-beta.21_solid-js@2.0.0-beta.21/node_modules/@solidjs/web/dist/web.js
2
+ import { createRenderEffect, createMemo, sharedConfig, untrack, runWithOwner, flatten, createRoot, merge, createComponent, omit, createOwner, enableHydration, flush, getOwner, createEffect } from "solid-js";
3
3
  import { Errored, For, Hydration, Loading, Match, NoHydration, Repeat, Reveal, Show, Switch, createComponent as createComponent2, getOwner as getOwner2, untrack as untrack2 } from "solid-js";
4
+ var ENVELOPE = /* @__PURE__ */ Symbol.for("solid.ResponseEnvelope");
5
+ var ResponseEnvelope = class {
6
+ constructor(response, value) {
7
+ this.response = response;
8
+ this.value = value;
9
+ }
10
+ };
11
+ ResponseEnvelope.prototype[ENVELOPE] = true;
4
12
  var isServer = false;
5
13
  var isDev = false;
6
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/solid-query-devtools",
3
- "version": "6.0.0-beta.5",
3
+ "version": "6.0.0-beta.6",
4
4
  "description": "Developer tools to interact with and visualize the TanStack/solid-query Query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -49,18 +49,19 @@
49
49
  "devDependencies": {
50
50
  "@babel/core": "^7.28.0",
51
51
  "@babel/preset-typescript": "^7.18.6",
52
+ "@solidjs/signals": "^2.0.0-beta.21",
52
53
  "@solidjs/testing-library": "^0.8.10",
53
- "@solidjs/web": "2.0.0-beta.15",
54
- "babel-preset-solid": "2.0.0-beta.15",
54
+ "@solidjs/web": "2.0.0-beta.21",
55
+ "babel-preset-solid": "2.0.0-beta.21",
55
56
  "npm-run-all2": "^5.0.0",
56
- "solid-js": "2.0.0-beta.15",
57
+ "solid-js": "2.0.0-beta.21",
57
58
  "tsup-preset-solid": "^2.2.0",
58
- "vite-plugin-solid": "3.0.0-next.5",
59
- "@tanstack/solid-query": "6.0.0-beta.5"
59
+ "vite-plugin-solid": "3.0.0-next.14",
60
+ "@tanstack/solid-query": "6.0.0-beta.6"
60
61
  },
61
62
  "peerDependencies": {
62
63
  "solid-js": ">=2.0.0-beta.0 <3.0.0",
63
- "@tanstack/solid-query": "^6.0.0-beta.5"
64
+ "@tanstack/solid-query": "^6.0.0-beta.6"
64
65
  },
65
66
  "scripts": {
66
67
  "clean": "premove ./build ./coverage ./dist-ts",