react-markup 0.0.0-experimental-d46b04a2-20250117 → 0.0.0-experimental-18eaf51b-20250118

package/cjs/react-markup.react-server.development.js

@@ -2045,6 +2045,7 @@
     function serializeErrorValue(request, error) {
       var env = (0, request.environmentName)();
       try {
+        var name = error.name;
         var message = String(error.message);
         var stack = filterStackTrace(request, error, 0);
         var errorEnv = error.environmentName;
@@ -2057,6 +2058,7 @@
       return (
         "$Z" +
         outlineModel(request, {
+          name: name,
           message: message,
           stack: stack,
           env: env
@@ -4277,7 +4279,8 @@
         response.reason.close("" === row ? '"$undefined"' : row);
     }
     function resolveErrorDev(response, errorInfo) {
-      var env = errorInfo.env;
+      var name = errorInfo.name,
+        env = errorInfo.env;
       errorInfo = buildFakeCallStack(
         response,
         errorInfo.stack,
@@ -4290,6 +4293,7 @@
       );
       response = getRootTask(response, env);
       response = null != response ? response.run(errorInfo) : errorInfo();
+      response.name = name;
       response.environmentName = env;
       return response;
     }
@@ -5356,27 +5360,27 @@
           "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: externalRuntimeScript,
         bootstrapChunks: bootstrapChunks,
         importMapChunks: externalRuntimeConfig,
         onHeaders: onHeaders,
-        headers: onHeaders
-          ? {
-              preconnects: "",
-              fontPreloads: "",
-              highImagePreloads: "",
-              remainingCapacity:
-                2 +
-                ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
-            }
-          : null,
+        headers: importMap,
         resets: {
           font: {},
           dns: {},
@@ -5405,52 +5409,54 @@
         stylesToHoist: !1
       };
       if (void 0 !== bootstrapScripts)
-        for (onHeaders = 0; onHeaders < bootstrapScripts.length; onHeaders++)
-          (maxHeadersLength = bootstrapScripts[onHeaders]),
-            (externalRuntimeScript = idPrefix = void 0),
+        for (
+          inlineScriptWithNonce = 0;
+          inlineScriptWithNonce < bootstrapScripts.length;
+          inlineScriptWithNonce++
+        )
+          (idPrefix = bootstrapScripts[inlineScriptWithNonce]),
+            (maxHeadersLength = importMap = void 0),
             (externalRuntimeConfig = {
               rel: "preload",
               as: "script",
               fetchPriority: "low",
               nonce: nonce
             }),
-            "string" === typeof maxHeadersLength
-              ? (externalRuntimeConfig.href = inlineScriptWithNonce =
-                  maxHeadersLength)
-              : ((externalRuntimeConfig.href = inlineScriptWithNonce =
-                  maxHeadersLength.src),
-                (externalRuntimeConfig.integrity = externalRuntimeScript =
-                  "string" === typeof maxHeadersLength.integrity
-                    ? maxHeadersLength.integrity
+            "string" === typeof idPrefix
+              ? (externalRuntimeConfig.href = externalRuntimeScript = idPrefix)
+              : ((externalRuntimeConfig.href = externalRuntimeScript =
+                  idPrefix.src),
+                (externalRuntimeConfig.integrity = maxHeadersLength =
+                  "string" === typeof idPrefix.integrity
+                    ? idPrefix.integrity
                     : void 0),
-                (externalRuntimeConfig.crossOrigin = idPrefix =
-                  "string" === typeof maxHeadersLength ||
-                  null == maxHeadersLength.crossOrigin
+                (externalRuntimeConfig.crossOrigin = importMap =
+                  "string" === typeof idPrefix || null == idPrefix.crossOrigin
                     ? void 0
-                    : "use-credentials" === maxHeadersLength.crossOrigin
+                    : "use-credentials" === idPrefix.crossOrigin
                       ? "use-credentials"
                       : "")),
             preloadBootstrapScriptOrModule(
               resumableState,
-              importMap,
-              inlineScriptWithNonce,
+              onHeaders,
+              externalRuntimeScript,
               externalRuntimeConfig
             ),
             bootstrapChunks.push(
               '<script src="',
-              escapeTextForBrowser(inlineScriptWithNonce)
+              escapeTextForBrowser(externalRuntimeScript)
             ),
             nonce &&
               bootstrapChunks.push('" nonce="', escapeTextForBrowser(nonce)),
-            "string" === typeof externalRuntimeScript &&
+            "string" === typeof maxHeadersLength &&
               bootstrapChunks.push(
                 '" integrity="',
-                escapeTextForBrowser(externalRuntimeScript)
+                escapeTextForBrowser(maxHeadersLength)
               ),
-            "string" === typeof idPrefix &&
+            "string" === typeof importMap &&
               bootstrapChunks.push(
                 '" crossorigin="',
-                escapeTextForBrowser(idPrefix)
+                escapeTextForBrowser(importMap)
               ),
             bootstrapChunks.push('" async="">\x3c/script>');
       if (void 0 !== bootstrapModules)
@@ -5459,51 +5465,51 @@
           bootstrapScripts < bootstrapModules.length;
           bootstrapScripts++
         )
-          (onHeaders = bootstrapModules[bootstrapScripts]),
-            (idPrefix = inlineScriptWithNonce = void 0),
-            (externalRuntimeScript = {
+          (inlineScriptWithNonce = bootstrapModules[bootstrapScripts]),
+            (importMap = externalRuntimeScript = void 0),
+            (maxHeadersLength = {
               rel: "modulepreload",
               fetchPriority: "low",
               nonce: nonce
             }),
-            "string" === typeof onHeaders
-              ? (externalRuntimeScript.href = maxHeadersLength = onHeaders)
-              : ((externalRuntimeScript.href = maxHeadersLength =
-                  onHeaders.src),
-                (externalRuntimeScript.integrity = idPrefix =
-                  "string" === typeof onHeaders.integrity
-                    ? onHeaders.integrity
+            "string" === typeof inlineScriptWithNonce
+              ? (maxHeadersLength.href = idPrefix = inlineScriptWithNonce)
+              : ((maxHeadersLength.href = idPrefix = inlineScriptWithNonce.src),
+                (maxHeadersLength.integrity = importMap =
+                  "string" === typeof inlineScriptWithNonce.integrity
+                    ? inlineScriptWithNonce.integrity
                     : void 0),
-                (externalRuntimeScript.crossOrigin = inlineScriptWithNonce =
-                  "string" === typeof onHeaders || null == onHeaders.crossOrigin
+                (maxHeadersLength.crossOrigin = externalRuntimeScript =
+                  "string" === typeof inlineScriptWithNonce ||
+                  null == inlineScriptWithNonce.crossOrigin
                     ? void 0
-                    : "use-credentials" === onHeaders.crossOrigin
+                    : "use-credentials" === inlineScriptWithNonce.crossOrigin
                       ? "use-credentials"
                       : "")),
             preloadBootstrapScriptOrModule(
               resumableState,
-              importMap,
-              maxHeadersLength,
-              externalRuntimeScript
+              onHeaders,
+              idPrefix,
+              maxHeadersLength
             ),
             bootstrapChunks.push(
               '<script type="module" src="',
-              escapeTextForBrowser(maxHeadersLength)
+              escapeTextForBrowser(idPrefix)
             ),
             nonce &&
               bootstrapChunks.push('" nonce="', escapeTextForBrowser(nonce)),
-            "string" === typeof idPrefix &&
+            "string" === typeof importMap &&
               bootstrapChunks.push(
                 '" integrity="',
-                escapeTextForBrowser(idPrefix)
+                escapeTextForBrowser(importMap)
               ),
-            "string" === typeof inlineScriptWithNonce &&
+            "string" === typeof externalRuntimeScript &&
               bootstrapChunks.push(
                 '" crossorigin="',
-                escapeTextForBrowser(inlineScriptWithNonce)
+                escapeTextForBrowser(externalRuntimeScript)
               ),
             bootstrapChunks.push('" async="">\x3c/script>');
-      return importMap;
+      return onHeaders;
     }
     function createResumableState(
       identifierPrefix,
@@ -5534,6 +5540,9 @@
         moduleScriptResources: {}
       };
     }
+    function createPreambleState() {
+      return { htmlChunks: null, headChunks: null, bodyChunks: null };
+    }
     function createFormatContext(insertionMode, selectedValue, tagScope) {
       return {
         insertionMode: insertionMode,
@@ -5552,33 +5561,34 @@
             parentContext.tagScope
           );
         case "svg":
-          return createFormatContext(3, null, parentContext.tagScope);
+          return createFormatContext(4, null, parentContext.tagScope);
         case "picture":
           return createFormatContext(2, null, parentContext.tagScope | 2);
         case "math":
-          return createFormatContext(4, null, parentContext.tagScope);
+          return createFormatContext(5, null, parentContext.tagScope);
         case "foreignObject":
           return createFormatContext(2, null, parentContext.tagScope);
         case "table":
-          return createFormatContext(5, null, parentContext.tagScope);
+          return createFormatContext(6, null, parentContext.tagScope);
         case "thead":
         case "tbody":
         case "tfoot":
-          return createFormatContext(6, null, parentContext.tagScope);
+          return createFormatContext(7, null, parentContext.tagScope);
         case "colgroup":
-          return createFormatContext(8, null, parentContext.tagScope);
+          return createFormatContext(9, null, parentContext.tagScope);
         case "tr":
-          return createFormatContext(7, null, parentContext.tagScope);
+          return createFormatContext(8, null, parentContext.tagScope);
+        case "head":
+          if (2 > parentContext.insertionMode)
+            return createFormatContext(3, null, parentContext.tagScope);
+          break;
+        case "html":
+          if (0 === parentContext.insertionMode)
+            return createFormatContext(1, null, parentContext.tagScope);
       }
-      return 5 <= parentContext.insertionMode
+      return 6 <= parentContext.insertionMode || 2 > parentContext.insertionMode
         ? createFormatContext(2, null, parentContext.tagScope)
-        : 0 === parentContext.insertionMode
-          ? "html" === type
-            ? createFormatContext(1, null, parentContext.tagScope)
-            : createFormatContext(2, null, parentContext.tagScope)
-          : 1 === parentContext.insertionMode
-            ? createFormatContext(2, null, parentContext.tagScope)
-            : parentContext;
+        : parentContext;
     }
     function pushStyleAttribute(target, style) {
       if ("object" !== typeof style)
@@ -6247,6 +6257,7 @@
       props,
       resumableState,
       renderState,
+      preambleState,
       hoistableState,
       formatContext,
       textEmbedded,
@@ -6292,8 +6303,8 @@
         console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
-      3 !== formatContext.insertionMode &&
-        4 !== formatContext.insertionMode &&
+      4 !== formatContext.insertionMode &&
+        5 !== formatContext.insertionMode &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
         console.error(
@@ -6901,7 +6912,7 @@
                       ));
           }
           if (
-            3 === insertionMode ||
+            4 === insertionMode ||
             noscriptTagInScope ||
             null != props.itemProp
           )
@@ -6920,7 +6931,7 @@
             href = props.href,
             precedence = props.precedence;
           if (
-            3 === formatContext.insertionMode ||
+            4 === formatContext.insertionMode ||
             formatContext.tagScope & 1 ||
             null != props.itemProp ||
             "string" !== typeof rel ||
@@ -7036,7 +7047,7 @@
             "symbol" === typeof asyncProp ||
             props.onLoad ||
             props.onError ||
-            3 === formatContext.insertionMode ||
+            4 === formatContext.insertionMode ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
@@ -7099,7 +7110,7 @@
           var precedence$jscomp$0 = props.precedence,
             href$jscomp$0 = props.href;
           if (
-            3 === insertionMode$jscomp$0 ||
+            4 === insertionMode$jscomp$0 ||
             noscriptTagInScope$jscomp$0 ||
             null != props.itemProp ||
             "string" !== typeof precedence$jscomp$0 ||
@@ -7217,7 +7228,7 @@
           return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
-            3 === formatContext.insertionMode ||
+            4 === formatContext.insertionMode ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
@@ -7401,13 +7412,13 @@
         case "missing-glyph":
           break;
         case "head":
-          if (
-            2 > formatContext.insertionMode &&
-            null === renderState.headChunks
-          ) {
-            renderState.headChunks = [];
+          if (2 > formatContext.insertionMode) {
+            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"
             );
@@ -7418,24 +7429,42 @@
               "head"
             );
           return JSCompiler_inline_result$jscomp$9;
-        case "html":
-          if (
-            0 === formatContext.insertionMode &&
-            null === renderState.htmlChunks
-          ) {
-            renderState.htmlChunks = [doctypeChunk];
+        case "body":
+          if (2 > formatContext.insertionMode) {
+            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 (0 === formatContext.insertionMode) {
+            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 = [doctypeChunk];
+            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));
@@ -7502,6 +7531,15 @@
         ((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++)
@@ -7525,6 +7563,7 @@
       switch (formatContext.insertionMode) {
         case 0:
         case 1:
+        case 3:
         case 2:
           return (
             destination.push('<div hidden id="'),
@@ -7533,7 +7572,7 @@
             destination.push(renderState),
             destination.push('">')
           );
-        case 3:
+        case 4:
           return (
             destination.push(
               '<svg aria-hidden="true" style="display:none" id="'
@@ -7543,7 +7582,7 @@
             destination.push(renderState),
             destination.push('">')
           );
-        case 4:
+        case 5:
           return (
             destination.push(
               '<math aria-hidden="true" style="display:none" id="'
@@ -7553,7 +7592,7 @@
             destination.push(renderState),
             destination.push('">')
           );
-        case 5:
+        case 6:
           return (
             destination.push('<table hidden id="'),
             destination.push(renderState.segmentPrefix),
@@ -7561,7 +7600,7 @@
             destination.push(renderState),
             destination.push('">')
           );
-        case 6:
+        case 7:
           return (
             destination.push('<table hidden><tbody id="'),
             destination.push(renderState.segmentPrefix),
@@ -7569,7 +7608,7 @@
             destination.push(renderState),
             destination.push('">')
           );
-        case 7:
+        case 8:
           return (
             destination.push('<table hidden><tr id="'),
             destination.push(renderState.segmentPrefix),
@@ -7577,7 +7616,7 @@
             destination.push(renderState),
             destination.push('">')
           );
-        case 8:
+        case 9:
           return (
             destination.push('<table hidden><colgroup id="'),
             destination.push(renderState.segmentPrefix),
@@ -7593,19 +7632,20 @@
       switch (formatContext.insertionMode) {
         case 0:
         case 1:
+        case 3:
         case 2:
           return destination.push("</div>");
-        case 3:
-          return destination.push("</svg>");
         case 4:
-          return destination.push("</math>");
+          return destination.push("</svg>");
         case 5:
-          return destination.push("</table>");
+          return destination.push("</math>");
         case 6:
-          return destination.push("</tbody></table>");
+          return destination.push("</table>");
         case 7:
-          return destination.push("</tr></table>");
+          return destination.push("</tbody></table>");
         case 8:
+          return destination.push("</tr></table>");
+        case 9:
           return destination.push("</colgroup></table>");
         default:
           throw Error("Unknown insertion mode. This is a bug in React.");
@@ -8512,7 +8552,7 @@
       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 = [];
@@ -8572,6 +8612,7 @@
         null,
         renderState,
         null,
+        null,
         resumableState.abortableTasks,
         null,
         rootFormatContext,
@@ -8592,7 +8633,12 @@
         ((request.flushScheduled = null !== request.destination),
         performWork(request));
     }
-    function createSuspenseBoundary(request, fallbackAbortableTasks) {
+    function createSuspenseBoundary(
+      request,
+      fallbackAbortableTasks,
+      contentPreamble,
+      fallbackPreamble
+    ) {
       return {
         status: 0,
         rootSegmentID: -1,
@@ -8604,6 +8650,8 @@
         errorDigest: null,
         contentState: createHoistableState(),
         fallbackState: createHoistableState(),
+        contentPreamble: contentPreamble,
+        fallbackPreamble: fallbackPreamble,
         trackedContentKeyPath: null,
         trackedFallbackNode: null,
         errorMessage: null,
@@ -8618,6 +8666,7 @@
       childIndex,
       blockedBoundary,
       blockedSegment,
+      blockedPreamble,
       hoistableState,
       abortSet,
       keyPath,
@@ -8642,6 +8691,7 @@
         },
         blockedBoundary: blockedBoundary,
         blockedSegment: blockedSegment,
+        blockedPreamble: blockedPreamble,
         hoistableState: hoistableState,
         abortSet: abortSet,
         keyPath: keyPath,
@@ -8688,6 +8738,7 @@
         },
         blockedBoundary: blockedBoundary,
         blockedSegment: null,
+        blockedPreamble: null,
         hoistableState: hoistableState,
         abortSet: abortSet,
         keyPath: keyPath,
@@ -8712,11 +8763,12 @@
     ) {
       return {
         status: 0,
+        parentFlushed: !1,
         id: -1,
         index: index,
-        parentFlushed: !1,
         chunks: [],
         children: [],
+        preambleChildren: [],
         parentFormatContext: parentFormatContext,
         boundary: boundary,
         lastPushedText: lastPushedText,
@@ -9416,6 +9468,7 @@
           var target = segment.chunks,
             resumableState = request.resumableState,
             renderState = request.renderState,
+            preambleState = task.blockedPreamble,
             hoistableState = task.hoistableState,
             formatContext = task.formatContext,
             textEmbedded = segment.lastPushedText,
@@ -9441,6 +9494,7 @@
             props,
             resumableState,
             renderState,
+            preambleState,
             hoistableState,
             formatContext,
             textEmbedded,
@@ -9449,9 +9503,46 @@
           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 (
+            3 ===
+            (task.formatContext = getChildFormatContext(
+              _prevContext,
+              type,
+              props
+            )).insertionMode
+          ) {
+            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,
+              emptyContextObject,
+              task.debugTask
+            );
+            pushComponentStack(preambleTask);
+            request.pingedTasks.push(preambleTask);
+          } else renderNode(request, task, _children, -1);
           task.formatContext = _prevContext;
           task.keyPath = _prevKeyPath2;
           a: {
@@ -9488,6 +9579,9 @@
                   resumableState$jscomp$0.hasHtml = !0;
                   break a;
                 }
+                break;
+              case "head":
+                if (1 >= _prevContext.insertionMode) break a;
             }
             target$jscomp$0.push(endChunkForTag(type));
           }
@@ -9541,12 +9635,26 @@
             } 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 =
+                2 > task.formatContext.insertionMode
+                  ? createSuspenseBoundary(
+                      request,
+                      fallbackAbortSet,
+                      createPreambleState(),
+                      createPreambleState()
+                    )
+                  : createSuspenseBoundary(
+                      request,
+                      fallbackAbortSet,
+                      null,
+                      null
+                    );
               null !== request.trackedPostpones &&
                 (newBoundary.trackedContentKeyPath = keyPath);
               var boundarySegment = createPendingSegment(
@@ -9586,6 +9694,7 @@
                 );
                 newBoundary.trackedFallbackNode = fallbackReplayNode;
                 task.blockedSegment = boundarySegment;
+                task.blockedPreamble = newBoundary.fallbackPreamble;
                 task.keyPath = fallbackKeyPath;
                 boundarySegment.status = 6;
                 try {
@@ -9598,6 +9707,7 @@
                   );
                 } finally {
                   (task.blockedSegment = parentSegment),
+                    (task.blockedPreamble = parentPreamble),
                     (task.keyPath = prevKeyPath$jscomp$3);
                 }
                 var suspendedPrimaryTask = createRenderTask(
@@ -9607,6 +9717,7 @@
                   -1,
                   newBoundary,
                   contentRootSegment,
+                  newBoundary.contentPreamble,
                   newBoundary.contentState,
                   task.abortSet,
                   keyPath,
@@ -9622,6 +9733,7 @@
                 request.pingedTasks.push(suspendedPrimaryTask);
               } else {
                 task.blockedBoundary = newBoundary;
+                task.blockedPreamble = newBoundary.contentPreamble;
                 task.hoistableState = newBoundary.contentState;
                 task.blockedSegment = contentRootSegment;
                 task.keyPath = keyPath;
@@ -9634,6 +9746,9 @@
                     0 === newBoundary.pendingTasks && 0 === newBoundary.status)
                   ) {
                     newBoundary.status = 1;
+                    0 === request.pendingRootTasks &&
+                      task.blockedPreamble &&
+                      preparePreamble(request);
                     break a;
                   }
                 } catch (thrownValue$6) {
@@ -9673,6 +9788,7 @@
                   untrackBoundary(request, newBoundary);
                 } finally {
                   (task.blockedBoundary = parentBoundary),
+                    (task.blockedPreamble = parentPreamble),
                     (task.hoistableState = parentHoistableState),
                     (task.blockedSegment = parentSegment),
                     (task.keyPath = prevKeyPath$jscomp$3);
@@ -9684,6 +9800,7 @@
                   -1,
                   parentBoundary,
                   boundarySegment,
+                  newBoundary.fallbackPreamble,
                   newBoundary.fallbackState,
                   fallbackAbortSet,
                   [keyPath[0], "Suspense Fallback", keyPath[2]],
@@ -9922,17 +10039,27 @@
                 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 = type;
-              task.blockedBoundary = resumedBoundary;
-              task.hoistableState = resumedBoundary.contentState;
+                content = props.children,
+                fallback = props.fallback,
+                fallbackAbortSet = new Set();
+              props =
+                2 > task.formatContext.insertionMode
+                  ? createSuspenseBoundary(
+                      request,
+                      fallbackAbortSet,
+                      createPreambleState(),
+                      createPreambleState()
+                    )
+                  : createSuspenseBoundary(
+                      request,
+                      fallbackAbortSet,
+                      null,
+                      null
+                    );
+              props.parentFlushed = !0;
+              props.rootSegmentID = type;
+              task.blockedBoundary = props;
+              task.hoistableState = props.contentState;
               task.keyPath = keyPath;
               task.replay = { nodes: ref, slots: name, pendingTasks: 1 };
               try {
@@ -9945,16 +10072,13 @@
                     "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                   );
                 task.replay.pendingTasks--;
-                if (
-                  0 === resumedBoundary.pendingTasks &&
-                  0 === resumedBoundary.status
-                ) {
-                  resumedBoundary.status = 1;
-                  request.completedBoundaries.push(resumedBoundary);
+                if (0 === props.pendingTasks && 0 === props.status) {
+                  props.status = 1;
+                  request.completedBoundaries.push(props);
                   break a;
                 }
               } catch (error) {
-                (resumedBoundary.status = 4),
+                (props.status = 4),
                   (childNodes = getThrownInfo(task.componentStack)),
                   "object" === typeof error &&
                   null !== error &&
@@ -9972,15 +10096,9 @@
                         childNodes,
                         task.debugTask
                       )),
-                  encodeErrorForBoundary(
-                    resumedBoundary,
-                    replay,
-                    error,
-                    childNodes,
-                    !1
-                  ),
+                  encodeErrorForBoundary(props, replay, error, childNodes, !1),
                   task.replay.pendingTasks--,
-                  request.clientRenderedBoundaries.push(resumedBoundary);
+                  request.clientRenderedBoundaries.push(props);
               } finally {
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
@@ -9991,10 +10109,10 @@
                 request,
                 null,
                 { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
-                props,
+                fallback,
                 -1,
                 parentBoundary,
-                resumedBoundary.fallbackState,
+                props.fallbackState,
                 fallbackAbortSet,
                 [keyPath[0], "Suspense Fallback", keyPath[2]],
                 task.formatContext,
@@ -10526,6 +10644,7 @@
         task.childIndex,
         task.blockedBoundary,
         newSegment,
+        task.blockedPreamble,
         task.hoistableState,
         task.abortSet,
         task.keyPath,
@@ -10743,7 +10862,12 @@
             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 = 4;
@@ -10953,6 +11077,7 @@
     }
     function completeShell(request) {
       null === request.trackedPostpones && safelyEmitEarlyPreloads(request, !0);
+      null === request.trackedPostpones && preparePreamble(request);
       request.onShellError = noop;
       request = request.onShellReady;
       request();
@@ -10965,6 +11090,7 @@
           : null === request.completedRootSegment ||
               5 !== request.completedRootSegment.status
       );
+      preparePreamble(request);
       request = request.onAllReady;
       request();
     }
@@ -11009,7 +11135,11 @@
                     abortTaskSoft,
                     request
                   ),
-                  boundary.fallbackAbortableTasks.clear()))
+                  boundary.fallbackAbortableTasks.clear(),
+                  0 === request.pendingRootTasks &&
+                    null === request.trackedPostpones &&
+                    null !== boundary.contentPreamble &&
+                    preparePreamble(request)))
               : null !== segment &&
                 segment.parentFlushed &&
                 1 === segment.status &&
@@ -11256,7 +11386,11 @@
                             ),
                             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);
                     }
@@ -11285,6 +11419,85 @@
         }
       }
     }
+    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 1:
+          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 5:
+          if (null !== request.trackedPostpones) return !0;
+        case 4:
+          if (1 === segment.status)
+            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) {
@@ -11514,6 +11727,8 @@
             completedRootSegment = request.completedRootSegment;
           if (null !== completedRootSegment) {
             if (5 === completedRootSegment.status) return;
+            var completedPreambleSegments = request.completedPreambleSegments;
+            if (null === completedPreambleSegments) return;
             var renderState = request.renderState;
             if (
               (0 !== request.allPendingTasks ||
@@ -11528,8 +11743,9 @@
                 ((resumableState.scriptResources[src] = null),
                 renderState.scripts.add(chunks));
             }
-            var htmlChunks = renderState.htmlChunks,
-              headChunks = renderState.headChunks,
+            var 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++)
@@ -11592,11 +11808,38 @@
               i$jscomp$0++
             )
               destination.push(hoistableChunks[i$jscomp$0]);
-            hoistableChunks.length = 0;
-            if (htmlChunks && null === headChunks) {
+            for (
+              renderState = hoistableChunks.length = 0;
+              renderState < completedPreambleSegments.length;
+              renderState++
+            ) {
+              var segments = completedPreambleSegments[renderState];
+              for (
+                _renderState$external = 0;
+                _renderState$external < segments.length;
+                _renderState$external++
+              )
+                flushSegment(
+                  request,
+                  destination,
+                  segments[_renderState$external],
+                  null
+                );
+            }
+            var preamble$jscomp$0 = request.renderState.preamble,
+              headChunks$jscomp$0 = preamble$jscomp$0.headChunks;
+            if (preamble$jscomp$0.htmlChunks || headChunks$jscomp$0) {
               var chunk$jscomp$0 = endChunkForTag("head");
               destination.push(chunk$jscomp$0);
             }
+            var bodyChunks = preamble$jscomp$0.bodyChunks;
+            if (bodyChunks)
+              for (
+                completedPreambleSegments = 0;
+                completedPreambleSegments < bodyChunks.length;
+                completedPreambleSegments++
+              )
+                destination.push(bodyChunks[completedPreambleSegments]);
             flushSegment(request, destination, completedRootSegment, null);
             request.completedRootSegment = null;
             writeBootstrap(destination, request.renderState);
@@ -13354,5 +13597,5 @@
         });
       });
     };
-    exports.version = "19.1.0-experimental-d46b04a2-20250117";
+    exports.version = "19.1.0-experimental-18eaf51b-20250118";
   })();