@tanstack/query-devtools 5.0.0-rc.9 → 5.0.3

package/build/chunk/{PWC4YVZY.jsx → AHAJNSNO.jsx}

@@ -1,4 +1,4 @@
-// ../../node_modules/.pnpm/solid-js@1.7.8/node_modules/solid-js/dist/solid.js
+// ../../node_modules/.pnpm/solid-js@1.8.1/node_modules/solid-js/dist/solid.js
 var sharedConfig = {
   context: void 0,
   registry: void 0
@@ -41,11 +41,11 @@ var Effects = null;
 var ExecCount = 0;
 var [transPending, setTransPending] = /* @__PURE__ */ createSignal(false);
 function createRoot(fn, detachedOwner) {
-  const listener = Listener, owner = Owner, unowned = fn.length === 0, root = unowned ? UNOWNED : {
+  const listener = Listener, owner = Owner, unowned = fn.length === 0, current = detachedOwner === void 0 ? owner : detachedOwner, root = unowned ? UNOWNED : {
     owned: null,
     cleanups: null,
-    context: null,
-    owner: detachedOwner === void 0 ? owner : detachedOwner
+    context: current ? current.context : null,
+    owner: current
   }, updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root)));
   Owner = root;
   Listener = null;
@@ -91,7 +91,7 @@ function createRenderEffect(fn, value, options) {
 }
 function createEffect(fn, value, options) {
   runEffects = runUserEffects;
-  const c = createComputation(fn, value, false, STALE), s = SuspenseContext && lookup(Owner, SuspenseContext.id);
+  const c = createComputation(fn, value, false, STALE), s = SuspenseContext && useContext(SuspenseContext);
   if (s)
     c.suspense = s;
   if (!options || !options.render)
@@ -111,6 +111,9 @@ function createMemo(fn, value, options) {
     updateComputation(c);
   return readSignal.bind(c);
 }
+function isPromise(v) {
+  return v && typeof v === "object" && "then" in v;
+}
 function createResource(pSource, pFetcher, pOptions) {
   let source;
   let fetcher;
@@ -134,16 +137,18 @@ function createResource(pSource, pFetcher, pOptions) {
     if (options.ssrLoadFrom === "initial")
       initP = options.initialValue;
     else if (sharedConfig.load && (v = sharedConfig.load(id)))
-      initP = v[0];
+      initP = isPromise(v) && "value" in v ? v.value : v;
   }
   function loadEnd(p, v, error2, key) {
     if (pr === p) {
       pr = null;
       key !== void 0 && (resolved = true);
       if ((p === initP || v === initP) && options.onHydrated)
-        queueMicrotask(() => options.onHydrated(key, {
-          value: v
-        }));
+        queueMicrotask(
+          () => options.onHydrated(key, {
+            value: v
+          })
+        );
       initP = NO_INIT;
       if (Transition && p && loadedUnderTransition) {
         Transition.promises.delete(p);
@@ -169,7 +174,7 @@ function createResource(pSource, pFetcher, pOptions) {
     }, false);
   }
   function read() {
-    const c = SuspenseContext && lookup(Owner, SuspenseContext.id), v = value(), err = error();
+    const c = SuspenseContext && useContext(SuspenseContext), v = value(), err = error();
     if (err !== void 0 && !pr)
       throw err;
     if (Listener && !Listener.user && c) {
@@ -191,20 +196,22 @@ function createResource(pSource, pFetcher, pOptions) {
     if (refetching !== false && scheduled)
       return;
     scheduled = false;
-    const lookup2 = dynamic ? dynamic() : source;
+    const lookup = dynamic ? dynamic() : source;
     loadedUnderTransition = Transition && Transition.running;
-    if (lookup2 == null || lookup2 === false) {
+    if (lookup == null || lookup === false) {
       loadEnd(pr, untrack(value));
       return;
     }
     if (Transition && pr)
       Transition.promises.delete(pr);
-    const p = initP !== NO_INIT ? initP : untrack(() => fetcher(lookup2, {
-      value: value(),
-      refetching
-    }));
-    if (typeof p !== "object" || !(p && "then" in p)) {
-      loadEnd(pr, p, void 0, lookup2);
+    const p = initP !== NO_INIT ? initP : untrack(
+      () => fetcher(lookup, {
+        value: value(),
+        refetching
+      })
+    );
+    if (!isPromise(p)) {
+      loadEnd(pr, p, void 0, lookup);
       return p;
     }
     pr = p;
@@ -214,7 +221,10 @@ function createResource(pSource, pFetcher, pOptions) {
       setState(resolved ? "refreshing" : "pending");
       trigger();
     }, false);
-    return p.then((v) => loadEnd(p, v, void 0, lookup2), (e) => loadEnd(p, void 0, castError(e), lookup2));
+    return p.then(
+      (v) => loadEnd(p, v, void 0, lookup),
+      (e) => loadEnd(p, void 0, castError(e), lookup)
+    );
   }
   Object.defineProperties(read, {
     state: {
@@ -244,10 +254,13 @@ function createResource(pSource, pFetcher, pOptions) {
     createComputed(() => load(false));
   else
     load(false);
-  return [read, {
-    refetch: load,
-    mutate: setValue
-  }];
+  return [
+    read,
+    {
+      refetch: load,
+      mutate: setValue
+    }
+  ];
 }
 function batch(fn) {
   return runUpdates(fn, false);
@@ -356,8 +369,7 @@ function createContext(defaultValue, options) {
   };
 }
 function useContext(context) {
-  let ctx;
-  return (ctx = lookup(Owner, context.id)) !== void 0 ? ctx : context.defaultValue;
+  return Owner && Owner.context && Owner.context[context.id] !== void 0 ? Owner.context[context.id] : context.defaultValue;
 }
 function children(fn) {
   const children2 = createMemo(fn);
@@ -452,7 +464,11 @@ function updateComputation(node) {
   cleanNode(node);
   const owner = Owner, listener = Listener, time = ExecCount;
   Listener = Owner = node;
-  runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time);
+  runComputation(
+    node,
+    Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value,
+    time
+  );
   if (Transition && !Transition.running && Transition.sources.has(node)) {
     queueMicrotask(() => {
       runUpdates(() => {
@@ -507,7 +523,7 @@ function createComputation(fn, init, pure, state = STALE, options) {
     cleanups: null,
     value: init,
     owner: Owner,
-    context: null,
+    context: Owner ? Owner.context : null,
     pure
   };
   if (Transition && Transition.running) {
@@ -770,7 +786,6 @@ function cleanNode(node) {
     node.tState = 0;
   else
     node.state = 0;
-  node.context = null;
 }
 function reset(node, top) {
   if (!top) {
@@ -798,7 +813,7 @@ function runErrors(err, fns, owner) {
   }
 }
 function handleError(err, owner = Owner) {
-  const fns = ERROR && lookup(owner, ERROR);
+  const fns = ERROR && owner && owner.context && owner.context[ERROR];
   const error = castError(err);
   if (!fns)
     throw error;
@@ -812,9 +827,6 @@ function handleError(err, owner = Owner) {
   else
     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;
-}
 function resolveChildren(children2) {
   if (typeof children2 === "function" && !children2.length)
     return resolveChildren(children2());
@@ -831,12 +843,16 @@ function resolveChildren(children2) {
 function createProvider(id, options) {
   return function provider(props) {
     let res;
-    createRenderEffect(() => res = untrack(() => {
-      Owner.context = {
-        [id]: props.value
-      };
-      return children(() => props.children);
-    }), void 0);
+    createRenderEffect(
+      () => res = untrack(() => {
+        Owner.context = {
+          ...Owner.context,
+          [id]: props.value
+        };
+        return children(() => props.children);
+      }),
+      void 0
+    );
     return res;
   };
 }
@@ -1052,28 +1068,31 @@ function mergeProps(...sources) {
     sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s;
   }
   if (proxy) {
-    return new Proxy({
-      get(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          const v = resolveSource(sources[i])[property];
-          if (v !== void 0)
-            return v;
-        }
-      },
-      has(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          if (property in resolveSource(sources[i]))
-            return true;
+    return new Proxy(
+      {
+        get(property) {
+          for (let i = sources.length - 1; i >= 0; i--) {
+            const v = resolveSource(sources[i])[property];
+            if (v !== void 0)
+              return v;
+          }
+        },
+        has(property) {
+          for (let i = sources.length - 1; i >= 0; i--) {
+            if (property in resolveSource(sources[i]))
+              return true;
+          }
+          return false;
+        },
+        keys() {
+          const keys = [];
+          for (let i = 0; i < sources.length; i++)
+            keys.push(...Object.keys(resolveSource(sources[i])));
+          return [...new Set(keys)];
         }
-        return false;
       },
-      keys() {
-        const keys = [];
-        for (let i = 0; i < sources.length; i++)
-          keys.push(...Object.keys(resolveSource(sources[i])));
-        return [...new Set(keys)];
-      }
-    }, propTraps);
+      propTraps
+    );
   }
   const target = {};
   const sourcesMap = {};
@@ -1120,29 +1139,37 @@ function splitProps(props, ...keys) {
   if ($PROXY in props) {
     const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
     const res = keys.map((k) => {
-      return new Proxy({
-        get(property) {
-          return k.includes(property) ? props[property] : void 0;
-        },
-        has(property) {
-          return k.includes(property) && property in props;
+      return new Proxy(
+        {
+          get(property) {
+            return k.includes(property) ? props[property] : void 0;
+          },
+          has(property) {
+            return k.includes(property) && property in props;
+          },
+          keys() {
+            return k.filter((property) => property in props);
+          }
         },
-        keys() {
-          return k.filter((property) => property in props);
-        }
-      }, propTraps);
+        propTraps
+      );
     });
-    res.push(new Proxy({
-      get(property) {
-        return blocked.has(property) ? void 0 : props[property];
-      },
-      has(property) {
-        return blocked.has(property) ? false : property in props;
-      },
-      keys() {
-        return Object.keys(props).filter((k) => !blocked.has(k));
-      }
-    }, propTraps));
+    res.push(
+      new Proxy(
+        {
+          get(property) {
+            return blocked.has(property) ? void 0 : props[property];
+          },
+          has(property) {
+            return blocked.has(property) ? false : property in props;
+          },
+          keys() {
+            return Object.keys(props).filter((k) => !blocked.has(k));
+          }
+        },
+        propTraps
+      )
+    );
     return res;
   }
   const otherObject = {};
@@ -1186,17 +1213,19 @@ function lazy(fn) {
       comp = s;
     }
     let Comp;
-    return createMemo(() => (Comp = comp()) && untrack(() => {
-      if (false)
-        ;
-      if (!ctx)
-        return Comp(props);
-      const c = sharedConfig.context;
-      setHydrateContext(ctx);
-      const r = Comp(props);
-      setHydrateContext(c);
-      return r;
-    }));
+    return createMemo(
+      () => (Comp = comp()) && untrack(() => {
+        if (false)
+          ;
+        if (!ctx)
+          return Comp(props);
+        const c = sharedConfig.context;
+        setHydrateContext(ctx);
+        const r = Comp(props);
+        setHydrateContext(c);
+        return r;
+      })
+    );
   };
   wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p);
   return wrap;
@@ -1224,50 +1253,70 @@ function Show(props) {
   const condition = createMemo(() => props.when, void 0, {
     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;
-      return fn ? untrack(() => child(keyed ? c : () => {
-        if (!untrack(condition))
-          throw narrowedError("Show");
-        return props.when;
-      })) : child;
-    }
-    return props.fallback;
-  }, void 0, void 0);
+  return createMemo(
+    () => {
+      const c = condition();
+      if (c) {
+        const child = props.children;
+        const fn = typeof child === "function" && child.length > 0;
+        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 keyed = false;
   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))
-      conds = [conds];
-    for (let i = 0; i < conds.length; i++) {
-      const c = conds[i].when;
-      if (c) {
-        keyed = !!conds[i].keyed;
-        return [i, c, conds[i]];
+  const conditions = children(() => props.children), evalConditions = createMemo(
+    () => {
+      let conds = conditions();
+      if (!Array.isArray(conds))
+        conds = [conds];
+      for (let i = 0; i < conds.length; i++) {
+        const c = conds[i].when;
+        if (c) {
+          keyed = !!conds[i].keyed;
+          return [i, c, conds[i]];
+        }
       }
+      return [-1];
+    },
+    void 0,
+    {
+      equals
     }
-    return [-1];
-  }, void 0, {
-    equals
-  });
-  return createMemo(() => {
-    const [index, when, cond] = evalConditions();
-    if (index < 0)
-      return props.fallback;
-    const c = cond.children;
-    const fn = typeof c === "function" && c.length > 0;
-    return fn ? untrack(() => c(keyed ? when : () => {
-      if (untrack(evalConditions)[0] !== index)
-        throw narrowedError("Match");
-      return cond.when;
-    })) : c;
-  }, void 0, void 0);
+  );
+  return createMemo(
+    () => {
+      const [index, when, cond] = evalConditions();
+      if (index < 0)
+        return props.fallback;
+      const c = cond.children;
+      const fn = typeof c === "function" && c.length > 0;
+      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;
@@ -1275,10 +1324,49 @@ function Match(props) {
 var SuspenseListContext = createContext();
 var DEV = void 0;
 
-// ../../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"]);
+// ../../node_modules/.pnpm/solid-js@1.8.1/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"
+]);
 var Aliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
@@ -1312,7 +1400,30 @@ 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 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 SVGElements = /* @__PURE__ */ new Set([
   "altGlyph",
   "altGlyphDef",
@@ -1485,18 +1596,24 @@ function delegateEvents(eventNames, document2 = window.document) {
   }
 }
 function setAttribute(node, name, value) {
+  if (sharedConfig.context)
+    return;
   if (value == null)
     node.removeAttribute(name);
   else
     node.setAttribute(name, value);
 }
 function setAttributeNS(node, namespace, name, value) {
+  if (sharedConfig.context)
+    return;
   if (value == null)
     node.removeAttributeNS(namespace, name);
   else
     node.setAttributeNS(namespace, name, value);
 }
 function className(node, value) {
+  if (sharedConfig.context)
+    return;
   if (value == null)
     node.removeAttribute("class");
   else
@@ -1560,7 +1677,9 @@ function style(node, value, prev) {
 function spread(node, props = {}, isSVG, skipChildren) {
   const prevProps = {};
   if (!skipChildren) {
-    createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
+    createRenderEffect(
+      () => prevProps.children = insertExpression(node, props.children, prevProps.children)
+    );
   }
   createRenderEffect(() => props.ref && props.ref(node));
   createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
@@ -1595,10 +1714,6 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
 function getNextElement(template2) {
   let node, key;
   if (!sharedConfig.context || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
-    if (sharedConfig.context)
-      ;
-    if (!template2)
-      throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + key);
     return template2();
   }
   if (sharedConfig.completed)
@@ -1650,7 +1765,8 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
     if (forceProp) {
       prop = prop.slice(5);
       isProp = true;
-    }
+    } else if (sharedConfig.context)
+      return value;
     if (prop === "class" || prop === "className")
       className(node, value);
     else if (isCE && !isProp && !isChildProp)
@@ -1753,10 +1869,13 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
     if (sharedConfig.context) {
       if (!array.length)
         return current;
-      for (let i = 0; i < array.length; i++) {
-        if (array[i].parentNode)
-          return current = array;
-      }
+      if (marker === void 0)
+        return [...parent.childNodes];
+      let node = array[0];
+      let nodes = [node];
+      while ((node = node.nextSibling) !== marker)
+        nodes.push(node);
+      return current = nodes;
     }
     if (array.length === 0) {
       current = cleanChildren(parent, current, marker);
@@ -1802,7 +1921,11 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
       if (unwrap) {
         while (typeof item === "function")
           item = item();
-        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
+        dynamic = normalizeIncomingArray(
+          normalized,
+          Array.isArray(item) ? item : [item],
+          Array.isArray(prev) ? prev : [prev]
+        ) || dynamic;
       } else {
         normalized.push(item);
         dynamic = true;
@@ -1852,39 +1975,41 @@ function createElement(tagName, isSVG = false) {
   return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName);
 }
 function Portal(props) {
-  const {
-    useShadow
-  } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
+  const { useShadow } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
   let content;
   let hydrating = !!sharedConfig.context;
-  createEffect(() => {
-    if (hydrating)
-      getOwner().user = hydrating = false;
-    content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
-    const el = mount();
-    if (el instanceof HTMLHeadElement) {
-      const [clean, setClean] = createSignal(false);
-      const cleanup = () => setClean(true);
-      createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
-      onCleanup(cleanup);
-    } else {
-      const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
-        mode: "open"
-      }) : container;
-      Object.defineProperty(container, "_$host", {
-        get() {
-          return marker.parentNode;
-        },
-        configurable: true
-      });
-      insert(renderRoot, content);
-      el.appendChild(container);
-      props.ref && props.ref(container);
-      onCleanup(() => el.removeChild(container));
+  createEffect(
+    () => {
+      if (hydrating)
+        getOwner().user = hydrating = false;
+      content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
+      const el = mount();
+      if (el instanceof HTMLHeadElement) {
+        const [clean, setClean] = createSignal(false);
+        const cleanup = () => setClean(true);
+        createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
+        onCleanup(cleanup);
+      } else {
+        const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
+          mode: "open"
+        }) : container;
+        Object.defineProperty(container, "_$host", {
+          get() {
+            return marker.parentNode;
+          },
+          configurable: true
+        });
+        insert(renderRoot, content);
+        el.appendChild(container);
+        props.ref && props.ref(container);
+        onCleanup(() => el.removeChild(container));
+      }
+    },
+    void 0,
+    {
+      render: !hydrating
     }
-  }, void 0, {
-    render: !hydrating
-  });
+  );
   return marker;
 }
 function Dynamic(props) {
@@ -1894,9 +2019,6 @@ function Dynamic(props) {
     const component = cached();
     switch (typeof component) {
       case "function":
-        Object.assign(component, {
-          [$DEVCOMP]: true
-        });
         return untrack(() => component(others));
       case "string":
         const isSvg = SVGElements.has(component);