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

package/dist/dev.js

@@ -1,5 +1,5 @@
-import { getContext, createMemo as createMemo$1, flatten, getOwner, createRoot, setContext, untrack, setStrictRead, createLoadBoundary, onCleanup, isDisposed, runWithOwner, createOwner, createEffect as createEffect$1, createOptimistic as createOptimistic$1, createOptimisticStore as createOptimisticStore$1, createProjection as createProjection$1, createRenderEffect as createRenderEffect$1, createSignal as createSignal$1, createStore as createStore$1, setSnapshotCapture, releaseSnapshotScope, getNextChildId, createErrorBoundary as createErrorBoundary$1, markSnapshotScope, flush, clearSnapshots, peekNextChildId, mapArray, repeat } from '@solidjs/signals';
-export { $PROXY, $TRACK, NotReadyError, action, createOwner, createReaction, createRoot, createTrackedEffect, deep, flatten, flush, getNextChildId, getObserver, getOwner, isEqual, isPending, isRefreshing, isWrappable, latest, mapArray, merge, omit, onCleanup, onSettled, reconcile, refresh, repeat, resolve, runWithOwner, snapshot, storePath, untrack } from '@solidjs/signals';
+import { getContext, createMemo as createMemo$1, flatten, getOwner, createRoot, setContext, untrack, createLoadingBoundary, onCleanup, isDisposed, runWithOwner, createOwner, createEffect as createEffect$1, createOptimistic as createOptimistic$1, createOptimisticStore as createOptimisticStore$1, createProjection as createProjection$1, createRenderEffect as createRenderEffect$1, createSignal as createSignal$1, createStore as createStore$1, setSnapshotCapture, releaseSnapshotScope, getNextChildId, createErrorBoundary as createErrorBoundary$1, markSnapshotScope, flush, clearSnapshots, peekNextChildId, mapArray, repeat } from '@solidjs/signals';
+export { $PROXY, $REFRESH, $TRACK, NotReadyError, action, createErrorBoundary, createLoadingBoundary, createOwner, createReaction, createRoot, createTrackedEffect, deep, enableExternalSource, enforceLoadingBoundary, flatten, flush, getNextChildId, getObserver, getOwner, isEqual, isPending, isRefreshing, isWrappable, latest, mapArray, merge, omit, onCleanup, onSettled, reconcile, refresh, repeat, resolve, runWithOwner, snapshot, storePath, untrack } from '@solidjs/signals';
 
 const $DEVCOMP = Symbol("COMPONENT_DEV" );
 function createContext(defaultValue, options) {
@@ -37,17 +37,10 @@ function devComponent(Comp, props) {
     owner._props = props;
     owner._name = Comp.name;
     owner._component = Comp;
-    return untrack(() => {
-      Object.assign(Comp, {
-        [$DEVCOMP]: true
-      });
-      setStrictRead(`<${Comp.name || "Anonymous"}>`);
-      try {
-        return Comp(props);
-      } finally {
-        setStrictRead(false);
-      }
+    Object.assign(Comp, {
+      [$DEVCOMP]: true
     });
+    return untrack(() => Comp(props), `<${Comp.name || "Anonymous"}>`);
   }, {
     transparent: true
   });
@@ -160,11 +153,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) {
@@ -181,63 +204,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 = getOwner();
   const expectedId = 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] = createSignal$1(firstValue);
-  const result = coreFn(() => get(), firstValue, options);
-  scheduleIteratorConsumption(iter, v => {
-    set(() => v);
-    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 = getOwner();
   const expectedId = 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 createMemo$1(compute, value, options);
+  if (!sharedConfig.hydrating || options?.transparent) {
+    return createMemo$1(compute, value, options);
+  }
   markTopLevelSnapshotScope();
   const ssrSource = options?.ssrSource;
   if (ssrSource === "client") {
-    const [hydrated, setHydrated] = createSignal$1(false);
+    const [hydrated, setHydrated] = createSignal$1(false, {
+      pureWrite: true
+    });
     const memo = createMemo$1(prev => {
       if (!hydrated()) return prev ?? value;
       return compute(prev);
@@ -268,7 +391,9 @@ function hydratedCreateSignal(fn, second, third) {
   markTopLevelSnapshotScope();
   const ssrSource = third?.ssrSource;
   if (ssrSource === "client") {
-    const [hydrated, setHydrated] = createSignal$1(false);
+    const [hydrated, setHydrated] = createSignal$1(false, {
+      pureWrite: true
+    });
     const sig = createSignal$1(prev => {
       if (!hydrated()) return prev ?? second;
       return fn(prev);
@@ -319,7 +444,9 @@ function hydratedCreateOptimistic(fn, second, third) {
   markTopLevelSnapshotScope();
   const ssrSource = third?.ssrSource;
   if (ssrSource === "client") {
-    const [hydrated, setHydrated] = createSignal$1(false);
+    const [hydrated, setHydrated] = createSignal$1(false, {
+      pureWrite: true
+    });
     const sig = createOptimistic$1(prev => {
       if (!hydrated()) return prev ?? second;
       return fn(prev);
@@ -345,14 +472,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 = getOwner();
     if (!sharedConfig.hydrating) return fn(draft);
@@ -362,44 +482,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] = createSignal$1(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] = createSignal$1(false, {
+      pureWrite: true
+    });
+    const result = coreFn(draft => {
+      const o = 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 createStore$1(first, second, third);
   markTopLevelSnapshotScope();
   const ssrSource = third?.ssrSource;
-  if (ssrSource === "client" || ssrSource === "initial") {
-    return createStore$1(second ?? {}, undefined, third);
-  }
-  const aiResult = hydrateStoreFromAsyncIterable(createStore$1, second ?? {}, third);
-  if (aiResult !== null) return aiResult;
-  return createStore$1(wrapStoreFn(first, ssrSource), second, third);
+  if (ssrSource === "initial") return createStore$1(second ?? {}, undefined, third);
+  return hydrateStoreLikeFn(createStore$1, first, second ?? {}, third, ssrSource);
 }
 function hydratedCreateOptimisticStore(first, second, third) {
   if (typeof first !== "function" || !sharedConfig.hydrating) return createOptimisticStore$1(first, second, third);
   markTopLevelSnapshotScope();
   const ssrSource = third?.ssrSource;
-  if (ssrSource === "client" || ssrSource === "initial") {
-    return createOptimisticStore$1(second ?? {}, undefined, third);
-  }
-  const aiResult = hydrateStoreFromAsyncIterable(createOptimisticStore$1, second ?? {}, third);
-  if (aiResult !== null) return aiResult;
-  return createOptimisticStore$1(wrapStoreFn(first, ssrSource), second, third);
+  if (ssrSource === "initial") return createOptimisticStore$1(second ?? {}, undefined, third);
+  return hydrateStoreLikeFn(createOptimisticStore$1, first, second ?? {}, third, ssrSource);
 }
 function hydratedCreateProjection(fn, initialValue, options) {
   if (!sharedConfig.hydrating) return createProjection$1(fn, initialValue, options);
   markTopLevelSnapshotScope();
   const ssrSource = options?.ssrSource;
-  if (ssrSource === "client" || ssrSource === "initial") {
-    return createProjection$1(draft => draft, initialValue, options);
-  }
-  const aiResult = hydrateStoreFromAsyncIterable(createStore$1, initialValue, options);
-  if (aiResult !== null) return aiResult[0];
-  return createProjection$1(wrapStoreFn(fn, ssrSource), initialValue, options);
+  if (ssrSource === "initial") return createProjection$1(draft => draft, initialValue, options);
+  return hydrateStoreLikeFn(createProjection$1, 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] = createSignal$1(false);
+    const [hydrated, setHydrated] = createSignal$1(false, {
+      pureWrite: true
+    });
     let active = false;
     coreFn(prev => {
       if (!hydrated()) return value;
@@ -533,13 +686,16 @@ function resumeBoundaryHydration(o, id, set) {
   set();
   flush();
   _snapshotRootOwner = null;
-  _hydratingValue = false;
   releaseSnapshotScope(o);
   flush();
+  _hydratingValue = false;
   checkHydrationComplete();
 }
 function Loading(props) {
-  if (!sharedConfig.hydrating) return createLoadBoundary(() => props.children, () => props.fallback);
+  const onOpt = props.on ? {
+    on: () => props.on()
+  } : undefined;
+  if (!sharedConfig.hydrating) return createLoadingBoundary(() => props.children, () => props.fallback, onOpt);
   return createMemo$1(() => {
     const o = getOwner();
     const id = o.id;
@@ -587,7 +743,8 @@ function Loading(props) {
       assetPromise.then(() => resumeBoundaryHydration(o, id, set));
       return undefined;
     }
-    return createLoadBoundary(() => props.children, () => props.fallback);
+    const boundary = createLoadingBoundary(() => props.children, () => props.fallback, onOpt);
+    return boundary;
   });
 }
 function NoHydration(props) {
@@ -673,17 +830,10 @@ function Show(props) {
     if (c) {
       const child = props.children;
       const fn = typeof child === "function" && child.length > 0;
-      return fn ? untrack(() => {
-        setStrictRead("<Show>");
-        try {
-          return child(() => {
-            if (!untrack(condition)) throw narrowedError("Show");
-            return conditionValue();
-          });
-        } finally {
-          setStrictRead(false);
-        }
-      }) : child;
+      return fn ? untrack(() => child(() => {
+        if (!untrack(condition)) throw narrowedError("Show");
+        return conditionValue();
+      }), "<Show>") : child;
     }
     return props.fallback;
   }, undefined, {
@@ -716,17 +866,10 @@ function Switch(props) {
     const [index, conditionValue, mp] = sel;
     const child = mp.children;
     const fn = typeof child === "function" && child.length > 0;
-    return fn ? untrack(() => {
-      setStrictRead("<Match>");
-      try {
-        return child(() => {
-          if (untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match");
-          return conditionValue();
-        });
-      } finally {
-        setStrictRead(false);
-      }
-    }) : child;
+    return fn ? untrack(() => child(() => {
+      if (untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match");
+      return conditionValue();
+    }), "<Match>") : child;
   }, undefined, {
     name: "eval conditions"
   } );