octane 0.2.2 → 0.2.3

package/dist/runtime.server.js

@@ -508,7 +508,9 @@ function fragmentRefDescriptor(value) {
   };
 }
 function renderFragmentRefDescriptor(descriptor, scope) {
-  return ssrFragmentMarker(true, descriptor.ref) + ssrChild(descriptor.children, scope) + ssrFragmentMarker(false);
+  return ssrHtml(
+    ssrFragmentMarker(true, descriptor.ref) + ssrChild(descriptor.children, scope) + ssrFragmentMarker(false)
+  );
 }
 function ssrDeoptWrapperKind(value) {
   return POSITIONAL_CHILDREN.has(value) ? "fragment" : "array";
@@ -805,9 +807,29 @@ const Children = {
   }
 };
 function createPortal(body, target, props = void 0) {
-  return { $$kind: PORTAL_TAG, body, target, props };
+  const key = typeof props === "string" || typeof props === "number" ? String(props) : null;
+  return { $$kind: PORTAL_TAG, body, target, key, props: key === null ? props : void 0 };
 }
 const HTML_ESCAPE_RE = /[&<>]/g;
+const SERVER_HTML = /* @__PURE__ */ Symbol.for("octane.serverHtml");
+class ServerHtml {
+  [SERVER_HTML];
+  constructor(html) {
+    this[SERVER_HTML] = html;
+  }
+  toString() {
+    return this[SERVER_HTML];
+  }
+}
+function ssrHtml(html) {
+  return typeof html === "string" ? new ServerHtml(html) : html;
+}
+function serverComponentOutput(out, scope) {
+  if (out == null) return "";
+  if (typeof out === "string") return escapeHtml(out);
+  if (typeof out === "object" && SERVER_HTML in out) return out[SERVER_HTML];
+  return ssrChild(out, scope);
+}
 function escapeHtml(v) {
   const s = typeof v === "string" ? v : String(v);
   HTML_ESCAPE_RE.lastIndex = 0;
@@ -852,6 +874,9 @@ function ssrChild(v, scope) {
   return ssrChildValue(v, scope, true);
 }
 function ssrChildValue(v, scope, includeKeyedSingle, selfMarkItem = false) {
+  if (v !== null && typeof v === "object" && SERVER_HTML in v) {
+    return v[SERVER_HTML];
+  }
   if (v == null || v === false || v === true) return ssrBlock("");
   if ((typeof v === "object" || typeof v === "function") && (v.$$kind === CONTEXT_TAG || typeof v.then === "function")) {
     return ssrChildValue(
@@ -903,6 +928,14 @@ function ssrChildText(v, scope) {
   if (typeof v === "object" || typeof v === "function") return ssrChild(v, scope);
   return escapeHtml(v);
 }
+function ssrChildTextPre(v, scope) {
+  const content = ssrChildText(v, scope);
+  return content.charCodeAt(0) === 10 ? "\n" + content : content;
+}
+function ssrChildPre(v, scope) {
+  const content = ssrChild(v, scope);
+  return content.charCodeAt(0) === 10 ? "\n" + content : content;
+}
 function ssrHostElement(tag, props, children, scope, rawInner) {
   if (!VALID_TAG_NAME.test(tag)) {
     throw new Error(formatServerError(30, tag));
@@ -977,9 +1010,9 @@ function ssrHostElement(tag, props, children, scope, rawInner) {
     } else if (rawInner !== void 0) {
       inner = rawInner;
     } else if (hasChildren) {
-      const scriptText = semanticTag === "script" ? scriptDescriptorText(children) : null;
-      if (scriptText !== null) {
-        inner = escapeEntireInlineScriptContent(scriptText);
+      const rawText = semanticTag === "script" || semanticTag === "style" ? scriptDescriptorText(children) : null;
+      if (rawText !== null) {
+        inner = semanticTag === "script" ? escapeEntireInlineScriptContent(rawText) : escapeEntireInlineStyleContent(rawText);
       } else {
         const build = () => ssrInNamespace(
           childrenNamespace,
@@ -995,6 +1028,9 @@ function ssrHostElement(tag, props, children, scope, rawInner) {
         inner
       );
     }
+    if ((semanticTag === "pre" || semanticTag === "textarea" || semanticTag === "listing") && inner.charCodeAt(0) === 10) {
+      inner = "\n" + inner;
+    }
     return "<" + tag + attrs + ">" + inner + "</" + tag + ">";
   } finally {
     CURRENT_SSR_ELEMENT = parentElement;
@@ -1021,6 +1057,7 @@ function ssrDeoptBlockChildren(children, scope) {
 }
 function serverDescNeedsBlocks(v) {
   if (v == null || typeof v !== "object") return false;
+  if (v.$$kind === CONTEXT_TAG || typeof v.then === "function") return true;
   if (Array.isArray(v)) {
     for (let i = 0; i < v.length; i++) if (serverDescNeedsBlocks(v[i])) return true;
     return false;
@@ -1065,6 +1102,7 @@ function ssrDeoptItemContent(value, scope) {
 }
 function ssrDescriptorContent(v, scope) {
   if (v == null || v === false || v === true || v === "") return "";
+  if (typeof v === "object" && SERVER_HTML in v) return v[SERVER_HTML];
   if (Array.isArray(v)) {
     let out = "";
     for (let i = 0; i < v.length; i++) out += ssrDescriptorContent(v[i], scope);
@@ -1082,7 +1120,7 @@ function ssrDescriptorContent(v, scope) {
   return escapeHtml(v);
 }
 function ssrBlock(content) {
-  return MARKERS ? BLOCK_OPEN + content + BLOCK_CLOSE : content;
+  return MARKERS ? BLOCK_OPEN + content + BLOCK_CLOSE : String(content);
 }
 function ssrFragmentMarker(open, _ref) {
   return MARKERS ? open ? "<!--frag-->" : "<!--/frag-->" : "";
@@ -1091,10 +1129,10 @@ function ssrActivity(mode, render) {
   return ssrBlock(mode === "hidden" ? "" : render());
 }
 function renderActivityDescriptor(props, scope) {
-  return ssrActivity(props.mode ?? "visible", () => ssrChild(props.children, scope));
+  return ssrHtml(ssrActivity(props.mode ?? "visible", () => ssrChild(props.children, scope)));
 }
 function ssrForBlock(content, hasItems) {
-  return MARKERS ? (hasItems ? FOR_BLOCK_OPEN_ITEMS : FOR_BLOCK_OPEN_EMPTY) + content + BLOCK_CLOSE : content;
+  return MARKERS ? (hasItems ? FOR_BLOCK_OPEN_ITEMS : FOR_BLOCK_OPEN_EMPTY) + content + BLOCK_CLOSE : String(content);
 }
 const ASCII_ASYNC_IDENTITY_UNITS = [];
 for (let code = 0; code < 128; code++) {
@@ -1275,10 +1313,10 @@ function ssrAttr(name, v, tag, namespace = "html") {
     return ' class="' + escapeAttr(normalizeClass(v)) + '"';
   }
   if (name.charCodeAt(0) === 97 && name.startsWith("aria-")) {
-    if (v == null) return "";
+    if (v == null || typeof v === "function" || typeof v === "symbol") return "";
     return " " + name + '="' + escapeAttr(String(v)) + '"';
   }
-  if (name === "suppressContentEditableWarning" || name === "suppressHydrationWarning" || name === "suppressNativeChangeWarning" || name === "__octaneNativeChangeDiagnostic")
+  if (name === "innerText" || name === "textContent" || name === "suppressContentEditableWarning" || name === "suppressHydrationWarning" || name === "suppressNativeChangeWarning" || name === "__octaneNativeChangeDiagnostic")
     return "";
   const t = typeof v;
   if (t === "boolean" && isEnumeratedBooleanAttr(name)) {
@@ -1334,6 +1372,7 @@ function ssrAttr(name, v, tag, namespace = "html") {
       return "";
     }
     if (POSITIVE_NUMERIC_ATTR_PROPS.has(lower) && !(Number(v) >= 1)) return "";
+    if ((lower === "rowspan" || lower === "start") && Number.isNaN(Number(v))) return "";
   }
   if (v == null || v === false) return "";
   if (process.env.NODE_ENV !== "production" && !isCustomTag && tag !== void 0 && t === "object" && v.toString === Object.prototype.toString) {
@@ -1660,7 +1699,7 @@ function ssrFormAuthoringDiagnostics(tag, sources) {
   return "";
 }
 function ssrValueAttr(v) {
-  if (v == null) return "";
+  if (v == null || typeof v === "function" || typeof v === "symbol") return "";
   return ' value="' + escapeAttr(typeof v === "string" ? v : String(v)) + '"';
 }
 function ssrCheckedAttr(v) {
@@ -2141,7 +2180,7 @@ function renderComponentFramed(comp, props, parent, frame, inherit) {
       ACTIVE_PU_WARM_PLANS.length = warmPlanCheckpoint;
       HOOK_PASS = previousHookPass;
     }
-    const inner = typeof out === "string" ? out : out == null ? "" : ssrChild(out, scope);
+    const inner = serverComponentOutput(out, scope);
     nativeCompleted = true;
     return MARKERS && !inherit ? BLOCK_OPEN + inner + BLOCK_CLOSE : inner;
   } catch (error) {
@@ -2183,7 +2222,7 @@ function ssrComponent(parent, comp, props, inherit, key, identityScoped) {
         const kids = props?.children;
         if (typeof kids === "function") {
           const out = kids(void 0, parent);
-          const inner = typeof out === "string" ? out : out == null ? "" : ssrChild(out, parent);
+          const inner = serverComponentOutput(out, parent);
           const html2 = ssrHostElement(tag, props, null, parent, inner);
           return inherit ? html2 : ssrBlock(html2);
         }
@@ -2239,7 +2278,8 @@ function ssrInNamespace(namespace, render) {
   }
 }
 function ssrChildrenHtml(children, scope) {
-  if (typeof children === "function") return children(void 0, scope) ?? "";
+  if (typeof children === "function")
+    return serverComponentOutput(children(void 0, scope), scope);
   return ssrChild(children, scope);
 }
 function streamTokenForPendingHtml(html) {
@@ -2273,7 +2313,8 @@ const PermanentStaticHydrate = /* @__PURE__ */ markComponentFlags(
     if (nativeCapture < 0) NATIVE_SERVER_READS = null;
     PERMANENT_STATIC_HYDRATE_DEPTH++;
     try {
-      if (inheritedPermanentStatic || !MARKERS) return ssrChildrenHtml(props.children, scope);
+      if (inheritedPermanentStatic || !MARKERS)
+        return ssrHtml(ssrChildrenHtml(props.children, scope));
       const childIdStart = ID_COUNTER;
       const serialStart = SERIAL?.length ?? 0;
       const children = ssrBlock(
@@ -2290,7 +2331,9 @@ const PermanentStaticHydrate = /* @__PURE__ */ markComponentFlags(
       const streamToken = streamTokenForPendingHtml(children);
       const markerToken = streamToken === null ? "" : streamToken + ":";
       const endToken = streamToken === null ? "" : ":" + streamToken;
-      return `<!--${HYDRATE_STATIC_ID_COUNT_PREFIX}${markerToken}${idCount}-->` + children + `<!--${HYDRATE_STATIC_END}${endToken}-->`;
+      return ssrHtml(
+        `<!--${HYDRATE_STATIC_ID_COUNT_PREFIX}${markerToken}${idCount}-->` + children + `<!--${HYDRATE_STATIC_END}${endToken}-->`
+      );
     } finally {
       finishNativeSeedCapture(nativeCapture, previousNativeReads, false);
       PERMANENT_STATIC_HYDRATE_DEPTH--;
@@ -2302,51 +2345,53 @@ const PermanentStaticHydrate = /* @__PURE__ */ markComponentFlags(
 const hydrate = /* @__PURE__ */ markComponentFlags(
   function Hydrate(props, scope) {
     const id = useId();
-    return withSsrElementContext(
-      "div",
-      void 0,
-      () => ssrInNamespace("html", () => {
-        if (!MARKERS) {
-          return "<div>" + ssrChildrenHtml(props.children, scope) + "</div>";
-        }
-        const childIdStart = ID_COUNTER;
-        const serialStart = SERIAL?.length ?? 0;
-        const nativeCapture = NATIVE_READ_COLLECTOR?.beginCapture() ?? -1;
-        const previousNativeReads = NATIVE_SERVER_READS;
-        if (nativeCapture < 0) NATIVE_SERVER_READS = null;
-        let children;
-        let nativeReads = null;
-        try {
-          children = ssrBlock(
-            ssrTry(
-              scope,
-              "jsx-hydrate",
-              (_arg, childScope) => ssrChildrenHtml(props.children, childScope),
-              null,
-              null,
-              "html"
-            )
+    return ssrHtml(
+      withSsrElementContext(
+        "div",
+        void 0,
+        () => ssrInNamespace("html", () => {
+          if (!MARKERS) {
+            return "<div>" + ssrChildrenHtml(props.children, scope) + "</div>";
+          }
+          const childIdStart = ID_COUNTER;
+          const serialStart = SERIAL?.length ?? 0;
+          const nativeCapture = NATIVE_READ_COLLECTOR?.beginCapture() ?? -1;
+          const previousNativeReads = NATIVE_SERVER_READS;
+          if (nativeCapture < 0) NATIVE_SERVER_READS = null;
+          let children;
+          let nativeReads = null;
+          try {
+            children = ssrBlock(
+              ssrTry(
+                scope,
+                "jsx-hydrate",
+                (_arg, childScope) => ssrChildrenHtml(props.children, childScope),
+                null,
+                null,
+                "html"
+              )
+            );
+          } finally {
+            nativeReads = finishNativeSeedCapture(nativeCapture, previousNativeReads, false);
+          }
+          const idCount = ID_COUNTER - childIdStart;
+          const childSeeds = SERIAL === null ? [] : SERIAL.splice(serialStart);
+          const permanentStaticAncestor = PERMANENT_STATIC_HYDRATE_DEPTH !== 0;
+          const attrs = ssrHydrateAttrs(
+            id,
+            props.when,
+            idCount,
+            permanentStaticAncestor,
+            streamTokenForPendingHtml(children)
           );
-        } finally {
-          nativeReads = finishNativeSeedCapture(nativeCapture, previousNativeReads, false);
-        }
-        const idCount = ID_COUNTER - childIdStart;
-        const childSeeds = SERIAL === null ? [] : SERIAL.splice(serialStart);
-        const permanentStaticAncestor = PERMANENT_STATIC_HYDRATE_DEPTH !== 0;
-        const attrs = ssrHydrateAttrs(
-          id,
-          props.when,
-          idCount,
-          permanentStaticAncestor,
-          streamTokenForPendingHtml(children)
-        );
-        const seedJson = permanentStaticAncestor || childSeeds.length === 0 ? null : serializeSuspenseSeedJson(childSeeds);
-        const seedSidecar = seedJson === null || seedJson === "[]" ? "" : '<script type="application/json" ' + HYDRATE_SEED_ATTR + NONCE_ATTR + ">" + seedJson + "</script>";
-        const nativeSeeds = permanentStaticAncestor ? void 0 : NATIVE_READ_COLLECTOR?.serialize(nativeReads);
-        const nativeSidecar = nativeSeeds === void 0 ? "" : serializeNativeSignalSeeds(nativeSeeds, NONCE_ATTR);
-        return "<div" + attrs + ">" + children + seedSidecar + nativeSidecar + "</div>";
-      }),
-      "html"
+          const seedJson = permanentStaticAncestor || childSeeds.length === 0 ? null : serializeSuspenseSeedJson(childSeeds);
+          const seedSidecar = seedJson === null || seedJson === "[]" ? "" : '<script type="application/json" ' + HYDRATE_SEED_ATTR + NONCE_ATTR + ">" + seedJson + "</script>";
+          const nativeSeeds = permanentStaticAncestor ? void 0 : NATIVE_READ_COLLECTOR?.serialize(nativeReads);
+          const nativeSidecar = nativeSeeds === void 0 ? "" : serializeNativeSignalSeeds(nativeSeeds, NONCE_ATTR);
+          return "<div" + attrs + ">" + children + seedSidecar + nativeSidecar + "</div>";
+        }),
+        "html"
+      )
     );
   },
   COMPONENT_FLAG_BOUNDARY,
@@ -2359,17 +2404,22 @@ function initializeHydrateComponent() {
 const Hydrate2 = /* @__PURE__ */ initializeHydrateComponent();
 const Suspense = /* @__PURE__ */ markComponentFlags(
   function Suspense2(props, scope) {
-    return ssrTry(
-      scope,
-      "jsx-suspense",
-      (_arg, s) => ssrChildrenHtml(props.children, s),
-      (_arg, s) => ssrChild(props.fallback, s),
-      null,
-      FRAME?.namespace ?? "html"
+    return ssrHtml(
+      ssrTry(
+        scope,
+        "jsx-suspense",
+        (_arg, s) => ssrChildrenHtml(props.children, s),
+        (_arg, s) => ssrChild(props.fallback, s),
+        null,
+        FRAME?.namespace ?? "html",
+        false,
+        true
+      )
     );
   },
   COMPONENT_FLAG_BOUNDARY,
-  "Suspense"
+  "Suspense",
+  /* @__PURE__ */ Symbol.for("octane.suspense")
 );
 let VT_SSR_TRY_SEQ = 0;
 let VT_SSR_HAS_CANDIDATES = false;
@@ -2482,7 +2532,7 @@ const ViewTransition = /* @__PURE__ */ markComponentFlags(
     attrs.push(["vt-enter-x", vtSsrResolve(props, "enter")]);
     attrs.push(["vt-exit-x", vtSsrResolve(props, "exit")]);
     if (named) attrs.push(["vt-share", cand.share]);
-    return ssrBlock(vtSsrAnnotate(inner, attrs));
+    return ssrHtml(ssrBlock(vtSsrAnnotate(inner, attrs)));
   },
   COMPONENT_FLAG_BOUNDARY,
   "ViewTransition"
@@ -2491,21 +2541,27 @@ function addTransitionType(_type) {
 }
 const ErrorBoundary = /* @__PURE__ */ markComponentFlags(
   function ErrorBoundary2(props, scope) {
-    return ssrBlock(
-      (() => {
-        try {
-          return withAsyncIdentity(
-            "error-boundary",
-            "content",
-            () => ssrBlock(ssrChildrenHtml(props.children, scope))
-          );
-        } catch (e) {
-          e = normalizeThrownServerThenable(e);
-          if (ssrIsSuspense(e)) throw e;
-          const fb = typeof props.fallback === "function" ? props.fallback(e, NOOP) : props.fallback;
-          return withAsyncIdentity("error-boundary", "catch", () => ssrBlock(ssrChild(fb, scope)));
-        }
-      })()
+    return ssrHtml(
+      ssrBlock(
+        (() => {
+          try {
+            return withAsyncIdentity(
+              "error-boundary",
+              "content",
+              () => ssrBlock(ssrChildrenHtml(props.children, scope))
+            );
+          } catch (e) {
+            e = normalizeThrownServerThenable(e);
+            if (ssrIsSuspense(e)) throw e;
+            const fb = typeof props.fallback === "function" ? props.fallback(e, NOOP) : props.fallback;
+            return withAsyncIdentity(
+              "error-boundary",
+              "catch",
+              () => ssrBlock(ssrChild(fb, scope))
+            );
+          }
+        })()
+      )
     );
   },
   COMPONENT_FLAG_BOUNDARY,
@@ -2514,7 +2570,7 @@ const ErrorBoundary = /* @__PURE__ */ markComponentFlags(
 const CONTEXT_TAG = /* @__PURE__ */ Symbol.for("octane.context");
 function createContext(defaultValue) {
   const ctx = function ProviderBody(props, scope) {
-    return renderServerContextProvider(ctx, props, scope);
+    return ssrHtml(renderServerContextProvider(ctx, props, scope));
   };
   ctx.$$kind = CONTEXT_TAG;
   ctx.defaultValue = defaultValue;
@@ -2542,7 +2598,7 @@ function renderServerContextProvider(context, props, renderScope) {
   scope.$$ctxValues.set(context, props.value);
   const children = props.children;
   if (children == null) return "";
-  return typeof children === "function" ? children(void 0, scope) ?? "" : ssrChild(children, scope);
+  return ssrHtml(ssrChildrenHtml(children, scope));
 }
 function readContext(ctx) {
   for (let s = CURRENT_SCOPE; s !== null; s = s.parent) {
@@ -2737,6 +2793,11 @@ function hasExternalHydrationOwner(thenable) {
   }
 }
 function use(usable, siteKey, directSite) {
+  if (process.env.NODE_ENV !== "production" && devMemoComputeDepth !== 0) {
+    console.error(
+      "Do not call use() inside a useMemo() factory. Cached factories can skip context or promise reads; call use() before useMemo() and memoize the returned value instead."
+    );
+  }
   if (usable && usable.$$kind === CONTEXT_TAG) {
     recordSkippedHydrationSite(SERIAL, directSite);
     return readContext(usable);
@@ -3119,18 +3180,21 @@ function resolveLazyModule(mod) {
   }
   return comp;
 }
-function callLazyComponent(mod, props, scope, extra) {
-  const comp = resolveLazyModule(mod);
-  return comp(lazyResolvedProps(comp, props), scope, extra);
-}
 function lazy(load) {
   let status = "uninitialized";
   let result = null;
   let promise = null;
   const key = "|lazy#" + LAZY_ID++;
+  let displayName;
+  let resolvedName = "Lazy";
+  const callResolved = (props, scope, extra) => {
+    const comp = resolveLazyModule(result);
+    resolvedName = comp.displayName || comp.name || "Lazy";
+    return comp(lazyResolvedProps(comp, props), scope, extra);
+  };
   const lazyWrapper = (props, scope, extra) => {
     if (status === "fulfilled") {
-      return callLazyComponent(result, props, scope, extra);
+      return callResolved(props, scope, extra);
     }
     if (status === "rejected") throw result;
     if (status === "uninitialized") {
@@ -3158,7 +3222,7 @@ function lazy(load) {
       if (status === "uninitialized") status = "pending";
       const settledStatus = status;
       if (settledStatus === "fulfilled") {
-        return callLazyComponent(result, props, scope, extra);
+        return callResolved(props, scope, extra);
       }
       if (settledStatus === "rejected") throw result;
     }
@@ -3175,11 +3239,22 @@ function lazy(load) {
     }
     throw SSR_SUSPENSE;
   };
-  Object.defineProperty(lazyWrapper, LAZY_COMPONENT, { value: true });
+  Object.defineProperty(lazyWrapper, LAZY_COMPONENT, {
+    get() {
+      return this === lazyWrapper;
+    }
+  });
+  Object.defineProperty(lazyWrapper, "displayName", {
+    configurable: true,
+    get: () => displayName ?? resolvedName,
+    set: (value) => {
+      displayName = value;
+    }
+  });
   return lazyWrapper;
 }
 function useState(initial, slot) {
-  if (slot === void 0 && typeof initial === "symbol") {
+  if (slot === void 0 && typeof initial === "symbol" && arguments.length === 1 && (HOOK_SLOT_PATH.length === 0 || MANUAL_HOOK_DRIVER?.active === true)) {
     slot = initial;
     initial = void 0;
   }
@@ -3190,7 +3265,7 @@ function useState(initial, slot) {
   );
 }
 function __useStateWithGetter(initial, slot) {
-  if (slot === void 0 && typeof initial === "symbol") {
+  if (slot === void 0 && typeof initial === "symbol" && arguments.length === 1 && (HOOK_SLOT_PATH.length === 0 || MANUAL_HOOK_DRIVER?.active === true)) {
     slot = initial;
     initial = void 0;
   }
@@ -3282,30 +3357,43 @@ const useLayoutEffect = useEffect;
 const useInsertionEffect = useEffect;
 function useImperativeHandle() {
 }
+let devMemoComputeDepth = 0;
 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 ? input() : input;
   const position = hookPosition(slot);
-  if (position === null) return compute ? input() : input;
+  if (position === null)
+    return compute ? input(...deps) : input;
   let rec = position.list[position.index];
   if (rec === void 0) {
-    rec = { value: compute ? input() : input, deps: deps.slice() };
+    rec = {
+      value: compute ? input(...deps) : input,
+      deps: deps.slice()
+    };
     position.list[position.index] = rec;
   } else if (!serverDepsEqual(rec.deps, deps)) {
-    rec.value = compute ? input() : input;
+    rec.value = compute ? input(...deps) : input;
     rec.deps = deps.slice();
   }
   return rec.value;
 }
 function useMemo(compute, depsOrSlot, maybeSlot) {
+  if (process.env.NODE_ENV !== "production") {
+    devMemoComputeDepth++;
+    try {
+      return memoHookValue(compute, true, depsOrSlot, maybeSlot);
+    } finally {
+      devMemoComputeDepth--;
+    }
+  }
   return memoHookValue(compute, true, depsOrSlot, maybeSlot);
 }
 function useCallback(fn, depsOrSlot, maybeSlot) {
   return memoHookValue(fn, false, depsOrSlot, maybeSlot);
 }
 function useRef(initial, slot) {
-  if (slot === void 0 && typeof initial === "symbol") {
+  if (slot === void 0 && typeof initial === "symbol" && arguments.length === 1 && (HOOK_SLOT_PATH.length === 0 || MANUAL_HOOK_DRIVER?.active === true)) {
     slot = initial;
     initial = void 0;
   }
@@ -3345,20 +3433,102 @@ function useActionState(_action, initialState) {
   return [initialState, NOOP, false];
 }
 function useFormStatus() {
-  return { pending: false, data: null, method: "get", action: null };
+  return { pending: false, data: null, method: null, action: null };
 }
 function useOptimistic(state) {
   return [state, NOOP];
 }
 function memo(component) {
+  const memoWrapper = (props, scope, extra) => component(props, scope, extra);
+  Object.defineProperty(memoWrapper, "type", { value: component });
+  Object.defineProperty(memoWrapper, "displayName", {
+    configurable: true,
+    writable: true,
+    value: component.displayName || component.name || "Memo"
+  });
+  Object.defineProperty(memoWrapper, "__memo", {
+    get() {
+      return this === memoWrapper;
+    }
+  });
+  Object.defineProperty(memoWrapper, "defaultProps", {
+    configurable: true,
+    get: () => component.defaultProps,
+    set: (value) => {
+      component.defaultProps = value;
+    }
+  });
+  return memoWrapper;
+}
+function markWarm(component, plan) {
+  Object.defineProperty(component, "__warm", {
+    configurable: true,
+    get() {
+      return this === component ? plan : void 0;
+    }
+  });
   return component;
 }
+let MANUAL_HOOK_DRIVER = null;
+function invokeManualHook(fn, receiver, args) {
+  const driver = MANUAL_HOOK_DRIVER ??= {
+    pending: HOOK_SLOT_PATH[HOOK_SLOT_PATH.length - 1],
+    active: false
+  };
+  const pending = driver.pending;
+  const active = driver.active;
+  driver.pending = void 0;
+  driver.active = true;
+  try {
+    if (pending === void 0) return Reflect.apply(fn, receiver, args);
+    switch (args.length) {
+      case 0:
+        return fn.call(receiver, pending);
+      case 1:
+        return fn.call(receiver, args[0], pending);
+      case 2:
+        return fn.call(receiver, args[0], args[1], pending);
+      case 3:
+        return fn.call(receiver, args[0], args[1], args[2], pending);
+      case 4:
+        return fn.call(receiver, args[0], args[1], args[2], args[3], pending);
+      default: {
+        const forwarded = new Array(args.length + 1);
+        for (let index = 0; index < args.length; index++) forwarded[index] = args[index];
+        forwarded[args.length] = pending;
+        return fn.apply(receiver, forwarded);
+      }
+    }
+  } finally {
+    driver.pending = pending;
+    driver.active = active;
+  }
+}
+function manualHook(fn, name) {
+  function provider() {
+    return invokeManualHook(fn, this, arguments);
+  }
+  Object.defineProperty(provider, "name", { value: name ?? fn.name, configurable: true });
+  Object.defineProperty(provider, "length", { value: fn.length, configurable: true });
+  return provider;
+}
 function withSlot(sym, fn, ...args) {
+  const driver = MANUAL_HOOK_DRIVER;
+  const pending = driver?.pending;
+  const active = driver?.active ?? false;
+  if (driver !== null) {
+    driver.pending = sym;
+    driver.active = false;
+  }
   HOOK_SLOT_PATH.push(sym);
   try {
     return fn(...args);
   } finally {
     HOOK_SLOT_PATH.pop();
+    if (MANUAL_HOOK_DRIVER !== null) {
+      MANUAL_HOOK_DRIVER.pending = driver === null ? HOOK_SLOT_PATH[HOOK_SLOT_PATH.length - 1] : pending;
+      MANUAL_HOOK_DRIVER.active = active;
+    }
   }
 }
 function startTransition(fn) {
@@ -3435,11 +3605,20 @@ function namespaceHeadElement(headKey, tag, attrs, text, authoredKey) {
   return createElement(namespaceHead, config);
 }
 function spliceHead(body, head) {
-  if (head === "") return body;
+  if (head === "" && !isDocumentRoot(body)) return body;
   const headClose = body.indexOf("</head>");
   if (headClose !== -1) return body.slice(0, headClose) + head + body.slice(headClose);
+  if (isDocumentRoot(body)) {
+    const openingEnd = documentTagEnd(body, body.indexOf("<html") + 5);
+    if (openingEnd !== -1)
+      return body.slice(0, openingEnd) + "<head>" + head + "</head>" + body.slice(openingEnd);
+  }
+  if (head === "") return body;
   return head + body;
 }
+function renderEntryValue(props, scope) {
+  return ssrHtml(ssrChild(props.value, scope));
+}
 const MAX_SUSPENSE_PASSES = 50;
 let SUSPENSE_TIMEOUT_MS = 1e4;
 function setSsrSuspenseTimeout(ms) {
@@ -3706,7 +3885,7 @@ function runFullFramedPass(component, props, resolved, nonceAttr = "", identifie
   const nativeToken = NATIVE_READ_COLLECTOR === null ? -1 : beginActiveNativeReadScope(root);
   try {
     const out = invokeComponentBody(component, props, root, FRAME);
-    body = typeof out === "string" ? out : out == null ? "" : ssrChild(out, root);
+    body = serverComponentOutput(out, root);
     nativePassCompleted = true;
   } catch (err) {
     err = normalizeThrownServerThenable(err);
@@ -3722,6 +3901,14 @@ function runFullFramedPass(component, props, resolved, nonceAttr = "", identifie
       restoreAmbient(saved);
     }
   }
+  if (resolved.bufferedErrors !== void 0) {
+    for (const report of resolved.bufferedErrors.values()) {
+      if (!report.reported) {
+        report.reported = true;
+        resolved.resourceOptions?.onError?.(report.error);
+      }
+    }
+  }
   let css = "";
   for (const [hash, sheet] of cssMap) {
     css += '<style data-octane="' + hash + '"' + (sheet.nonce === void 0 ? nonceAttr : ' nonce="' + escapeAttr(sheet.nonce) + '"') + ">" + escapeEntireInlineStyleContent(sheet.css) + "</style>";
@@ -3999,7 +4186,11 @@ function passToResult(pass, nonceAttr, separateHead = false) {
   return result;
 }
 async function prerender(entryComponent, props, options) {
-  const component = entryComponent;
+  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
+  if (typeof entryComponent !== "function") {
+    options ??= props;
+    props = { value: entryComponent };
+  }
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
   try {
@@ -4013,6 +4204,10 @@ async function prerender(entryComponent, props, options) {
   }
 }
 async function prerenderToNodeStream(entryComponent, props, options) {
+  if (typeof entryComponent !== "function" && options === void 0) {
+    options = props;
+    props = void 0;
+  }
   let resolved = options;
   if (options?.headChannel === "separate") {
     if (process.env.NODE_ENV !== "production") {
@@ -4097,7 +4292,11 @@ function renderHostedAttempt(session, component, props, options) {
   return { status: "complete", html: body, head: pass.head, cssEntries: pass.cssEntries };
 }
 function renderToString(entryComponent, props, options) {
-  const component = entryComponent;
+  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
+  if (typeof entryComponent !== "function") {
+    options ??= props;
+    props = { value: entryComponent };
+  }
   options?.signal?.throwIfAborted();
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
@@ -4107,6 +4306,7 @@ function renderToString(entryComponent, props, options) {
       null,
       () => runFullFramedPass(component, props, resolved, nonceAttr, options?.identifierPrefix ?? "")
     );
+    if (pass.rootSuspended) throw new Error(formatServerError(60));
   } catch (err) {
     options?.onError?.(err);
     throw err;
@@ -4116,7 +4316,11 @@ function renderToString(entryComponent, props, options) {
   return passToResult(pass, nonceAttr, options?.headChannel === "separate");
 }
 function renderToStaticMarkup(entryComponent, props, options) {
-  const component = entryComponent;
+  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
+  if (typeof entryComponent !== "function") {
+    options ??= props;
+    props = { value: entryComponent };
+  }
   options?.signal?.throwIfAborted();
   const nonceAttr = nonceAttrOf(options);
   const resolved = newResolvedMap(options ?? null);
@@ -4133,6 +4337,7 @@ function renderToStaticMarkup(entryComponent, props, options) {
         false
       )
     );
+    if (pass.rootSuspended) throw new Error(formatServerError(60));
   } catch (err) {
     options?.onError?.(err);
     throw err;
@@ -4226,7 +4431,7 @@ function pruneStreamBoundariesAbsentFromShell(stream, shellBoundaryKeys) {
     if (!shellBoundaryKeys.has(key)) stream.boundaries.delete(key);
   }
 }
-function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.namespace ?? "html", propagateSuspense = false) {
+function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.namespace ?? "html", propagateSuspense = false, recoverErrors = false) {
   VT_SSR_TRY_SEQ++;
   let vtOuter = null;
   if (VT_SSR_STACK.length > 0) {
@@ -4579,6 +4784,13 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
         pruneUnrepresentedStreamDescendants(stream, key, fallback);
         return fallback;
       }
+      if (recoverErrors && pendFn !== null && PERMANENT_STATIC_HYDRATE_DEPTH === 0) {
+        if (SERIAL !== null) SERIAL.length = serialStart;
+        const reports = RESOLVED?.bufferedErrors ?? (RESOLVED.bufferedErrors = /* @__PURE__ */ new Map());
+        if (!reports.has(key)) reports.set(key, { error: e, reported: false });
+        nativeFresh = true;
+        return pendingForm();
+      }
       throw e;
     }
   } finally {
@@ -4620,19 +4832,22 @@ function documentHeadInsertionPoint(body) {
     const next = body.charCodeAt(start + 5);
     if (next === 62) return start + 6;
     if (next === 32 || next === 9 || next === 10 || next === 13) {
-      let quote = 0;
-      for (let i = start + 6; i < body.length; i++) {
-        const code = body.charCodeAt(i);
-        if (quote !== 0) {
-          if (code === quote) quote = 0;
-        } else if (code === 34 || code === 39) quote = code;
-        else if (code === 62) return i + 1;
-      }
-      return -1;
+      return documentTagEnd(body, start + 6);
     }
     searchFrom = start + 5;
   }
 }
+function documentTagEnd(body, from) {
+  let quote = 0;
+  for (let i = from; i < body.length; i++) {
+    const code = body.charCodeAt(i);
+    if (quote !== 0) {
+      if (code === quote) quote = 0;
+    } else if (code === 34 || code === 39) quote = code;
+    else if (code === 62) return i + 1;
+  }
+  return -1;
+}
 function segmentChunk(b, nonceAttr) {
   let seedScript = "";
   if (b.seeds.length > 0) {
@@ -4846,14 +5061,14 @@ async function runStream(component, props, options, sink, resolved) {
     const tailStart = documentTailStart(pass.body);
     if (tailStart !== -1) {
       heldDocumentTail = pass.body.slice(tailStart);
-      const bodyHtml = pass.body.slice(0, tailStart);
+      const bodyHtml = spliceHead(pass.body.slice(0, tailStart), "");
       const headInsert = documentHeadInsertionPoint(bodyHtml);
       shell += headInsert !== -1 ? bodyHtml.slice(0, headInsert) + leadingStyles + shellHead + bodyHtml.slice(headInsert) : leadingStyles + shellHead + bodyHtml;
     } else {
-      shell += leadingStyles + shellHead + pass.body;
+      shell += spliceHead(pass.body, leadingStyles + shellHead);
     }
   } else {
-    shell += leadingStyles + shellHead + pass.body;
+    shell += documentRoot ? spliceHead(pass.body, leadingStyles + shellHead) : leadingStyles + shellHead + pass.body;
   }
   if (pass.serial.length > 0) shell += serializeSuspenseSeeds(pass.serial, nonceAttr);
   if (pass.signals !== void 0) shell += serializeNativeSignalSeeds(pass.signals, nonceAttr);
@@ -5027,7 +5242,11 @@ async function runStream(component, props, options, sink, resolved) {
   sink.allReady();
 }
 function renderToPipeableStream(entryComponent, props, options) {
-  const component = entryComponent;
+  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
+  if (typeof entryComponent !== "function") {
+    options ??= props;
+    props = { value: entryComponent };
+  }
   const controller = new AbortController();
   let removeOuterAbort;
   if (options?.signal) {
@@ -5046,6 +5265,7 @@ function renderToPipeableStream(entryComponent, props, options) {
   let endCalled = false;
   let pipeCalled = false;
   let writeGate = null;
+  let shellFailure = null;
   const destinationFailure = (reason) => {
     if (closed) return;
     closed = true;
@@ -5059,6 +5279,11 @@ function renderToPipeableStream(entryComponent, props, options) {
     if (!ended || destination === null || writeGate !== null || endCalled || closed) return;
     endCalled = true;
     try {
+      if (shellFailure !== null && destination.destroy !== void 0) {
+        closed = true;
+        destination.destroy(shellFailure.error);
+        return;
+      }
       destination.end();
     } catch (err) {
       destinationFailure(err);
@@ -5175,6 +5400,7 @@ function renderToPipeableStream(entryComponent, props, options) {
         },
         shellError(err) {
           releaseServerRenderResources(resolved);
+          shellFailure = { error: err };
           options?.onShellError?.(err);
           flushEnd();
         },
@@ -5223,7 +5449,11 @@ function renderToPipeableStream(entryComponent, props, options) {
   };
 }
 function renderToReadableStream(entryComponent, props, options) {
-  const component = entryComponent;
+  const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
+  if (typeof entryComponent !== "function") {
+    options ??= props;
+    props = { value: entryComponent };
+  }
   return new Promise((resolveShell, rejectShell) => {
     const encoder = new TextEncoder();
     const renderController = new AbortController();
@@ -5672,11 +5902,14 @@ export {
   getSsrSuspenseTimeout,
   hookSlots,
   injectStyle,
+  invokeManualHook,
   isChildrenBlock,
   isValidElement,
   lazy,
+  manualHook,
   mapSlot,
   markChildrenBlock,
+  markWarm,
   memo,
   namespaceHead,
   namespaceHeadElement,
@@ -5712,7 +5945,9 @@ export {
   ssrBlock,
   ssrCheckedAttr,
   ssrChild,
+  ssrChildPre,
   ssrChildText,
+  ssrChildTextPre,
   ssrChildrenSources,
   ssrClass,
   ssrComponent,
@@ -5723,6 +5958,7 @@ export {
   ssrFormAuthoringDiagnostics,
   ssrFragmentMarker,
   ssrHeadEl,
+  ssrHtml,
   ssrInNamespace,
   ssrInnerHtml,
   ssrInputAttrs,