react-dom 19.1.0-canary-d46b04a2-20250117 → 19.1.0-canary-9b62ee71-20250122

package/cjs/react-dom-server.bun.development.js

@@ -1421,26 +1421,26 @@ function createRenderState(
       "React expected a positive non-zero `maxHeadersLength` option but found %s instead. When using the `onHeaders` option you may supply an optional `maxHeadersLength` option as well however, when setting this value to zero or less no headers will be captured.",
       0 === maxHeadersLength ? "zero" : maxHeadersLength
     );
-  importMap = {
+  importMap = onHeaders
+    ? {
+        preconnects: "",
+        fontPreloads: "",
+        highImagePreloads: "",
+        remainingCapacity:
+          2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
+      }
+    : null;
+  onHeaders = {
     placeholderPrefix: idPrefix + "P:",
     segmentPrefix: idPrefix + "S:",
     boundaryPrefix: idPrefix + "B:",
     startInlineScript: inlineScriptWithNonce,
-    htmlChunks: null,
-    headChunks: null,
+    preamble: createPreambleState(),
     externalRuntimeScript: null,
     bootstrapChunks: externalRuntimeConfig,
     importMapChunks: bootstrapScriptContent,
     onHeaders: onHeaders,
-    headers: onHeaders
-      ? {
-          preconnects: "",
-          fontPreloads: "",
-          highImagePreloads: "",
-          remainingCapacity:
-            2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
-        }
-      : null,
+    headers: importMap,
     resets: {
       font: {},
       dns: {},
@@ -1469,8 +1469,8 @@ function createRenderState(
     stylesToHoist: !1
   };
   if (void 0 !== bootstrapScripts)
-    for (onHeaders = 0; onHeaders < bootstrapScripts.length; onHeaders++) {
-      maxHeadersLength = bootstrapScripts[onHeaders];
+    for (importMap = 0; importMap < bootstrapScripts.length; importMap++) {
+      maxHeadersLength = bootstrapScripts[importMap];
       bootstrapScriptContent = idPrefix = void 0;
       var props = {
         rel: "preload",
@@ -1494,7 +1494,7 @@ function createRenderState(
                 : ""));
       preloadBootstrapScriptOrModule(
         resumableState,
-        importMap,
+        onHeaders,
         inlineScriptWithNonce,
         props
       );
@@ -1522,29 +1522,29 @@ function createRenderState(
       bootstrapScripts < bootstrapModules.length;
       bootstrapScripts++
     )
-      (onHeaders = bootstrapModules[bootstrapScripts]),
+      (importMap = bootstrapModules[bootstrapScripts]),
         (idPrefix = inlineScriptWithNonce = void 0),
         (bootstrapScriptContent = {
           rel: "modulepreload",
           fetchPriority: "low",
           nonce: nonce
         }),
-        "string" === typeof onHeaders
-          ? (bootstrapScriptContent.href = maxHeadersLength = onHeaders)
-          : ((bootstrapScriptContent.href = maxHeadersLength = onHeaders.src),
+        "string" === typeof importMap
+          ? (bootstrapScriptContent.href = maxHeadersLength = importMap)
+          : ((bootstrapScriptContent.href = maxHeadersLength = importMap.src),
             (bootstrapScriptContent.integrity = idPrefix =
-              "string" === typeof onHeaders.integrity
-                ? onHeaders.integrity
+              "string" === typeof importMap.integrity
+                ? importMap.integrity
                 : void 0),
             (bootstrapScriptContent.crossOrigin = inlineScriptWithNonce =
-              "string" === typeof onHeaders || null == onHeaders.crossOrigin
+              "string" === typeof importMap || null == importMap.crossOrigin
                 ? void 0
-                : "use-credentials" === onHeaders.crossOrigin
+                : "use-credentials" === importMap.crossOrigin
                   ? "use-credentials"
                   : "")),
         preloadBootstrapScriptOrModule(
           resumableState,
-          importMap,
+          onHeaders,
           maxHeadersLength,
           bootstrapScriptContent
         ),
@@ -1565,7 +1565,7 @@ function createRenderState(
             escapeTextForBrowser(inlineScriptWithNonce)
           ),
         externalRuntimeConfig.push('" async="">\x3c/script>');
-  return importMap;
+  return onHeaders;
 }
 function createResumableState(
   identifierPrefix,
@@ -1594,15 +1594,19 @@ function createResumableState(
     moduleScriptResources: {}
   };
 }
+function createPreambleState() {
+  return { htmlChunks: null, headChunks: null, bodyChunks: null };
+}
 var ROOT_HTML_MODE = 0,
   HTML_HTML_MODE = 1,
   HTML_MODE = 2,
-  SVG_MODE = 3,
-  MATHML_MODE = 4,
-  HTML_TABLE_MODE = 5,
-  HTML_TABLE_BODY_MODE = 6,
-  HTML_TABLE_ROW_MODE = 7,
-  HTML_COLGROUP_MODE = 8;
+  HTML_HEAD_MODE = 3,
+  SVG_MODE = 4,
+  MATHML_MODE = 5,
+  HTML_TABLE_MODE = 6,
+  HTML_TABLE_BODY_MODE = 7,
+  HTML_TABLE_ROW_MODE = 8,
+  HTML_COLGROUP_MODE = 9;
 function createFormatContext(insertionMode, selectedValue, tagScope) {
   return {
     insertionMode: insertionMode,
@@ -1661,16 +1665,26 @@ function getChildFormatContext(parentContext, type, props) {
         null,
         parentContext.tagScope
       );
+    case "head":
+      if (parentContext.insertionMode < HTML_MODE)
+        return createFormatContext(
+          HTML_HEAD_MODE,
+          null,
+          parentContext.tagScope
+        );
+      break;
+    case "html":
+      if (parentContext.insertionMode === ROOT_HTML_MODE)
+        return createFormatContext(
+          HTML_HTML_MODE,
+          null,
+          parentContext.tagScope
+        );
   }
-  return parentContext.insertionMode >= HTML_TABLE_MODE
+  return parentContext.insertionMode >= HTML_TABLE_MODE ||
+    parentContext.insertionMode < HTML_MODE
     ? createFormatContext(HTML_MODE, null, parentContext.tagScope)
-    : parentContext.insertionMode === ROOT_HTML_MODE
-      ? "html" === type
-        ? createFormatContext(HTML_HTML_MODE, null, parentContext.tagScope)
-        : createFormatContext(HTML_MODE, null, parentContext.tagScope)
-      : parentContext.insertionMode === HTML_HTML_MODE
-        ? createFormatContext(HTML_MODE, null, parentContext.tagScope)
-        : parentContext;
+    : parentContext;
 }
 function pushTextInstance(target, text, renderState, textEmbedded) {
   if ("" === text) return textEmbedded;
@@ -2364,6 +2378,7 @@ function pushStartInstance(
   props,
   resumableState,
   renderState,
+  preambleState,
   hoistableState,
   formatContext,
   textEmbedded,
@@ -3498,13 +3513,13 @@ function pushStartInstance(
     case "missing-glyph":
       break;
     case "head":
-      if (
-        formatContext.insertionMode < HTML_MODE &&
-        null === renderState.headChunks
-      ) {
-        renderState.headChunks = [];
+      if (formatContext.insertionMode < HTML_MODE) {
+        var preamble = preambleState || renderState.preamble;
+        if (preamble.headChunks)
+          throw Error("The `<head>` tag may only be rendered once.");
+        preamble.headChunks = [];
         var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
-          renderState.headChunks,
+          preamble.headChunks,
           props,
           "head"
         );
@@ -3515,24 +3530,42 @@ function pushStartInstance(
           "head"
         );
       return JSCompiler_inline_result$jscomp$9;
-    case "html":
-      if (
-        formatContext.insertionMode === ROOT_HTML_MODE &&
-        null === renderState.htmlChunks
-      ) {
-        renderState.htmlChunks = ["<!DOCTYPE html>"];
+    case "body":
+      if (formatContext.insertionMode < HTML_MODE) {
+        var preamble$jscomp$0 = preambleState || renderState.preamble;
+        if (preamble$jscomp$0.bodyChunks)
+          throw Error("The `<body>` tag may only be rendered once.");
+        preamble$jscomp$0.bodyChunks = [];
         var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
-          renderState.htmlChunks,
+          preamble$jscomp$0.bodyChunks,
           props,
-          "html"
+          "body"
         );
       } else
         JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
-          "html"
+          "body"
         );
       return JSCompiler_inline_result$jscomp$10;
+    case "html":
+      if (formatContext.insertionMode === ROOT_HTML_MODE) {
+        var preamble$jscomp$1 = preambleState || renderState.preamble;
+        if (preamble$jscomp$1.htmlChunks)
+          throw Error("The `<html>` tag may only be rendered once.");
+        preamble$jscomp$1.htmlChunks = ["<!DOCTYPE html>"];
+        var JSCompiler_inline_result$jscomp$11 = pushStartGenericElement(
+          preamble$jscomp$1.htmlChunks,
+          props,
+          "html"
+        );
+      } else
+        JSCompiler_inline_result$jscomp$11 = pushStartGenericElement(
+          target$jscomp$0,
+          props,
+          "html"
+        );
+      return JSCompiler_inline_result$jscomp$11;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
@@ -3593,6 +3626,15 @@ function endChunkForTag(tag) {
   void 0 === chunk && ((chunk = "</" + tag + ">"), endTagCache.set(tag, chunk));
   return chunk;
 }
+function hoistPreambleState(renderState, preambleState) {
+  renderState = renderState.preamble;
+  null === renderState.htmlChunks &&
+    (renderState.htmlChunks = preambleState.htmlChunks);
+  null === renderState.headChunks &&
+    (renderState.headChunks = preambleState.headChunks);
+  null === renderState.bodyChunks &&
+    (renderState.bodyChunks = preambleState.bodyChunks);
+}
 function writeBootstrap(destination, renderState) {
   renderState = renderState.bootstrapChunks;
   for (var i = 0; i < renderState.length - 1; i++)
@@ -3650,6 +3692,7 @@ function writeStartSegment(destination, renderState, formatContext, id) {
   switch (formatContext.insertionMode) {
     case ROOT_HTML_MODE:
     case HTML_HTML_MODE:
+    case HTML_HEAD_MODE:
     case HTML_MODE:
       return (
         writeChunk(destination, startSegmentHTML),
@@ -3707,6 +3750,7 @@ function writeEndSegment(destination, formatContext) {
   switch (formatContext.insertionMode) {
     case ROOT_HTML_MODE:
     case HTML_HTML_MODE:
+    case HTML_HEAD_MODE:
     case HTML_MODE:
       return !!destination.write(endSegmentHTML);
     case SVG_MODE:
@@ -5462,7 +5506,7 @@ function RequestInstance(
   this.status = 10;
   this.fatalError = null;
   this.pendingRootTasks = this.allPendingTasks = this.nextSegmentId = 0;
-  this.completedRootSegment = null;
+  this.completedPreambleSegments = this.completedRootSegment = null;
   this.abortableTasks = abortSet;
   this.pingedTasks = [];
   this.clientRenderedBoundaries = [];
@@ -5522,6 +5566,7 @@ function createRequest(
     null,
     renderState,
     null,
+    null,
     resumableState.abortableTasks,
     null,
     rootFormatContext,
@@ -5547,7 +5592,12 @@ function pingTask(request, task) {
           return performWork(request);
         }, 0));
 }
-function createSuspenseBoundary(request, fallbackAbortableTasks) {
+function createSuspenseBoundary(
+  request,
+  fallbackAbortableTasks,
+  contentPreamble,
+  fallbackPreamble
+) {
   return {
     status: PENDING,
     rootSegmentID: -1,
@@ -5559,6 +5609,8 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     errorDigest: null,
     contentState: createHoistableState(),
     fallbackState: createHoistableState(),
+    contentPreamble: contentPreamble,
+    fallbackPreamble: fallbackPreamble,
     trackedContentKeyPath: null,
     trackedFallbackNode: null,
     errorMessage: null,
@@ -5573,6 +5625,7 @@ function createRenderTask(
   childIndex,
   blockedBoundary,
   blockedSegment,
+  blockedPreamble,
   hoistableState,
   abortSet,
   keyPath,
@@ -5595,6 +5648,7 @@ function createRenderTask(
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    blockedPreamble: blockedPreamble,
     hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
@@ -5638,6 +5692,7 @@ function createReplayTask(
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    blockedPreamble: null,
     hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
@@ -5661,11 +5716,12 @@ function createPendingSegment(
 ) {
   return {
     status: PENDING,
+    parentFlushed: !1,
     id: -1,
     index: index,
-    parentFlushed: !1,
     chunks: [],
     children: [],
+    preambleChildren: [],
     parentFormatContext: parentFormatContext,
     boundary: boundary,
     lastPushedText: lastPushedText,
@@ -6266,6 +6322,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         props,
         request.resumableState,
         request.renderState,
+        task.blockedPreamble,
         task.hoistableState,
         task.formatContext,
         segment.lastPushedText,
@@ -6274,9 +6331,40 @@ function renderElement(request, task, keyPath, type, props, ref) {
       segment.lastPushedText = !1;
       var _prevContext = task.formatContext,
         _prevKeyPath2 = task.keyPath;
-      task.formatContext = getChildFormatContext(_prevContext, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, _children, -1);
+      if (
+        (task.formatContext = getChildFormatContext(_prevContext, type, props))
+          .insertionMode === HTML_HEAD_MODE
+      ) {
+        var preambleSegment = createPendingSegment(
+          request,
+          0,
+          null,
+          task.formatContext,
+          !1,
+          !1
+        );
+        segment.preambleChildren.push(preambleSegment);
+        var preambleTask = createRenderTask(
+          request,
+          null,
+          _children,
+          -1,
+          task.blockedBoundary,
+          preambleSegment,
+          task.blockedPreamble,
+          task.hoistableState,
+          request.abortableTasks,
+          task.keyPath,
+          task.formatContext,
+          task.context,
+          task.treeContext,
+          task.componentStack,
+          task.isFallback
+        );
+        pushComponentStack(preambleTask);
+        request.pingedTasks.push(preambleTask);
+      } else renderNode(request, task, _children, -1);
       task.formatContext = _prevContext;
       task.keyPath = _prevKeyPath2;
       a: {
@@ -6313,6 +6401,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
               resumableState.hasHtml = !0;
               break a;
             }
+            break;
+          case "head":
+            if (_prevContext.insertionMode <= HTML_HTML_MODE) break a;
         }
         target.push(endChunkForTag(type));
       }
@@ -6359,12 +6450,21 @@ function renderElement(request, task, keyPath, type, props, ref) {
         } else {
           var prevKeyPath$jscomp$3 = task.keyPath,
             parentBoundary = task.blockedBoundary,
+            parentPreamble = task.blockedPreamble,
             parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment,
             fallback = props.fallback,
             content = props.children,
-            fallbackAbortSet = new Set(),
-            newBoundary = createSuspenseBoundary(request, fallbackAbortSet);
+            fallbackAbortSet = new Set();
+          var newBoundary =
+            task.formatContext.insertionMode < HTML_MODE
+              ? createSuspenseBoundary(
+                  request,
+                  fallbackAbortSet,
+                  createPreambleState(),
+                  createPreambleState()
+                )
+              : createSuspenseBoundary(request, fallbackAbortSet, null, null);
           null !== request.trackedPostpones &&
             (newBoundary.trackedContentKeyPath = keyPath);
           var boundarySegment = createPendingSegment(
@@ -6400,6 +6500,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             );
             newBoundary.trackedFallbackNode = fallbackReplayNode;
             task.blockedSegment = boundarySegment;
+            task.blockedPreamble = newBoundary.fallbackPreamble;
             task.keyPath = fallbackKeyPath;
             boundarySegment.status = 6;
             try {
@@ -6415,6 +6516,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
               );
             } finally {
               (task.blockedSegment = parentSegment),
+                (task.blockedPreamble = parentPreamble),
                 (task.keyPath = prevKeyPath$jscomp$3);
             }
             var suspendedPrimaryTask = createRenderTask(
@@ -6424,6 +6526,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
               -1,
               newBoundary,
               contentRootSegment,
+              newBoundary.contentPreamble,
               newBoundary.contentState,
               task.abortSet,
               keyPath,
@@ -6437,6 +6540,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             request.pingedTasks.push(suspendedPrimaryTask);
           } else {
             task.blockedBoundary = newBoundary;
+            task.blockedPreamble = newBoundary.contentPreamble;
             task.hoistableState = newBoundary.contentState;
             task.blockedSegment = contentRootSegment;
             task.keyPath = keyPath;
@@ -6453,6 +6557,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
                   newBoundary.status === PENDING)
               ) {
                 newBoundary.status = COMPLETED;
+                0 === request.pendingRootTasks &&
+                  task.blockedPreamble &&
+                  preparePreamble(request);
                 break a;
               }
             } catch (thrownValue$2) {
@@ -6473,6 +6580,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
               untrackBoundary(request, newBoundary);
             } finally {
               (task.blockedBoundary = parentBoundary),
+                (task.blockedPreamble = parentPreamble),
                 (task.hoistableState = parentHoistableState),
                 (task.blockedSegment = parentSegment),
                 (task.keyPath = prevKeyPath$jscomp$3);
@@ -6484,6 +6592,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
               -1,
               parentBoundary,
               boundarySegment,
+              newBoundary.fallbackPreamble,
               newBoundary.fallbackState,
               fallbackAbortSet,
               [keyPath[0], "Suspense Fallback", keyPath[2]],
@@ -6738,17 +6847,27 @@ function retryNode(request, task) {
                       previousReplaySet = task.replay,
                       parentBoundary = task.blockedBoundary,
                       parentHoistableState = task.hoistableState,
-                      content = props.children;
-                    props = props.fallback;
-                    var fallbackAbortSet = new Set(),
-                      resumedBoundary = createSuspenseBoundary(
-                        request,
-                        fallbackAbortSet
-                      );
-                    resumedBoundary.parentFlushed = !0;
-                    resumedBoundary.rootSegmentID = ref;
-                    task.blockedBoundary = resumedBoundary;
-                    task.hoistableState = resumedBoundary.contentState;
+                      content = props.children,
+                      fallback = props.fallback,
+                      fallbackAbortSet = new Set();
+                    props =
+                      task.formatContext.insertionMode < HTML_MODE
+                        ? createSuspenseBoundary(
+                            request,
+                            fallbackAbortSet,
+                            createPreambleState(),
+                            createPreambleState()
+                          )
+                        : createSuspenseBoundary(
+                            request,
+                            fallbackAbortSet,
+                            null,
+                            null
+                          );
+                    props.parentFlushed = !0;
+                    props.rootSegmentID = ref;
+                    task.blockedBoundary = props;
+                    task.hoistableState = props.contentState;
                     task.keyPath = keyPath;
                     task.replay = {
                       nodes: replay,
@@ -6766,15 +6885,15 @@ function retryNode(request, task) {
                         );
                       task.replay.pendingTasks--;
                       if (
-                        0 === resumedBoundary.pendingTasks &&
-                        resumedBoundary.status === PENDING
+                        0 === props.pendingTasks &&
+                        props.status === PENDING
                       ) {
-                        resumedBoundary.status = COMPLETED;
-                        request.completedBoundaries.push(resumedBoundary);
+                        props.status = COMPLETED;
+                        request.completedBoundaries.push(props);
                         break a;
                       }
                     } catch (error) {
-                      (resumedBoundary.status = CLIENT_RENDERED),
+                      (props.status = CLIENT_RENDERED),
                         (childNodes = getThrownInfo(task.componentStack)),
                         (type = logRecoverableError(
                           request,
@@ -6782,14 +6901,14 @@ function retryNode(request, task) {
                           childNodes
                         )),
                         encodeErrorForBoundary(
-                          resumedBoundary,
+                          props,
                           type,
                           error,
                           childNodes,
                           !1
                         ),
                         task.replay.pendingTasks--,
-                        request.clientRenderedBoundaries.push(resumedBoundary);
+                        request.clientRenderedBoundaries.push(props);
                     } finally {
                       (task.blockedBoundary = parentBoundary),
                         (task.hoistableState = parentHoistableState),
@@ -6800,10 +6919,10 @@ function retryNode(request, task) {
                       request,
                       null,
                       { nodes: keyOrIndex, slots: key, pendingTasks: 0 },
-                      props,
+                      fallback,
                       -1,
                       parentBoundary,
-                      resumedBoundary.fallbackState,
+                      props.fallbackState,
                       fallbackAbortSet,
                       [keyPath[0], "Suspense Fallback", keyPath[2]],
                       task.formatContext,
@@ -7122,6 +7241,7 @@ function spawnNewSuspendedRenderTask(request, task, thenableState) {
     task.childIndex,
     task.blockedBoundary,
     newSegment,
+    task.blockedPreamble,
     task.hoistableState,
     task.abortSet,
     task.keyPath,
@@ -7282,7 +7402,12 @@ function abortRemainingReplayNodes(
         errorDigest = errorDigest$jscomp$0,
         errorInfo = errorInfo$jscomp$0,
         wasAborted = aborted,
-        resumedBoundary = createSuspenseBoundary(request, new Set());
+        resumedBoundary = createSuspenseBoundary(
+          request,
+          new Set(),
+          null,
+          null
+        );
       resumedBoundary.parentFlushed = !0;
       resumedBoundary.rootSegmentID = node;
       resumedBoundary.status = CLIENT_RENDERED;
@@ -7430,6 +7555,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
 }
 function completeShell(request) {
   null === request.trackedPostpones && safelyEmitEarlyPreloads(request, !0);
+  null === request.trackedPostpones && preparePreamble(request);
   request.onShellError = noop;
   request = request.onShellReady;
   request();
@@ -7442,6 +7568,7 @@ function completeAll(request) {
       : null === request.completedRootSegment ||
           request.completedRootSegment.status !== POSTPONED
   );
+  preparePreamble(request);
   request = request.onAllReady;
   request();
 }
@@ -7483,7 +7610,11 @@ function finishedTask(request, boundary, segment) {
               request.completedBoundaries.push(boundary),
             boundary.status === COMPLETED &&
               (boundary.fallbackAbortableTasks.forEach(abortTaskSoft, request),
-              boundary.fallbackAbortableTasks.clear()))
+              boundary.fallbackAbortableTasks.clear(),
+              0 === request.pendingRootTasks &&
+                null === request.trackedPostpones &&
+                null !== boundary.contentPreamble &&
+                preparePreamble(request)))
           : null !== segment &&
             segment.parentFlushed &&
             segment.status === COMPLETED &&
@@ -7649,7 +7780,11 @@ function performWork(request$jscomp$1) {
                       ),
                       untrackBoundary(request, boundary),
                       boundary.parentFlushed &&
-                        request.clientRenderedBoundaries.push(boundary)));
+                        request.clientRenderedBoundaries.push(boundary),
+                      0 === request.pendingRootTasks &&
+                        null === request.trackedPostpones &&
+                        null !== boundary.contentPreamble &&
+                        preparePreamble(request)));
                 request.allPendingTasks--;
                 0 === request.allPendingTasks && completeAll(request);
               }
@@ -7675,6 +7810,85 @@ function performWork(request$jscomp$1) {
     }
   }
 }
+function preparePreambleFromSubtree(
+  request,
+  segment,
+  collectedPreambleSegments
+) {
+  segment.preambleChildren.length &&
+    collectedPreambleSegments.push(segment.preambleChildren);
+  for (var pendingPreambles = !1, i = 0; i < segment.children.length; i++)
+    pendingPreambles =
+      preparePreambleFromSegment(
+        request,
+        segment.children[i],
+        collectedPreambleSegments
+      ) || pendingPreambles;
+  return pendingPreambles;
+}
+function preparePreambleFromSegment(
+  request,
+  segment,
+  collectedPreambleSegments
+) {
+  var boundary = segment.boundary;
+  if (null === boundary)
+    return preparePreambleFromSubtree(
+      request,
+      segment,
+      collectedPreambleSegments
+    );
+  var preamble = boundary.contentPreamble,
+    fallbackPreamble = boundary.fallbackPreamble;
+  if (null === preamble || null === fallbackPreamble) return !1;
+  switch (boundary.status) {
+    case COMPLETED:
+      hoistPreambleState(request.renderState, preamble);
+      segment = boundary.completedSegments[0];
+      if (!segment)
+        throw Error(
+          "A previously unvisited boundary must have exactly one root segment. This is a bug in React."
+        );
+      return preparePreambleFromSubtree(
+        request,
+        segment,
+        collectedPreambleSegments
+      );
+    case POSTPONED:
+      if (null !== request.trackedPostpones) return !0;
+    case CLIENT_RENDERED:
+      if (segment.status === COMPLETED)
+        return (
+          hoistPreambleState(request.renderState, fallbackPreamble),
+          preparePreambleFromSubtree(
+            request,
+            segment,
+            collectedPreambleSegments
+          )
+        );
+    default:
+      return !0;
+  }
+}
+function preparePreamble(request) {
+  if (
+    request.completedRootSegment &&
+    null === request.completedPreambleSegments
+  ) {
+    var collectedPreambleSegments = [],
+      hasPendingPreambles = preparePreambleFromSegment(
+        request,
+        request.completedRootSegment,
+        collectedPreambleSegments
+      ),
+      preamble = request.renderState.preamble;
+    if (
+      !1 === hasPendingPreambles ||
+      (preamble.headChunks && preamble.bodyChunks)
+    )
+      request.completedPreambleSegments = collectedPreambleSegments;
+  }
+}
 function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = !0;
   switch (segment.status) {
@@ -7905,9 +8119,12 @@ function flushCompletedQueues(request, destination) {
         completedRootSegment = request.completedRootSegment;
       if (null !== completedRootSegment) {
         if (completedRootSegment.status === POSTPONED) return;
+        var completedPreambleSegments = request.completedPreambleSegments;
+        if (null === completedPreambleSegments) return;
         var renderState = request.renderState,
-          htmlChunks = renderState.htmlChunks,
-          headChunks = renderState.headChunks,
+          preamble = renderState.preamble,
+          htmlChunks = preamble.htmlChunks,
+          headChunks = preamble.headChunks,
           i$jscomp$0;
         if (htmlChunks) {
           for (i$jscomp$0 = 0; i$jscomp$0 < htmlChunks.length; i$jscomp$0++)
@@ -7948,10 +8165,27 @@ function flushCompletedQueues(request, destination) {
         var hoistableChunks = renderState.hoistableChunks;
         for (i$jscomp$0 = 0; i$jscomp$0 < hoistableChunks.length; i$jscomp$0++)
           writeChunk(destination, hoistableChunks[i$jscomp$0]);
-        hoistableChunks.length = 0;
-        htmlChunks &&
-          null === headChunks &&
+        for (
+          renderState = hoistableChunks.length = 0;
+          renderState < completedPreambleSegments.length;
+          renderState++
+        ) {
+          var segments = completedPreambleSegments[renderState];
+          for (preamble = 0; preamble < segments.length; preamble++)
+            flushSegment(request, destination, segments[preamble], null);
+        }
+        var preamble$jscomp$0 = request.renderState.preamble,
+          headChunks$jscomp$0 = preamble$jscomp$0.headChunks;
+        (preamble$jscomp$0.htmlChunks || headChunks$jscomp$0) &&
           writeChunk(destination, endChunkForTag("head"));
+        var bodyChunks = preamble$jscomp$0.bodyChunks;
+        if (bodyChunks)
+          for (
+            completedPreambleSegments = 0;
+            completedPreambleSegments < bodyChunks.length;
+            completedPreambleSegments++
+          )
+            writeChunk(destination, bodyChunks[completedPreambleSegments]);
         flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeBootstrap(destination, request.renderState);
@@ -8186,15 +8420,15 @@ function abort(request, reason) {
     logRecoverableError(request, error$4, {}), fatalError(request, error$4);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_699 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_722 = React.version;
 if (
-  "19.1.0-canary-d46b04a2-20250117" !==
-  isomorphicReactPackageVersion$jscomp$inline_699
+  "19.1.0-canary-9b62ee71-20250122" !==
+  isomorphicReactPackageVersion$jscomp$inline_722
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
-      (isomorphicReactPackageVersion$jscomp$inline_699 +
-        "\n  - react-dom:  19.1.0-canary-d46b04a2-20250117\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_722 +
+        "\n  - react-dom:  19.1.0-canary-9b62ee71-20250122\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -8286,4 +8520,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request$jscomp$0);
   });
 };
-exports.version = "19.1.0-canary-d46b04a2-20250117";
+exports.version = "19.1.0-canary-9b62ee71-20250122";