solid-js 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/dev.cjs

@@ -38,17 +38,10 @@ function devComponent(Comp, props) {
     owner._props = props;
     owner._name = Comp.name;
     owner._component = Comp;
-    return signals.untrack(() => {
-      Object.assign(Comp, {
-        [$DEVCOMP]: true
-      });
-      signals.setStrictRead(`<${Comp.name || "Anonymous"}>`);
-      try {
-        return Comp(props);
-      } finally {
-        signals.setStrictRead(false);
-      }
+    Object.assign(Comp, {
+      [$DEVCOMP]: true
     });
+    return signals.untrack(() => Comp(props), `<${Comp.name || "Anonymous"}>`);
   }, {
     transparent: true
   });
@@ -161,11 +154,41 @@ function subFetch(fn, prev) {
     Promise = ogPromise;
   }
 }
-function consumeFirstSync(ai) {
-  const iter = ai[Symbol.asyncIterator]();
-  const r = iter.next();
-  const value = !(r instanceof Promise) && !r.done ? r.value : undefined;
-  return [value, iter];
+function syncThenable(value) {
+  return {
+    then(fn) {
+      fn(value);
+    }
+  };
+}
+function normalizeIterator(it) {
+  let first = true;
+  let buffered = null;
+  return {
+    next() {
+      if (first) {
+        first = false;
+        const r = it.next();
+        return r && typeof r.then === "function" ? r : syncThenable(r);
+      }
+      if (buffered) {
+        const b = buffered;
+        buffered = null;
+        return b;
+      }
+      let latest = it.next();
+      if (latest && typeof latest.then === "function") return latest;
+      while (!latest.done) {
+        const peek = it.next();
+        if (peek && typeof peek.then === "function") {
+          buffered = peek;
+          break;
+        }
+        latest = peek;
+      }
+      return Promise.resolve(latest);
+    }
+  };
 }
 function applyPatches(target, patches) {
   for (const patch of patches) {
@@ -182,63 +205,163 @@ function applyPatches(target, patches) {
     }
   }
 }
-function scheduleIteratorConsumption(iter, apply) {
-  const consume = () => {
-    while (true) {
-      const n = iter.next();
-      if (n instanceof Promise) {
-        n.then(r => {
-          if (r.done) return;
-          apply(r.value);
-          consume();
-        });
-        return;
+function isAsyncIterable(v) {
+  return v != null && typeof v[Symbol.asyncIterator] === "function";
+}
+function createShadowDraft(realDraft) {
+  const shadow = JSON.parse(JSON.stringify(realDraft));
+  let useShadow = true;
+  return {
+    proxy: new Proxy(shadow, {
+      get(_, prop) {
+        return useShadow ? shadow[prop] : realDraft[prop];
+      },
+      set(_, prop, value) {
+        if (useShadow) {
+          shadow[prop] = value;
+          return true;
+        }
+        return Reflect.set(realDraft, prop, value);
+      },
+      deleteProperty(_, prop) {
+        if (useShadow) {
+          delete shadow[prop];
+          return true;
+        }
+        return Reflect.deleteProperty(realDraft, prop);
+      },
+      has(_, prop) {
+        return prop in (useShadow ? shadow : realDraft);
+      },
+      ownKeys() {
+        return Reflect.ownKeys(useShadow ? shadow : realDraft);
+      },
+      getOwnPropertyDescriptor(_, prop) {
+        return Object.getOwnPropertyDescriptor(useShadow ? shadow : realDraft, prop);
       }
-      if (n.done) break;
-      apply(n.value);
+    }),
+    activate() {
+      useShadow = false;
     }
   };
-  consume();
 }
-function isAsyncIterable(v) {
-  return v != null && typeof v[Symbol.asyncIterator] === "function";
+function wrapFirstYield(iterable, activate) {
+  const srcIt = iterable[Symbol.asyncIterator]();
+  let first = true;
+  return {
+    [Symbol.asyncIterator]() {
+      return {
+        next() {
+          const p = srcIt.next();
+          if (first) {
+            first = false;
+            return p.then(r => {
+              activate();
+              return r.done ? r : {
+                done: false,
+                value: undefined
+              };
+            });
+          }
+          return p;
+        }
+      };
+    }
+  };
 }
 function hydrateSignalFromAsyncIterable(coreFn, compute, value, options) {
   const parent = signals.getOwner();
   const expectedId = signals.peekNextChildId(parent);
   if (!sharedConfig.has(expectedId)) return null;
-  const initP = sharedConfig.load(expectedId);
-  if (!isAsyncIterable(initP)) return null;
-  const [firstValue, iter] = consumeFirstSync(initP);
-  const [get, set] = signals.createSignal(firstValue);
-  const result = coreFn(() => get(), firstValue, options);
-  scheduleIteratorConsumption(iter, v => {
-    set(() => v);
-    signals.flush();
-  });
-  return result;
+  const loaded = sharedConfig.load(expectedId);
+  if (!isAsyncIterable(loaded)) return null;
+  const it = normalizeIterator(loaded[Symbol.asyncIterator]());
+  const iterable = {
+    [Symbol.asyncIterator]() {
+      return it;
+    }
+  };
+  return coreFn(() => iterable, value, options);
 }
 function hydrateStoreFromAsyncIterable(coreFn, initialValue, options) {
   const parent = signals.getOwner();
   const expectedId = signals.peekNextChildId(parent);
   if (!sharedConfig.has(expectedId)) return null;
-  const initP = sharedConfig.load(expectedId);
-  if (!isAsyncIterable(initP)) return null;
-  const [firstState, iter] = consumeFirstSync(initP);
-  const [store, setStore] = coreFn(() => {}, firstState ?? initialValue, options);
-  scheduleIteratorConsumption(iter, patches => {
-    setStore(d => {
-      applyPatches(d, patches);
-    });
-  });
-  return [store, setStore];
+  const loaded = sharedConfig.load(expectedId);
+  if (!isAsyncIterable(loaded)) return null;
+  const srcIt = loaded[Symbol.asyncIterator]();
+  let isFirst = true;
+  let buffered = null;
+  return coreFn(draft => {
+    const process = res => {
+      if (res.done) return {
+        done: true,
+        value: undefined
+      };
+      if (isFirst) {
+        isFirst = false;
+        if (Array.isArray(res.value)) {
+          for (let i = 0; i < res.value.length; i++) draft[i] = res.value[i];
+          draft.length = res.value.length;
+        } else {
+          Object.assign(draft, res.value);
+        }
+      } else {
+        applyPatches(draft, res.value);
+      }
+      return {
+        done: false,
+        value: undefined
+      };
+    };
+    return {
+      [Symbol.asyncIterator]() {
+        return {
+          next() {
+            if (isFirst) {
+              const r = srcIt.next();
+              return r && typeof r.then === "function" ? {
+                then(fn, rej) {
+                  r.then(v => fn(process(v)), rej);
+                }
+              } : syncThenable(process(r));
+            }
+            if (buffered) {
+              const b = buffered;
+              buffered = null;
+              return b.then(process);
+            }
+            let r = srcIt.next();
+            if (r && typeof r.then === "function") {
+              return r.then(process);
+            }
+            let result = process(r);
+            while (!r.done) {
+              const peek = srcIt.next();
+              if (peek && typeof peek.then === "function") {
+                buffered = peek;
+                break;
+              }
+              r = peek;
+              if (!r.done) result = process(r);
+            }
+            return Promise.resolve(result);
+          }
+        };
+      }
+    };
+  }, initialValue, options);
 }
 function hydratedCreateMemo(compute, value, options) {
-  if (!sharedConfig.hydrating) return signals.createMemo(compute, value, options);
+  if (!sharedConfig.hydrating || options?.transparent) {
+    return signals.createMemo(compute, value, options);
+  }
   markTopLevelSnapshotScope();
   const ssrSource = options?.ssrSource;
   if (ssrSource === "client") {
-    const [hydrated, setHydrated] = signals.createSignal(false);
+    const [hydrated, setHydrated] = signals.createSignal(false, {
+      pureWrite: true
+    });
     const memo = signals.createMemo(prev => {
       if (!hydrated()) return prev ?? value;
       return compute(prev);
@@ -269,7 +392,9 @@ function hydratedCreateSignal(fn, second, third) {
   markTopLevelSnapshotScope();
   const ssrSource = third?.ssrSource;
   if (ssrSource === "client") {
-    const [hydrated, setHydrated] = signals.createSignal(false);
+    const [hydrated, setHydrated] = signals.createSignal(false, {
+      pureWrite: true
+    });
     const sig = signals.createSignal(prev => {
       if (!hydrated()) return prev ?? second;
       return fn(prev);
@@ -320,7 +445,9 @@ function hydratedCreateOptimistic(fn, second, third) {
   markTopLevelSnapshotScope();
   const ssrSource = third?.ssrSource;
   if (ssrSource === "client") {
-    const [hydrated, setHydrated] = signals.createSignal(false);
+    const [hydrated, setHydrated] = signals.createSignal(false, {
+      pureWrite: true
+    });
     const sig = signals.createOptimistic(prev => {
       if (!hydrated()) return prev ?? second;
       return fn(prev);
@@ -346,14 +473,7 @@ function hydratedCreateOptimistic(fn, second, third) {
     return init != null ? (subFetch(fn, prev), init) : fn(prev);
   }, second, third);
 }
-function wrapStoreFn(fn, ssrSource) {
-  if (ssrSource === "initial") {
-    return draft => {
-      if (!sharedConfig.hydrating) return fn(draft);
-      subFetch(fn, draft);
-      return undefined;
-    };
-  }
+function wrapStoreFn(fn) {
   return draft => {
     const o = signals.getOwner();
     if (!sharedConfig.hydrating) return fn(draft);
@@ -363,44 +483,77 @@ function wrapStoreFn(fn, ssrSource) {
     return init != null ? (subFetch(fn, draft), init) : fn(draft);
   };
 }
+function hydrateStoreLikeFn(coreFn, fn, initialValue, options, ssrSource) {
+  if (ssrSource === "client") {
+    const [hydrated, setHydrated] = signals.createSignal(false, {
+      pureWrite: true
+    });
+    const result = coreFn(draft => {
+      if (!hydrated()) return;
+      return fn(draft);
+    }, initialValue, options);
+    setHydrated(true);
+    return result;
+  }
+  if (ssrSource === "hybrid") {
+    const [hydrated, setHydrated] = signals.createSignal(false, {
+      pureWrite: true
+    });
+    const result = coreFn(draft => {
+      const o = signals.getOwner();
+      if (!hydrated()) {
+        if (sharedConfig.has(o.id)) {
+          const initP = sharedConfig.load(o.id);
+          const init = initP?.v ?? initP;
+          if (init != null) {
+            subFetch(fn, draft);
+            return init;
+          }
+        }
+        return fn(draft);
+      }
+      const {
+        proxy,
+        activate
+      } = createShadowDraft(draft);
+      const r = fn(proxy);
+      return isAsyncIterable(r) ? wrapFirstYield(r, activate) : r;
+    }, initialValue, options);
+    setHydrated(true);
+    return result;
+  }
+  const aiResult = hydrateStoreFromAsyncIterable(coreFn, initialValue, options);
+  if (aiResult !== null) return aiResult;
+  return coreFn(wrapStoreFn(fn), initialValue, options);
+}
 function hydratedCreateStore(first, second, third) {
   if (typeof first !== "function" || !sharedConfig.hydrating) return signals.createStore(first, second, third);
   markTopLevelSnapshotScope();
   const ssrSource = third?.ssrSource;
-  if (ssrSource === "client" || ssrSource === "initial") {
-    return signals.createStore(second ?? {}, undefined, third);
-  }
-  const aiResult = hydrateStoreFromAsyncIterable(signals.createStore, second ?? {}, third);
-  if (aiResult !== null) return aiResult;
-  return signals.createStore(wrapStoreFn(first, ssrSource), second, third);
+  if (ssrSource === "initial") return signals.createStore(second ?? {}, undefined, third);
+  return hydrateStoreLikeFn(signals.createStore, first, second ?? {}, third, ssrSource);
 }
 function hydratedCreateOptimisticStore(first, second, third) {
   if (typeof first !== "function" || !sharedConfig.hydrating) return signals.createOptimisticStore(first, second, third);
   markTopLevelSnapshotScope();
   const ssrSource = third?.ssrSource;
-  if (ssrSource === "client" || ssrSource === "initial") {
-    return signals.createOptimisticStore(second ?? {}, undefined, third);
-  }
-  const aiResult = hydrateStoreFromAsyncIterable(signals.createOptimisticStore, second ?? {}, third);
-  if (aiResult !== null) return aiResult;
-  return signals.createOptimisticStore(wrapStoreFn(first, ssrSource), second, third);
+  if (ssrSource === "initial") return signals.createOptimisticStore(second ?? {}, undefined, third);
+  return hydrateStoreLikeFn(signals.createOptimisticStore, first, second ?? {}, third, ssrSource);
 }
 function hydratedCreateProjection(fn, initialValue, options) {
   if (!sharedConfig.hydrating) return signals.createProjection(fn, initialValue, options);
   markTopLevelSnapshotScope();
   const ssrSource = options?.ssrSource;
-  if (ssrSource === "client" || ssrSource === "initial") {
-    return signals.createProjection(draft => draft, initialValue, options);
-  }
-  const aiResult = hydrateStoreFromAsyncIterable(signals.createStore, initialValue, options);
-  if (aiResult !== null) return aiResult[0];
-  return signals.createProjection(wrapStoreFn(fn, ssrSource), initialValue, options);
+  if (ssrSource === "initial") return signals.createProjection(draft => draft, initialValue, options);
+  return hydrateStoreLikeFn(signals.createProjection, fn, initialValue, options, ssrSource);
 }
 function hydratedEffect(coreFn, compute, effectFn, value, options) {
   if (!sharedConfig.hydrating) return coreFn(compute, effectFn, value, options);
   const ssrSource = options?.ssrSource;
   if (ssrSource === "client") {
-    const [hydrated, setHydrated] = signals.createSignal(false);
+    const [hydrated, setHydrated] = signals.createSignal(false, {
+      pureWrite: true
+    });
     let active = false;
     coreFn(prev => {
       if (!hydrated()) return value;
@@ -534,13 +687,16 @@ function resumeBoundaryHydration(o, id, set) {
   set();
   signals.flush();
   _snapshotRootOwner = null;
-  _hydratingValue = false;
   signals.releaseSnapshotScope(o);
   signals.flush();
+  _hydratingValue = false;
   checkHydrationComplete();
 }
 function Loading(props) {
-  if (!sharedConfig.hydrating) return signals.createLoadBoundary(() => props.children, () => props.fallback);
+  const onOpt = props.on ? {
+    on: () => props.on()
+  } : undefined;
+  if (!sharedConfig.hydrating) return signals.createLoadingBoundary(() => props.children, () => props.fallback, onOpt);
   return signals.createMemo(() => {
     const o = signals.getOwner();
     const id = o.id;
@@ -588,7 +744,8 @@ function Loading(props) {
       assetPromise.then(() => resumeBoundaryHydration(o, id, set));
       return undefined;
     }
-    return signals.createLoadBoundary(() => props.children, () => props.fallback);
+    const boundary = signals.createLoadingBoundary(() => props.children, () => props.fallback, onOpt);
+    return boundary;
   });
 }
 function NoHydration(props) {
@@ -674,17 +831,10 @@ function Show(props) {
     if (c) {
       const child = props.children;
       const fn = typeof child === "function" && child.length > 0;
-      return fn ? signals.untrack(() => {
-        signals.setStrictRead("<Show>");
-        try {
-          return child(() => {
-            if (!signals.untrack(condition)) throw narrowedError("Show");
-            return conditionValue();
-          });
-        } finally {
-          signals.setStrictRead(false);
-        }
-      }) : child;
+      return fn ? signals.untrack(() => child(() => {
+        if (!signals.untrack(condition)) throw narrowedError("Show");
+        return conditionValue();
+      }), "<Show>") : child;
     }
     return props.fallback;
   }, undefined, {
@@ -717,17 +867,10 @@ function Switch(props) {
     const [index, conditionValue, mp] = sel;
     const child = mp.children;
     const fn = typeof child === "function" && child.length > 0;
-    return fn ? signals.untrack(() => {
-      signals.setStrictRead("<Match>");
-      try {
-        return child(() => {
-          if (signals.untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match");
-          return conditionValue();
-        });
-      } finally {
-        signals.setStrictRead(false);
-      }
-    }) : child;
+    return fn ? signals.untrack(() => child(() => {
+      if (signals.untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match");
+      return conditionValue();
+    }), "<Match>") : child;
   }, undefined, {
     name: "eval conditions"
   } );
@@ -758,6 +901,10 @@ Object.defineProperty(exports, "$PROXY", {
   enumerable: true,
   get: function () { return signals.$PROXY; }
 });
+Object.defineProperty(exports, "$REFRESH", {
+  enumerable: true,
+  get: function () { return signals.$REFRESH; }
+});
 Object.defineProperty(exports, "$TRACK", {
   enumerable: true,
   get: function () { return signals.$TRACK; }
@@ -770,6 +917,14 @@ Object.defineProperty(exports, "action", {
   enumerable: true,
   get: function () { return signals.action; }
 });
+Object.defineProperty(exports, "createErrorBoundary", {
+  enumerable: true,
+  get: function () { return signals.createErrorBoundary; }
+});
+Object.defineProperty(exports, "createLoadingBoundary", {
+  enumerable: true,
+  get: function () { return signals.createLoadingBoundary; }
+});
 Object.defineProperty(exports, "createOwner", {
   enumerable: true,
   get: function () { return signals.createOwner; }
@@ -790,6 +945,14 @@ Object.defineProperty(exports, "deep", {
   enumerable: true,
   get: function () { return signals.deep; }
 });
+Object.defineProperty(exports, "enableExternalSource", {
+  enumerable: true,
+  get: function () { return signals.enableExternalSource; }
+});
+Object.defineProperty(exports, "enforceLoadingBoundary", {
+  enumerable: true,
+  get: function () { return signals.enforceLoadingBoundary; }
+});
 Object.defineProperty(exports, "flatten", {
   enumerable: true,
   get: function () { return signals.flatten; }