@tanstack/query-devtools 5.0.0-alpha.88 → 5.0.0-beta.0

package/build/chunk/{MZOCHHZD.js → C5UID3AG.js}

@@ -1,5 +1,8 @@
-// ../../node_modules/.pnpm/solid-js@1.6.13/node_modules/solid-js/dist/solid.js
-var sharedConfig = {};
+// ../../node_modules/.pnpm/solid-js@1.7.8/node_modules/solid-js/dist/solid.js
+var sharedConfig = {
+  context: void 0,
+  registry: void 0
+};
 function setHydrateContext(context) {
   sharedConfig.context = context;
 }
@@ -90,7 +93,8 @@ function createEffect(fn, value, options) {
   const c = createComputation(fn, value, false, STALE), s = SuspenseContext && lookup(Owner, SuspenseContext.id);
   if (s)
     c.suspense = s;
-  c.user = true;
+  if (!options || !options.render)
+    c.user = true;
   Effects ? Effects.push(c) : updateComputation(c);
 }
 function createMemo(fn, value, options) {
@@ -134,7 +138,7 @@ function createResource(pSource, pFetcher, pOptions) {
   function loadEnd(p, v, error2, key) {
     if (pr === p) {
       pr = null;
-      resolved = true;
+      key !== void 0 && (resolved = true);
       if ((p === initP || v === initP) && options.onHydrated)
         queueMicrotask(() => options.onHydrated(key, {
           value: v
@@ -156,7 +160,7 @@ function createResource(pSource, pFetcher, pOptions) {
     runUpdates(() => {
       if (err === void 0)
         setValue(() => v);
-      setState(err !== void 0 ? "errored" : "ready");
+      setState(err !== void 0 ? "errored" : resolved ? "ready" : "unresolved");
       setError(err);
       for (const c of contexts.keys())
         c.decrement();
@@ -343,8 +347,8 @@ function children(fn) {
 var SuspenseContext;
 function readSignal() {
   const runningTransition = Transition && Transition.running;
-  if (this.sources && (!runningTransition && this.state || runningTransition && this.tState)) {
-    if (!runningTransition && this.state === STALE || runningTransition && this.tState === STALE)
+  if (this.sources && (runningTransition ? this.tState : this.state)) {
+    if ((runningTransition ? this.tState : this.state) === STALE)
       updateComputation(this);
     else {
       const updates = Updates;
@@ -394,7 +398,7 @@ function writeSignal(node, value, isComp) {
           const TransitionRunning = Transition && Transition.running;
           if (TransitionRunning && Transition.disposed.has(o))
             continue;
-          if (TransitionRunning && !o.tState || !TransitionRunning && !o.state) {
+          if (TransitionRunning ? !o.tState : !o.state) {
             if (o.pure)
               Updates.push(o);
             else
@@ -402,10 +406,10 @@ function writeSignal(node, value, isComp) {
             if (o.observers)
               markDownstream(o);
           }
-          if (TransitionRunning)
-            o.tState = STALE;
-          else
+          if (!TransitionRunning)
             o.state = STALE;
+          else
+            o.tState = STALE;
         }
         if (Updates.length > 1e6) {
           Updates = [];
@@ -518,9 +522,9 @@ function createComputation(fn, init, pure, state = STALE, options) {
 }
 function runTop(node) {
   const runningTransition = Transition && Transition.running;
-  if (!runningTransition && node.state === 0 || runningTransition && node.tState === 0)
+  if ((runningTransition ? node.tState : node.state) === 0)
     return;
-  if (!runningTransition && node.state === PENDING || runningTransition && node.tState === PENDING)
+  if ((runningTransition ? node.tState : node.state) === PENDING)
     return lookUpstream(node);
   if (node.suspense && untrack(node.suspense.inFallback))
     return node.suspense.effects.push(node);
@@ -528,7 +532,7 @@ function runTop(node) {
   while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) {
     if (runningTransition && Transition.disposed.has(node))
       return;
-    if (!runningTransition && node.state || runningTransition && node.tState)
+    if (runningTransition ? node.tState : node.state)
       ancestors.push(node);
   }
   for (let i = ancestors.length - 1; i >= 0; i--) {
@@ -540,9 +544,9 @@ function runTop(node) {
           return;
       }
     }
-    if (!runningTransition && node.state === STALE || runningTransition && node.tState === STALE) {
+    if ((runningTransition ? node.tState : node.state) === STALE) {
       updateComputation(node);
-    } else if (!runningTransition && node.state === PENDING || runningTransition && node.tState === PENDING) {
+    } else if ((runningTransition ? node.tState : node.state) === PENDING) {
       const updates = Updates;
       Updates = null;
       runUpdates(() => lookUpstream(node, ancestors[0]), false);
@@ -656,8 +660,18 @@ function runUserEffects(queue) {
     else
       queue[userLength++] = e;
   }
-  if (sharedConfig.context)
+  if (sharedConfig.context) {
+    if (sharedConfig.count) {
+      sharedConfig.effects || (sharedConfig.effects = []);
+      sharedConfig.effects.push(...queue.slice(0, userLength));
+      return;
+    } else if (sharedConfig.effects) {
+      queue = [...sharedConfig.effects, ...queue];
+      userLength += sharedConfig.effects.length;
+      delete sharedConfig.effects;
+    }
     setHydrateContext();
+  }
   for (i = 0; i < userLength; i++)
     runTop(queue[i]);
 }
@@ -670,10 +684,11 @@ function lookUpstream(node, ignore) {
   for (let i = 0; i < node.sources.length; i += 1) {
     const source = node.sources[i];
     if (source.sources) {
-      if (!runningTransition && source.state === STALE || runningTransition && source.tState === STALE) {
+      const state = runningTransition ? source.tState : source.state;
+      if (state === STALE) {
         if (source !== ignore && (!source.updatedAt || source.updatedAt < ExecCount))
           runTop(source);
-      } else if (!runningTransition && source.state === PENDING || runningTransition && source.tState === PENDING)
+      } else if (state === PENDING)
         lookUpstream(source, ignore);
     }
   }
@@ -682,7 +697,7 @@ function markDownstream(node) {
   const runningTransition = Transition && Transition.running;
   for (let i = 0; i < node.observers.length; i += 1) {
     const o = node.observers[i];
-    if (!runningTransition && !o.state || runningTransition && !o.tState) {
+    if (runningTransition ? !o.tState : !o.state) {
       if (runningTransition)
         o.tState = PENDING;
       else
@@ -712,18 +727,18 @@ function cleanNode(node) {
   }
   if (Transition && Transition.running && node.pure) {
     if (node.tOwned) {
-      for (i = 0; i < node.tOwned.length; i++)
+      for (i = node.tOwned.length - 1; i >= 0; i--)
         cleanNode(node.tOwned[i]);
       delete node.tOwned;
     }
     reset(node, true);
   } else if (node.owned) {
-    for (i = 0; i < node.owned.length; i++)
+    for (i = node.owned.length - 1; i >= 0; i--)
       cleanNode(node.owned[i]);
     node.owned = null;
   }
   if (node.cleanups) {
-    for (i = 0; i < node.cleanups.length; i++)
+    for (i = node.cleanups.length - 1; i >= 0; i--)
       node.cleanups[i]();
     node.cleanups = null;
   }
@@ -744,28 +759,34 @@ function reset(node, top) {
   }
 }
 function castError(err) {
-  if (err instanceof Error || typeof err === "string")
+  if (err instanceof Error)
     return err;
-  return new Error("Unknown error");
+  return new Error(typeof err === "string" ? err : "Unknown error", {
+    cause: err
+  });
 }
-function runErrors(fns, err) {
-  for (const f of fns)
-    f(err);
+function runErrors(err, fns, owner) {
+  try {
+    for (const f of fns)
+      f(err);
+  } catch (e) {
+    handleError(e, owner && owner.owner || null);
+  }
 }
-function handleError(err) {
-  err = castError(err);
-  const fns = ERROR && lookup(Owner, ERROR);
+function handleError(err, owner = Owner) {
+  const fns = ERROR && lookup(owner, ERROR);
+  const error = castError(err);
   if (!fns)
-    throw err;
+    throw error;
   if (Effects)
     Effects.push({
       fn() {
-        runErrors(fns, err);
+        runErrors(error, fns, owner);
       },
       state: STALE
     });
   else
-    runErrors(fns, err);
+    runErrors(error, fns, owner);
 }
 function lookup(owner, key) {
   return owner ? owner.context && owner.context[key] !== void 0 ? owner.context[key] : lookup(owner.owner, key) : void 0;
@@ -992,6 +1013,13 @@ var propTraps = {
 function resolveSource(s) {
   return !(s = typeof s === "function" ? s() : s) ? {} : s;
 }
+function resolveSources() {
+  for (let i = 0, length = this.length; i < length; ++i) {
+    const v = this[i]();
+    if (v !== void 0)
+      return v;
+  }
+}
 function mergeProps(...sources) {
   let proxy = false;
   for (let i = 0; i < sources.length; i++) {
@@ -1024,22 +1052,41 @@ function mergeProps(...sources) {
     }, propTraps);
   }
   const target = {};
+  const sourcesMap = {};
+  const defined = /* @__PURE__ */ new Set();
   for (let i = sources.length - 1; i >= 0; i--) {
-    if (sources[i]) {
-      const descriptors = Object.getOwnPropertyDescriptors(sources[i]);
-      for (const key in descriptors) {
-        if (key in target)
-          continue;
-        Object.defineProperty(target, key, {
-          enumerable: true,
-          get() {
-            for (let i2 = sources.length - 1; i2 >= 0; i2--) {
-              const v = (sources[i2] || {})[key];
-              if (v !== void 0)
-                return v;
-            }
+    const source = sources[i];
+    if (!source)
+      continue;
+    const sourceKeys = Object.getOwnPropertyNames(source);
+    for (let i2 = 0, length = sourceKeys.length; i2 < length; i2++) {
+      const key = sourceKeys[i2];
+      if (key === "__proto__" || key === "constructor")
+        continue;
+      const desc = Object.getOwnPropertyDescriptor(source, key);
+      if (!defined.has(key)) {
+        if (desc.get) {
+          defined.add(key);
+          Object.defineProperty(target, key, {
+            enumerable: true,
+            configurable: true,
+            get: resolveSources.bind(sourcesMap[key] = [desc.get.bind(source)])
+          });
+        } else {
+          if (desc.value !== void 0)
+            defined.add(key);
+          target[key] = desc.value;
+        }
+      } else {
+        const sources2 = sourcesMap[key];
+        if (sources2) {
+          if (desc.get) {
+            sources2.push(desc.get.bind(source));
+          } else if (desc.value !== void 0) {
+            sources2.push(() => desc.value);
           }
-        });
+        } else if (target[key] === void 0)
+          target[key] = desc.value;
       }
     }
   }
@@ -1052,8 +1099,11 @@ function lazy(fn) {
     const ctx = sharedConfig.context;
     if (ctx) {
       const [s, set] = createSignal();
+      sharedConfig.count || (sharedConfig.count = 0);
+      sharedConfig.count++;
       (p || (p = fn())).then((mod) => {
         setHydrateContext(ctx);
+        sharedConfig.count--;
         set(() => mod.default);
         setHydrateContext();
       });
@@ -1078,6 +1128,7 @@ function lazy(fn) {
   wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p);
   return wrap;
 }
+var narrowedError = (name) => `Stale read from <${name}>.`;
 function For(props) {
   const fallback = "fallback" in props && {
     fallback: () => props.fallback
@@ -1091,26 +1142,27 @@ function Index(props) {
   return createMemo(indexArray(() => props.each, props.children, fallback || void 0));
 }
 function Show(props) {
-  let strictEqual = false;
   const keyed = props.keyed;
   const condition = createMemo(() => props.when, void 0, {
-    equals: (a, b) => strictEqual ? a === b : !a === !b
+    equals: (a, b) => keyed ? a === b : !a === !b
   });
   return createMemo(() => {
     const c = condition();
     if (c) {
       const child = props.children;
       const fn = typeof child === "function" && child.length > 0;
-      strictEqual = keyed || fn;
-      return fn ? untrack(() => child(c)) : child;
+      return fn ? untrack(() => child(keyed ? c : () => {
+        if (!untrack(condition))
+          throw narrowedError("Show");
+        return props.when;
+      })) : child;
     }
     return props.fallback;
   }, void 0, void 0);
 }
 function Switch(props) {
-  let strictEqual = false;
   let keyed = false;
-  const equals = (a, b) => a[0] === b[0] && (strictEqual ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
+  const equals = (a, b) => a[0] === b[0] && (keyed ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
   const conditions = children(() => props.children), evalConditions = createMemo(() => {
     let conds = conditions();
     if (!Array.isArray(conds))
@@ -1132,15 +1184,18 @@ function Switch(props) {
       return props.fallback;
     const c = cond.children;
     const fn = typeof c === "function" && c.length > 0;
-    strictEqual = keyed || fn;
-    return fn ? untrack(() => c(when)) : c;
+    return fn ? untrack(() => c(keyed ? when : () => {
+      if (untrack(evalConditions)[0] !== index)
+        throw narrowedError("Match");
+      return cond.when;
+    })) : c;
   }, void 0, void 0);
 }
 function Match(props) {
   return props;
 }
 
-// ../../node_modules/.pnpm/solid-js@1.6.13/node_modules/solid-js/web/dist/web.js
+// ../../node_modules/.pnpm/solid-js@1.7.8/node_modules/solid-js/web/dist/web.js
 var booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
 var Properties = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
 var ChildProperties = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]);
@@ -1150,12 +1205,33 @@ var Aliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null),
 });
 var PropAliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
-  formnovalidate: "formNoValidate",
-  ismap: "isMap",
-  nomodule: "noModule",
-  playsinline: "playsInline",
-  readonly: "readOnly"
+  formnovalidate: {
+    $: "formNoValidate",
+    BUTTON: 1,
+    INPUT: 1
+  },
+  ismap: {
+    $: "isMap",
+    IMG: 1
+  },
+  nomodule: {
+    $: "noModule",
+    SCRIPT: 1
+  },
+  playsinline: {
+    $: "playsInline",
+    VIDEO: 1
+  },
+  readonly: {
+    $: "readOnly",
+    INPUT: 1,
+    TEXTAREA: 1
+  }
 });
+function getPropAlias(prop, tagName) {
+  const a = PropAliases[prop];
+  return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
+}
 var DelegatedEvents = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
 var SVGNamespace = {
   xlink: "http://www.w3.org/1999/xlink",
@@ -1229,18 +1305,16 @@ function render(code, element, init, options = {}) {
     element.textContent = "";
   };
 }
-function template(html, check, isSVG) {
-  const t = document.createElement("template");
-  t.innerHTML = html;
-  if (check && t.innerHTML.split("<").length - 1 !== check)
-    throw `The browser resolved template HTML does not match JSX input:
-${t.innerHTML}
-
-${html}. Is your HTML properly formed?`;
-  let node = t.content.firstChild;
-  if (isSVG)
-    node = node.firstChild;
-  return node;
+function template(html, isCE, isSVG) {
+  let node;
+  const create = () => {
+    const t = document.createElement("template");
+    t.innerHTML = html;
+    return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
+  };
+  const fn = isCE ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
+  fn.cloneNode = fn;
+  return fn;
 }
 function delegateEvents(eventNames, document2 = window.document) {
   const e = document2[$$EVENTS] || (document2[$$EVENTS] = /* @__PURE__ */ new Set());
@@ -1372,7 +1446,7 @@ function toggleClassKey(node, key, value) {
     node.classList.toggle(classNames[i], value);
 }
 function assignProp(node, prop, value, prev, isSVG, skipRef) {
-  let isCE, isProp, isChildProp;
+  let isCE, isProp, isChildProp, propAlias, forceProp;
   if (prop === "style")
     return style(node, value, prev);
   if (prop === "classList")
@@ -1401,13 +1475,19 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
       addEventListener(node, name, value, delegate);
       delegate && delegateEvents([name]);
     }
-  } else if ((isChildProp = ChildProperties.has(prop)) || !isSVG && (PropAliases[prop] || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-"))) {
+  } else if (prop.slice(0, 5) === "attr:") {
+    setAttribute(node, prop.slice(5), value);
+  } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-"))) {
+    if (forceProp) {
+      prop = prop.slice(5);
+      isProp = true;
+    }
     if (prop === "class" || prop === "className")
       className(node, value);
     else if (isCE && !isProp && !isChildProp)
       node[toPropertyName(prop)] = value;
     else
-      node[PropAliases[prop] || prop] = value;
+      node[propAlias || prop] = value;
   } else {
     const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
     if (ns)
@@ -1432,17 +1512,8 @@ function eventHandler(e) {
       return node || document;
     }
   });
-  if (sharedConfig.registry && !sharedConfig.done) {
-    sharedConfig.done = true;
-    document.querySelectorAll("[id^=pl-]").forEach((elem) => {
-      while (elem && elem.nodeType !== 8 && elem.nodeValue !== "pl-" + e) {
-        let x = elem.nextSibling;
-        elem.remove();
-        elem = x;
-      }
-      elem && elem.remove();
-    });
-  }
+  if (sharedConfig.registry && !sharedConfig.done)
+    sharedConfig.done = _$HY.done = true;
   while (node) {
     const handler = node[key];
     if (handler && !node.disabled) {
@@ -1455,8 +1526,18 @@ function eventHandler(e) {
   }
 }
 function insertExpression(parent, value, current, marker, unwrapArray) {
-  if (sharedConfig.context && !current)
-    current = [...parent.childNodes];
+  if (sharedConfig.context) {
+    !current && (current = [...parent.childNodes]);
+    let cleaned = [];
+    for (let i = 0; i < current.length; i++) {
+      const node = current[i];
+      if (node.nodeType === 8 && node.data.slice(0, 2) === "!$")
+        node.remove();
+      else
+        cleaned.push(node);
+    }
+    current = cleaned;
+  }
   while (typeof current === "function")
     current = current();
   if (value === current)
@@ -1522,7 +1603,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
       appendNodes(parent, array);
     }
     current = array;
-  } else if (value instanceof Node) {
+  } else if (value.nodeType) {
     if (sharedConfig.context && value.parentNode)
       return current = multi ? [value] : value;
     if (Array.isArray(current)) {
@@ -1541,14 +1622,14 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
 function normalizeIncomingArray(normalized, array, current, unwrap) {
   let dynamic = false;
   for (let i = 0, len = array.length; i < len; i++) {
-    let item = array[i], prev = current && current[i];
-    if (item instanceof Node) {
-      normalized.push(item);
-    } else if (item == null || item === true || item === false)
+    let item = array[i], prev = current && current[i], t;
+    if (item == null || item === true || item === false)
       ;
-    else if (Array.isArray(item)) {
+    else if ((t = typeof item) === "object" && item.nodeType) {
+      normalized.push(item);
+    } else if (Array.isArray(item)) {
       dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
-    } else if (typeof item === "function") {
+    } else if (t === "function") {
       if (unwrap) {
         while (typeof item === "function")
           item = item();
@@ -1559,13 +1640,9 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
       }
     } else {
       const value = String(item);
-      if (value === "<!>") {
-        if (prev && prev.nodeType === 8)
-          normalized.push(prev);
-      } else if (prev && prev.nodeType === 3) {
-        prev.data = value;
+      if (prev && prev.nodeType === 3 && prev.data === value)
         normalized.push(prev);
-      } else
+      else
         normalized.push(document.createTextNode(value));
     }
   }