octane 0.1.40 → 0.1.42

package/README.md

@@ -17,6 +17,10 @@ wrapper is narrower: the wrapper must be locally declared in a fully compiled
 parameter to a supported hook. This package ships both the runtime and compiler,
 with the compiler exposed at `octane/compiler`.
 
+Custom Node build pipelines can opt into project-aware string-child inference
+through `octane/compiler/typescript`. See the
+[type-aware text compilation guide](https://github.com/octanejs/octane/blob/main/docs/compiler-text-inference.md).
+
 Direct Node or Bun server scripts can preload `octane/compiler/register` to
 compile imported Octane components without going through Vite. See the
 [SSR guide](https://github.com/octanejs/octane/blob/main/docs/ssr.md#run-an-ssg-script-directly).
@@ -32,6 +36,9 @@ For the full story, see the
 
 ## Browser compatibility
 
+See the [browser support guide](https://octanejs.dev/docs/browser-support) for
+recommended targets, required browser APIs, and optional fallbacks.
+
 Configure your application's build target for the browser engines you support.
 The Rsbuild integration's `modules` target includes Chromium 87 and Samsung
 Internet 14; Samsung Internet can also be selected directly with targets such as

package/dist/cjs/runtime.cjs

@@ -104,6 +104,15 @@ __export(runtime_exports, {
   hasPendingWork: () => hasPendingWork,
   headBlock: () => headBlock,
   hmr: () => hmr,
+  hookMemoCreate: () => hookMemoCreate,
+  hookMemoEqual: () => hookMemoEqual,
+  hookMemoPublish: () => hookMemoPublish,
+  hookMemoPublish0: () => hookMemoPublish0,
+  hookMemoPublish1: () => hookMemoPublish1,
+  hookMemoPublish2: () => hookMemoPublish2,
+  hookMemoPublish3: () => hookMemoPublish3,
+  hookMemoPublish4: () => hookMemoPublish4,
+  hookMemoPublishInvariant: () => hookMemoPublishInvariant,
   hookSlots: () => hookSlots,
   hostComponent: () => hostComponent,
   htext: () => htext,
@@ -121,6 +130,14 @@ __export(runtime_exports, {
   markNativeChangeDiagnosticStatic: () => markNativeChangeDiagnosticStatic,
   markSingleRoot: () => markSingleRoot,
   memo: () => memo,
+  memoPublish: () => memoPublish,
+  memoPublishAlways: () => memoPublishAlways,
+  memoSlot: () => memoSlot,
+  memoTake0: () => memoTake0,
+  memoTake1: () => memoTake1,
+  memoTake2: () => memoTake2,
+  memoTake3: () => memoTake3,
+  memoTake4: () => memoTake4,
   mountFragmentRef: () => mountFragmentRef,
   namespaceHead: () => namespaceHead,
   namespaceHeadElement: () => namespaceHeadElement,
@@ -458,18 +475,19 @@ function stagedTransitionValue(slot) {
 function stageTransitionValue(slot, block, operation, value, forceRender = false) {
   const batch = transitionActionBatchForUpdate();
   if (batch === null) return false;
+  const replay = typeof operation === "function" ? operation : () => operation;
   const current = batch.updates.get(slot);
   if (current === void 0) {
     batch.updates.set(slot, {
       slot,
       block,
-      operations: [operation],
+      operations: [replay],
       baseValue: slot.value,
       value,
       forceRender
     });
   } else {
-    current.operations.push(operation);
+    current.operations.push(replay);
     current.value = value;
     current.forceRender ||= forceRender;
   }
@@ -525,7 +543,7 @@ let deferringStagedRevealEffects = false;
 let ACTIVE_TRANSITION_ATTEMPT = null;
 let FLUSHED_TRANSITION_UPDATES = [];
 let HELD_SYNC_TRANSITION = null;
-let PROMOTED_PU_SWAPS = null;
+let PROMOTED_MEMO_SWAPS = null;
 let PROMOTED_WARM_HARVEST = null;
 function beginTransitionAttempt(block) {
   if (block.pendingMode !== "transition" || ACTIVE_TRANSITION_ATTEMPT !== null) return null;
@@ -543,7 +561,7 @@ function beginTransitionAttempt(block) {
     refDetach: refDetachQueue.length,
     effectDeps: snapshotSubtreeEffectDeps(block),
     heldSlots: null,
-    puSwaps: null
+    memoSwaps: null
   };
   ACTIVE_TRANSITION_ATTEMPT = attempt;
   return attempt;
@@ -553,7 +571,7 @@ function endTransitionAttempt(attempt) {
   ACTIVE_TRANSITION_ATTEMPT = null;
   const held = attempt.heldSlots;
   if (held === null || held.size === 0) {
-    PROMOTED_PU_SWAPS = null;
+    PROMOTED_MEMO_SWAPS = null;
     PROMOTED_WARM_HARVEST = null;
   }
   let entries = null;
@@ -587,19 +605,15 @@ function endTransitionAttempt(attempt) {
     refAttachQueue.length = attempt.refAttach;
     refDetachQueue.length = attempt.refDetach;
     restoreSubtreeEffectDeps(attempt.origin, attempt.effectDeps);
-    const continuing = PROMOTED_PU_SWAPS !== null || PROMOTED_WARM_HARVEST !== null;
-    let puSwaps = attempt.puSwaps;
+    const continuing = PROMOTED_MEMO_SWAPS !== null || PROMOTED_WARM_HARVEST !== null;
+    let memoSwaps = attempt.memoSwaps;
     if (continuing) {
-      if (PROMOTED_PU_SWAPS !== null) {
-        puSwaps = puSwaps === null ? PROMOTED_PU_SWAPS : PROMOTED_PU_SWAPS.concat(puSwaps);
-        PROMOTED_PU_SWAPS = null;
-      }
-    } else if (puSwaps !== null) {
-      for (let i = puSwaps.length - 1; i >= 0; i--) {
-        const [hooks, slot, prev] = puSwaps[i];
-        if (prev === void 0) hooks.delete(slot);
-        else hooks.set(slot, prev);
+      if (PROMOTED_MEMO_SWAPS !== null) {
+        memoSwaps = memoSwaps === null ? PROMOTED_MEMO_SWAPS : PROMOTED_MEMO_SWAPS.concat(memoSwaps);
+        PROMOTED_MEMO_SWAPS = null;
       }
+    } else if (memoSwaps !== null) {
+      for (let i = memoSwaps.length - 1; i >= 0; i--) applyTransitionMemoSwap(memoSwaps[i], false);
     }
     for (let i = 0; i < entries.length; i++) {
       entries[i].slot.value = entries[i].baseValue;
@@ -632,7 +646,7 @@ function endTransitionAttempt(attempt) {
     HELD_SYNC_TRANSITION = {
       origin: attempt.origin,
       entries,
-      puSwaps,
+      memoSwaps,
       warmHarvest,
       holders: new Set(held)
     };
@@ -644,11 +658,26 @@ function endTransitionAttempt(attempt) {
     flushParkedItems();
   }
 }
-function journalPuEntry(scope, slot, next) {
+function journalMemoEntry(scope, slot, next) {
   const attempt = ACTIVE_TRANSITION_ATTEMPT;
   if (attempt === null) return;
   const hooks = ensureHooks(scope);
-  (attempt.puSwaps ??= []).push([hooks, slot, hooks.get(slot), next]);
+  (attempt.memoSwaps ??= []).push([0, hooks, slot, hooks.get(slot), next]);
+}
+function journalHookMemoCells(cells, base, next) {
+  const attempt = ACTIVE_TRANSITION_ATTEMPT;
+  if (attempt === null) return;
+  (attempt.memoSwaps ??= []).push([1, cells, base, cells.slice(base, base + next.length), next]);
+}
+function applyTransitionMemoSwap(swap, forward) {
+  if (swap[0] === 0) {
+    const value = forward ? swap[4] : swap[3];
+    if (!forward && value === void 0) swap[1].delete(swap[2]);
+    else swap[1].set(swap[2], value);
+    return;
+  }
+  const values = forward ? swap[4] : swap[3];
+  for (let i = 0; i < values.length; i++) swap[1][swap[2] + i] = values[i];
 }
 function heldSyncCellsIntact(state) {
   const held = HELD_SYNC_TRANSITION;
@@ -663,13 +692,10 @@ function promoteHeldSyncTransition() {
   const held = HELD_SYNC_TRANSITION;
   if (held === null) return false;
   HELD_SYNC_TRANSITION = null;
-  const puSwaps = held.puSwaps;
-  if (puSwaps !== null) {
-    for (let i = 0; i < puSwaps.length; i++) {
-      const [hooks, slot, , next] = puSwaps[i];
-      hooks.set(slot, next);
-    }
-    PROMOTED_PU_SWAPS = PROMOTED_PU_SWAPS === null ? puSwaps : PROMOTED_PU_SWAPS.concat(puSwaps);
+  const memoSwaps = held.memoSwaps;
+  if (memoSwaps !== null) {
+    for (let i = 0; i < memoSwaps.length; i++) applyTransitionMemoSwap(memoSwaps[i], true);
+    PROMOTED_MEMO_SWAPS = PROMOTED_MEMO_SWAPS === null ? memoSwaps : PROMOTED_MEMO_SWAPS.concat(memoSwaps);
   }
   PROMOTED_WARM_HARVEST = held.warmHarvest;
   const promoted = [];
@@ -695,7 +721,7 @@ function discardHeldSyncTransition(state) {
   if (held === null || !held.holders.delete(state)) return;
   if (held.holders.size === 0) {
     HELD_SYNC_TRANSITION = null;
-    PROMOTED_PU_SWAPS = null;
+    PROMOTED_MEMO_SWAPS = null;
     PROMOTED_WARM_HARVEST = null;
   }
 }
@@ -1432,12 +1458,21 @@ function flush() {
     }
     return;
   }
+  if (!hasPendingWork() && refDetachQueue.length === 0 && refAttachQueue.length === 0 && activeFragments.size === 0 && FLUSHED_TRANSITION_UPDATES.length === 0 && VIEW_TRANSITION_DRIVER === null) {
+    if (typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__)
+      (0, import_devtools_hook.__devtoolsNotifyFlush)();
+    return;
+  }
   if (VIEW_TRANSITION_DRIVER?.routeFlush() === true) return;
   flushWork();
 }
 function activeElementForDocument(doc) {
   try {
     let focused = doc.activeElement;
+    if (focused === doc.body) {
+      focused = focused?.shadowRoot?.activeElement ?? null;
+      if (focused === null) return null;
+    }
     while (focused !== null) {
       if (focused.localName === "iframe") {
         let nested;
@@ -3093,10 +3128,9 @@ function useState(initial, slot) {
       value: initVal,
       setter: (next) => {
         const previous = stagedTransitionValue(s);
-        const operation = typeof next === "function" ? next : () => next;
-        const computed = operation(previous);
+        const computed = typeof next === "function" ? next(previous) : next;
         if (Object.is(computed, previous)) return;
-        if (stageTransitionValue(s, block, operation, computed)) {
+        if (stageTransitionValue(s, block, next, computed)) {
           if (typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__) {
             const update = s.pendingActionBatch?.updates.get(s);
             if (update !== void 0) {
@@ -3505,45 +3539,115 @@ function useInsertionEffect(fn, deps, slot) {
   const [d, s] = resolveHookArgs("useInsertionEffect", deps, slot);
   enqueueEffect(s, fn, d, INSERTION);
 }
+function memoEntryHit(slot, entry) {
+  if (entry.warmEpisode !== CURRENT_WARM_EPISODE && recordRealWarmMemo(slot, entry.deps, entry)) {
+    entry.warmEpisode = CURRENT_WARM_EPISODE;
+  }
+  return entry;
+}
+function adoptMemoEntry(scope, slot, deps) {
+  const adopted = adoptWarmValue(slot, deps);
+  if (adopted === WARM_MISS) return null;
+  const entry = {
+    deps,
+    value: adopted,
+    warmEpisode: CURRENT_WARM_EPISODE
+  };
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalMemoEntry(scope, slot, entry);
+  ensureHooks(scope).set(slot, entry);
+  return entry;
+}
+function readMemoEntry(scope, slot, deps) {
+  const prev = scope.hooks?.get(slot);
+  if (prev && deps !== void 0 && !depsChanged(prev.deps, deps)) {
+    return memoEntryHit(slot, prev);
+  }
+  return WARM_EVER && deps !== void 0 ? adoptMemoEntry(scope, slot, deps) : null;
+}
+function publishMemoEntry(scope, slot, deps, value) {
+  const entry = { deps, value };
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalMemoEntry(scope, slot, entry);
+  ensureHooks(scope).set(slot, entry);
+  if (deps !== void 0 && recordRealWarmMemo(slot, deps, entry)) {
+    entry.warmEpisode = CURRENT_WARM_EPISODE;
+  }
+  return value;
+}
 function useMemo(compute, deps, slot) {
   const [d, s] = resolveHookArgs("useMemo", deps, slot);
   const scope = CURRENT_SCOPE;
-  const prev = scope.hooks?.get(s);
-  if (prev && d !== void 0 && !depsChanged(prev.deps, d)) {
-    if (prev.warmEpisode !== CURRENT_WARM_EPISODE && recordRealWarmMemo(s, d, prev)) {
-      prev.warmEpisode = CURRENT_WARM_EPISODE;
-    }
-    return prev.value;
-  }
-  if (WARM_EVER && d !== void 0) {
-    const adopted = adoptWarmValue(s, d);
-    if (adopted !== WARM_MISS) {
-      const adoptedEntry = {
-        deps: d,
-        value: adopted,
-        warmEpisode: CURRENT_WARM_EPISODE
-      };
-      if (ACTIVE_TRANSITION_ATTEMPT !== null) journalPuEntry(scope, s, adoptedEntry);
-      ensureHooks(scope).set(s, adoptedEntry);
-      return adopted;
-    }
-  }
+  const entry = readMemoEntry(scope, s, d);
+  if (entry !== null) return entry.value;
   const value = compute.apply(null, d ?? []);
-  const entry = { deps: d, value };
-  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalPuEntry(scope, s, entry);
-  ensureHooks(scope).set(s, entry);
-  if (d !== void 0 && recordRealWarmMemo(s, d, entry)) {
-    entry.warmEpisode = CURRENT_WARM_EPISODE;
+  return publishMemoEntry(scope, s, d, value);
+}
+function useCallback(fn, deps, slot) {
+  const [d, s] = resolveHookArgs("useCallback", deps, slot);
+  const scope = CURRENT_SCOPE;
+  const entry = readMemoEntry(scope, s, d);
+  return entry === null ? publishMemoEntry(scope, s, d, fn) : entry.value;
+}
+const hookMemoEqual = Object.is;
+function hookMemoCreate(size) {
+  return new Array(size).fill(void 0);
+}
+function hookMemoPublish0(cells, base, value) {
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalHookMemoCells(cells, base, [true, value]);
+  cells[base + 1] = value;
+  cells[base] = true;
+  return value;
+}
+function hookMemoPublish1(cells, base, value, d0) {
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalHookMemoCells(cells, base, [true, d0, value]);
+  cells[base + 2] = value;
+  cells[base + 1] = d0;
+  cells[base] = true;
+  return value;
+}
+function hookMemoPublish2(cells, base, value, d0, d1) {
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalHookMemoCells(cells, base, [true, d0, d1, value]);
+  cells[base + 3] = value;
+  cells[base + 1] = d0;
+  cells[base + 2] = d1;
+  cells[base] = true;
+  return value;
+}
+function hookMemoPublish3(cells, base, value, d0, d1, d2) {
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) {
+    journalHookMemoCells(cells, base, [true, d0, d1, d2, value]);
   }
+  cells[base + 4] = value;
+  cells[base + 1] = d0;
+  cells[base + 2] = d1;
+  cells[base + 3] = d2;
+  cells[base] = true;
   return value;
 }
-function useCallback(fn, deps, slot) {
-  if (slot === void 0 && typeof deps === "symbol") {
-    slot = deps;
-    deps = void 0;
+function hookMemoPublish4(cells, base, value, d0, d1, d2, d3) {
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) {
+    journalHookMemoCells(cells, base, [true, d0, d1, d2, d3, value]);
   }
-  if (resolveSlot(slot) === void 0) missingSlot("useCallback");
-  return useMemo(() => fn, deps, slot);
+  cells[base + 5] = value;
+  cells[base + 1] = d0;
+  cells[base + 2] = d1;
+  cells[base + 3] = d2;
+  cells[base + 4] = d3;
+  cells[base] = true;
+  return value;
+}
+function hookMemoPublish(cells, base, value, ...deps) {
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) {
+    journalHookMemoCells(cells, base, [true, ...deps, value]);
+  }
+  cells[base + deps.length + 1] = value;
+  for (let i = 0; i < deps.length; i++) cells[base + i + 1] = deps[i];
+  cells[base] = true;
+  return value;
+}
+function hookMemoPublishInvariant(cells, base, value) {
+  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalHookMemoCells(cells, base, [value]);
+  cells[base] = value;
+  return value;
 }
 function useRef(initial, slot) {
   if (slot === void 0 && typeof initial === "symbol") {
@@ -3628,6 +3732,10 @@ function useSyncExternalStore(subscribe, getSnapshot, ...rest) {
         scheduleRender(block);
       } : () => scheduleRender(block),
       onStoreChange: () => {
+        if (block.disposed) return;
+        if (CURRENT_BLOCK === null && block.pending && block.pendingMode === "urgent" && !block.pendingDeferred && !(typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__) && (process.env.NODE_ENV === "production" || !IS_OCTANE_ACT_ENVIRONMENT || actScopeDepth !== 0 || syncFlush)) {
+          return;
+        }
         if (checkStoreChanged(created)) created.forceUpdate();
       },
       block,
@@ -4539,6 +4647,10 @@ function activateHydrateBoundary(state) {
     renderBlock(block);
     drainHydrationRenderPhaseUpdates(block);
     if (state.hydrated) {
+      const adoptedSlot = block.slots[0];
+      if (adoptedSlot?.__kind === "trySlotSlot") {
+        hydration.claimRootRemainder(adoptedSlot.end.nextSibling);
+      }
       hydration.flushClassWrites();
       hydration.flushTextWarnings();
       hydration.finishRoot();
@@ -5360,28 +5472,14 @@ function adoptWarmValue(slot, deps) {
   return WARM_MISS;
 }
 const puMiss = /* @__PURE__ */ Symbol("octane.pu.miss");
-function puHit(slot, entry) {
-  if (entry.warmEpisode !== CURRENT_WARM_EPISODE && recordRealWarmMemo(slot, entry.deps, entry)) {
-    entry.warmEpisode = CURRENT_WARM_EPISODE;
-  }
-  return entry.value;
-}
 function puAdopt(slot, deps) {
-  const adopted = adoptWarmValue(slot, deps);
-  if (adopted === WARM_MISS) return puMiss;
-  const adoptedEntry = {
-    deps,
-    value: adopted,
-    warmEpisode: CURRENT_WARM_EPISODE
-  };
-  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalPuEntry(CURRENT_SCOPE, slot, adoptedEntry);
-  ensureHooks(CURRENT_SCOPE).set(slot, adoptedEntry);
-  return adopted;
+  const entry = adoptMemoEntry(CURRENT_SCOPE, slot, deps);
+  return entry === null ? puMiss : entry.value;
 }
 function puTake0(slot) {
   const prev = CURRENT_SCOPE.hooks?.get(slot);
   if (prev !== void 0 && prev.deps !== void 0 && prev.deps.length === 0) {
-    return puHit(slot, prev);
+    return memoEntryHit(slot, prev).value;
   }
   if (WARM_EVER) return puAdopt(slot, []);
   return puMiss;
@@ -5390,7 +5488,9 @@ function puTake1(slot, d0) {
   const prev = CURRENT_SCOPE.hooks?.get(slot);
   if (prev !== void 0) {
     const pd = prev.deps;
-    if (pd !== void 0 && pd.length === 1 && Object.is(pd[0], d0)) return puHit(slot, prev);
+    if (pd !== void 0 && pd.length === 1 && Object.is(pd[0], d0)) {
+      return memoEntryHit(slot, prev).value;
+    }
   }
   if (WARM_EVER) return puAdopt(slot, [d0]);
   return puMiss;
@@ -5400,7 +5500,7 @@ function puTake2(slot, d0, d1) {
   if (prev !== void 0) {
     const pd = prev.deps;
     if (pd !== void 0 && pd.length === 2 && Object.is(pd[0], d0) && Object.is(pd[1], d1)) {
-      return puHit(slot, prev);
+      return memoEntryHit(slot, prev).value;
     }
   }
   if (WARM_EVER) return puAdopt(slot, [d0, d1]);
@@ -5411,7 +5511,7 @@ function puTake3(slot, d0, d1, d2) {
   if (prev !== void 0) {
     const pd = prev.deps;
     if (pd !== void 0 && pd.length === 3 && Object.is(pd[0], d0) && Object.is(pd[1], d1) && Object.is(pd[2], d2)) {
-      return puHit(slot, prev);
+      return memoEntryHit(slot, prev).value;
     }
   }
   if (WARM_EVER) return puAdopt(slot, [d0, d1, d2]);
@@ -5422,18 +5522,77 @@ function puTake4(slot, d0, d1, d2, d3) {
   if (prev !== void 0) {
     const pd = prev.deps;
     if (pd !== void 0 && pd.length === 4 && Object.is(pd[0], d0) && Object.is(pd[1], d1) && Object.is(pd[2], d2) && Object.is(pd[3], d3)) {
-      return puHit(slot, prev);
+      return memoEntryHit(slot, prev).value;
     }
   }
   if (WARM_EVER) return puAdopt(slot, [d0, d1, d2, d3]);
   return puMiss;
 }
 function puPub(slot, value, ...deps) {
-  const entry = { deps, value };
-  if (ACTIVE_TRANSITION_ATTEMPT !== null) journalPuEntry(CURRENT_SCOPE, slot, entry);
-  ensureHooks(CURRENT_SCOPE).set(slot, entry);
-  if (recordRealWarmMemo(slot, deps, entry)) entry.warmEpisode = CURRENT_WARM_EPISODE;
-  return value;
+  return publishMemoEntry(CURRENT_SCOPE, slot, deps, value);
+}
+function memoSlot(slot, name) {
+  const resolved = resolveSlot(slot);
+  if (resolved === void 0) missingSlot(name);
+  return resolved;
+}
+function memoTake0(slot) {
+  const scope = CURRENT_SCOPE;
+  const prev = scope.hooks?.get(slot);
+  if (prev !== void 0 && prev.deps !== void 0 && prev.deps.length === 0) {
+    return memoEntryHit(slot, prev);
+  }
+  return WARM_EVER ? adoptMemoEntry(scope, slot, []) : null;
+}
+function memoTake1(slot, d0) {
+  const scope = CURRENT_SCOPE;
+  const prev = scope.hooks?.get(slot);
+  if (prev !== void 0) {
+    const pd = prev.deps;
+    if (pd !== void 0 && pd.length === 1 && Object.is(pd[0], d0)) {
+      return memoEntryHit(slot, prev);
+    }
+  }
+  return WARM_EVER ? adoptMemoEntry(scope, slot, [d0]) : null;
+}
+function memoTake2(slot, d0, d1) {
+  const scope = CURRENT_SCOPE;
+  const prev = scope.hooks?.get(slot);
+  if (prev !== void 0) {
+    const pd = prev.deps;
+    if (pd !== void 0 && pd.length === 2 && Object.is(pd[0], d0) && Object.is(pd[1], d1)) {
+      return memoEntryHit(slot, prev);
+    }
+  }
+  return WARM_EVER ? adoptMemoEntry(scope, slot, [d0, d1]) : null;
+}
+function memoTake3(slot, d0, d1, d2) {
+  const scope = CURRENT_SCOPE;
+  const prev = scope.hooks?.get(slot);
+  if (prev !== void 0) {
+    const pd = prev.deps;
+    if (pd !== void 0 && pd.length === 3 && Object.is(pd[0], d0) && Object.is(pd[1], d1) && Object.is(pd[2], d2)) {
+      return memoEntryHit(slot, prev);
+    }
+  }
+  return WARM_EVER ? adoptMemoEntry(scope, slot, [d0, d1, d2]) : null;
+}
+function memoTake4(slot, d0, d1, d2, d3) {
+  const scope = CURRENT_SCOPE;
+  const prev = scope.hooks?.get(slot);
+  if (prev !== void 0) {
+    const pd = prev.deps;
+    if (pd !== void 0 && pd.length === 4 && Object.is(pd[0], d0) && Object.is(pd[1], d1) && Object.is(pd[2], d2) && Object.is(pd[3], d3)) {
+      return memoEntryHit(slot, prev);
+    }
+  }
+  return WARM_EVER ? adoptMemoEntry(scope, slot, [d0, d1, d2, d3]) : null;
+}
+function memoPublish(slot, value, ...deps) {
+  return publishMemoEntry(CURRENT_SCOPE, slot, deps, value);
+}
+function memoPublishAlways(slot, value) {
+  return publishMemoEntry(CURRENT_SCOPE, slot, void 0, value);
 }
 const LAZY_COMPONENT = /* @__PURE__ */ Symbol.for("octane.lazy");
 function resolveLazyModule(mod) {
@@ -14836,7 +14995,7 @@ function forBlock(parentScope, slotKey, domParent, items, getKey, itemBody, flag
     hydration.node = state.end.nextSibling;
   }
 }
-function keyedForBlock(parentScope, slotKey, domParent, items, getKey, itemBody, flags, deps, emptyBody, anchor, ownEnd) {
+function keyedForBlock(parentScope, slotKey, domParent, items, getKey, itemBody, flags, deps, emptyBody, anchor, ownEnd, selectionBody) {
   const state = parentScope.slots[slotKey];
   if (TRANSITION_JOURNAL !== null) {
     if (state !== void 0) {
@@ -14844,7 +15003,15 @@ function keyedForBlock(parentScope, slotKey, domParent, items, getKey, itemBody,
       state.selectionItems = void 0;
     }
     flags &= ~4;
-  } else if (state !== void 0 && activeHydration() === null && state.cachedDeps !== null && tryUpdateKeyedSelection(state, items, itemBody, state.cachedDeps, deps, flags >>> 6)) {
+  } else if (state !== void 0 && activeHydration() === null && state.cachedDeps !== null && tryUpdateKeyedSelection(
+    state,
+    items,
+    itemBody,
+    state.cachedDeps,
+    deps,
+    flags >>> 6,
+    selectionBody
+  )) {
     return;
   }
   forBlock(
@@ -14968,7 +15135,7 @@ function fastForBlock(parentScope, slotKey, domParent, items, getKey, itemBody,
   }
   mountFastHostItems(parentScope, state, parent, items, getKey, itemBody, flags, deps, false);
 }
-function fastKeyedForBlock(parentScope, slotKey, domParent, items, getKey, itemBody, flags, deps, emptyBody, anchor, ownEnd) {
+function fastKeyedForBlock(parentScope, slotKey, domParent, items, getKey, itemBody, flags, deps, emptyBody, anchor, ownEnd, selectionBody) {
   const state = parentScope.slots[slotKey];
   const parent = fastHostListParent(state, items, flags);
   if (parent === null) {
@@ -14983,7 +15150,8 @@ function fastKeyedForBlock(parentScope, slotKey, domParent, items, getKey, itemB
       deps,
       emptyBody,
       anchor,
-      ownEnd
+      ownEnd,
+      selectionBody
     );
     return;
   }
@@ -15055,7 +15223,7 @@ function depsEqual(a, b) {
   }
   return true;
 }
-function tryUpdateKeyedSelection(state, items, itemBody, previousDeps, deps, selectionIndex) {
+function tryUpdateKeyedSelection(state, items, itemBody, previousDeps, deps, selectionIndex, selectionBody) {
   if (state.selectionItems !== items || state.size !== items.length || state.items.size !== state.size || previousDeps.length !== deps.length || selectionIndex >= deps.length) {
     return false;
   }
@@ -15078,12 +15246,20 @@ function tryUpdateKeyedSelection(state, items, itemBody, previousDeps, deps, sel
   if (first !== void 0) {
     first.body = itemBody;
     first.extra = deps;
-    itemBody(first.props, first, deps);
+    if (selectionBody !== void 0 && first._slots === null) {
+      selectionBody(first.props, first, deps);
+    } else {
+      itemBody(first.props, first, deps);
+    }
   }
   if (second !== void 0) {
     second.body = itemBody;
     second.extra = deps;
-    itemBody(second.props, second, deps);
+    if (selectionBody !== void 0 && second._slots === null) {
+      selectionBody(second.props, second, deps);
+    } else {
+      itemBody(second.props, second, deps);
+    }
   }
   return true;
 }
@@ -16977,6 +17153,15 @@ function scriptResource(attrs) {
   hasPendingWork,
   headBlock,
   hmr,
+  hookMemoCreate,
+  hookMemoEqual,
+  hookMemoPublish,
+  hookMemoPublish0,
+  hookMemoPublish1,
+  hookMemoPublish2,
+  hookMemoPublish3,
+  hookMemoPublish4,
+  hookMemoPublishInvariant,
   hookSlots,
   hostComponent,
   htext,
@@ -16994,6 +17179,14 @@ function scriptResource(attrs) {
   markNativeChangeDiagnosticStatic,
   markSingleRoot,
   memo,
+  memoPublish,
+  memoPublishAlways,
+  memoSlot,
+  memoTake0,
+  memoTake1,
+  memoTake2,
+  memoTake3,
+  memoTake4,
   mountFragmentRef,
   namespaceHead,
   namespaceHeadElement,

package/dist/cjs/runtime.server.cjs

@@ -3133,24 +3133,27 @@ const useLayoutEffect = useEffect;
 const useInsertionEffect = useEffect;
 function useImperativeHandle() {
 }
-function useMemo(compute, depsOrSlot, maybeSlot) {
+function memoHookValue(input, compute, depsOrSlot, maybeSlot) {
   const deps = Array.isArray(depsOrSlot) ? depsOrSlot : null;
   const slot = maybeSlot ?? (Array.isArray(depsOrSlot) || depsOrSlot === null ? void 0 : depsOrSlot);
-  if (deps === null) return compute();
+  if (deps === null) return compute ? input() : input;
   const position = hookPosition(slot);
-  if (position === null) return compute();
+  if (position === null) return compute ? input() : input;
   let rec = position.list[position.index];
   if (rec === void 0) {
-    rec = { value: compute(), deps: deps.slice() };
+    rec = { value: compute ? input() : input, deps: deps.slice() };
     position.list[position.index] = rec;
   } else if (!serverDepsEqual(rec.deps, deps)) {
-    rec.value = compute();
+    rec.value = compute ? input() : input;
     rec.deps = deps.slice();
   }
   return rec.value;
 }
+function useMemo(compute, depsOrSlot, maybeSlot) {
+  return memoHookValue(compute, true, depsOrSlot, maybeSlot);
+}
 function useCallback(fn, depsOrSlot, maybeSlot) {
-  return useMemo(() => fn, depsOrSlot, maybeSlot);
+  return memoHookValue(fn, false, depsOrSlot, maybeSlot);
 }
 function useRef(initial, slot) {
   if (slot === void 0 && typeof initial === "symbol") {

package/dist/cjs/version.cjs

@@ -21,7 +21,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-const version = "0.1.40";
+const version = "0.1.42";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   version