react-dom 19.2.0-canary-b07717d8-20250528 → 19.2.0-canary-14094f80-20250529

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

@@ -1386,7 +1386,8 @@ var NothingSent = 0,
   EXISTS = null,
   PRELOAD_NO_CREDS = [];
 Object.freeze(PRELOAD_NO_CREDS);
-var endInlineScript = "\x3c/script>";
+var currentlyFlushingRenderState = null,
+  endInlineScript = "\x3c/script>";
 function escapeEntireInlineScriptContent(scriptText) {
   checkHtmlStringCoercion(scriptText);
   return ("" + scriptText).replace(scriptRegex, scriptReplacer);
@@ -1405,19 +1406,26 @@ function createRenderState(
   onHeaders,
   maxHeadersLength
 ) {
+  externalRuntimeConfig =
+    "string" === typeof nonce ? nonce : nonce && nonce.script;
   var inlineScriptWithNonce =
-      void 0 === nonce
+      void 0 === externalRuntimeConfig
         ? "<script"
-        : '<script nonce="' + escapeTextForBrowser(nonce) + '"',
-    idPrefix = resumableState.idPrefix;
-  externalRuntimeConfig = [];
-  var bootstrapScriptContent = resumableState.bootstrapScriptContent,
+        : '<script nonce="' + escapeTextForBrowser(externalRuntimeConfig) + '"',
+    nonceStyle = "string" === typeof nonce ? void 0 : nonce && nonce.style,
+    inlineStyleWithNonce =
+      void 0 === nonceStyle
+        ? "<style"
+        : '<style nonce="' + escapeTextForBrowser(nonceStyle) + '"',
+    idPrefix = resumableState.idPrefix,
+    bootstrapChunks = [],
+    bootstrapScriptContent = resumableState.bootstrapScriptContent,
     bootstrapScripts = resumableState.bootstrapScripts,
     bootstrapModules = resumableState.bootstrapModules;
   void 0 !== bootstrapScriptContent &&
-    (externalRuntimeConfig.push(inlineScriptWithNonce),
-    pushCompletedShellIdAttribute(externalRuntimeConfig, resumableState),
-    externalRuntimeConfig.push(
+    (bootstrapChunks.push(inlineScriptWithNonce),
+    pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
+    bootstrapChunks.push(
       endOfStartTag,
       escapeEntireInlineScriptContent(bootstrapScriptContent),
       endInlineScript
@@ -1450,9 +1458,10 @@ function createRenderState(
     segmentPrefix: idPrefix + "S:",
     boundaryPrefix: idPrefix + "B:",
     startInlineScript: inlineScriptWithNonce,
+    startInlineStyle: inlineStyleWithNonce,
     preamble: createPreambleState(),
     externalRuntimeScript: null,
-    bootstrapChunks: externalRuntimeConfig,
+    bootstrapChunks: bootstrapChunks,
     importMapChunks: bootstrapScriptContent,
     onHeaders: onHeaders,
     headers: importMap,
@@ -1479,123 +1488,119 @@ function createRenderState(
       scripts: new Map(),
       moduleScripts: new Map()
     },
-    nonce: nonce,
+    nonce: { script: externalRuntimeConfig, style: nonceStyle },
     hoistableState: null,
     stylesToHoist: !1
   };
   if (void 0 !== bootstrapScripts)
-    for (importMap = 0; importMap < bootstrapScripts.length; importMap++) {
-      maxHeadersLength = bootstrapScripts[importMap];
-      bootstrapScriptContent = idPrefix = void 0;
-      var props = {
-        rel: "preload",
-        as: "script",
-        fetchPriority: "low",
-        nonce: nonce
-      };
-      "string" === typeof maxHeadersLength
-        ? (props.href = inlineScriptWithNonce = maxHeadersLength)
-        : ((props.href = inlineScriptWithNonce = maxHeadersLength.src),
-          (props.integrity = bootstrapScriptContent =
-            "string" === typeof maxHeadersLength.integrity
-              ? maxHeadersLength.integrity
-              : void 0),
-          (props.crossOrigin = idPrefix =
-            "string" === typeof maxHeadersLength ||
-            null == maxHeadersLength.crossOrigin
-              ? void 0
-              : "use-credentials" === maxHeadersLength.crossOrigin
-                ? "use-credentials"
-                : ""));
-      preloadBootstrapScriptOrModule(
-        resumableState,
-        onHeaders,
-        inlineScriptWithNonce,
-        props
-      );
-      externalRuntimeConfig.push(
-        '<script src="',
-        escapeTextForBrowser(inlineScriptWithNonce),
-        attributeEnd
-      );
-      nonce &&
-        externalRuntimeConfig.push(
-          ' nonce="',
-          escapeTextForBrowser(nonce),
-          attributeEnd
-        );
-      "string" === typeof bootstrapScriptContent &&
-        externalRuntimeConfig.push(
-          ' integrity="',
-          escapeTextForBrowser(bootstrapScriptContent),
-          attributeEnd
-        );
-      "string" === typeof idPrefix &&
-        externalRuntimeConfig.push(
-          ' crossorigin="',
-          escapeTextForBrowser(idPrefix),
+    for (importMap = 0; importMap < bootstrapScripts.length; importMap++)
+      (maxHeadersLength = bootstrapScripts[importMap]),
+        (inlineStyleWithNonce = nonceStyle = void 0),
+        (idPrefix = {
+          rel: "preload",
+          as: "script",
+          fetchPriority: "low",
+          nonce: nonce
+        }),
+        "string" === typeof maxHeadersLength
+          ? (idPrefix.href = inlineScriptWithNonce = maxHeadersLength)
+          : ((idPrefix.href = inlineScriptWithNonce = maxHeadersLength.src),
+            (idPrefix.integrity = inlineStyleWithNonce =
+              "string" === typeof maxHeadersLength.integrity
+                ? maxHeadersLength.integrity
+                : void 0),
+            (idPrefix.crossOrigin = nonceStyle =
+              "string" === typeof maxHeadersLength ||
+              null == maxHeadersLength.crossOrigin
+                ? void 0
+                : "use-credentials" === maxHeadersLength.crossOrigin
+                  ? "use-credentials"
+                  : "")),
+        preloadBootstrapScriptOrModule(
+          resumableState,
+          onHeaders,
+          inlineScriptWithNonce,
+          idPrefix
+        ),
+        bootstrapChunks.push(
+          '<script src="',
+          escapeTextForBrowser(inlineScriptWithNonce),
           attributeEnd
-        );
-      pushCompletedShellIdAttribute(externalRuntimeConfig, resumableState);
-      externalRuntimeConfig.push(' async="">\x3c/script>');
-    }
+        ),
+        externalRuntimeConfig &&
+          bootstrapChunks.push(
+            ' nonce="',
+            escapeTextForBrowser(externalRuntimeConfig),
+            attributeEnd
+          ),
+        "string" === typeof inlineStyleWithNonce &&
+          bootstrapChunks.push(
+            ' integrity="',
+            escapeTextForBrowser(inlineStyleWithNonce),
+            attributeEnd
+          ),
+        "string" === typeof nonceStyle &&
+          bootstrapChunks.push(
+            ' crossorigin="',
+            escapeTextForBrowser(nonceStyle),
+            attributeEnd
+          ),
+        pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
+        bootstrapChunks.push(' async="">\x3c/script>');
   if (void 0 !== bootstrapModules)
-    for (
-      bootstrapScripts = 0;
-      bootstrapScripts < bootstrapModules.length;
-      bootstrapScripts++
-    )
-      (importMap = bootstrapModules[bootstrapScripts]),
-        (idPrefix = inlineScriptWithNonce = void 0),
-        (bootstrapScriptContent = {
+    for (nonce = 0; nonce < bootstrapModules.length; nonce++)
+      (bootstrapScripts = bootstrapModules[nonce]),
+        (inlineScriptWithNonce = maxHeadersLength = void 0),
+        (nonceStyle = {
           rel: "modulepreload",
           fetchPriority: "low",
-          nonce: nonce
+          nonce: externalRuntimeConfig
         }),
-        "string" === typeof importMap
-          ? (bootstrapScriptContent.href = maxHeadersLength = importMap)
-          : ((bootstrapScriptContent.href = maxHeadersLength = importMap.src),
-            (bootstrapScriptContent.integrity = idPrefix =
-              "string" === typeof importMap.integrity
-                ? importMap.integrity
+        "string" === typeof bootstrapScripts
+          ? (nonceStyle.href = importMap = bootstrapScripts)
+          : ((nonceStyle.href = importMap = bootstrapScripts.src),
+            (nonceStyle.integrity = inlineScriptWithNonce =
+              "string" === typeof bootstrapScripts.integrity
+                ? bootstrapScripts.integrity
                 : void 0),
-            (bootstrapScriptContent.crossOrigin = inlineScriptWithNonce =
-              "string" === typeof importMap || null == importMap.crossOrigin
+            (nonceStyle.crossOrigin = maxHeadersLength =
+              "string" === typeof bootstrapScripts ||
+              null == bootstrapScripts.crossOrigin
                 ? void 0
-                : "use-credentials" === importMap.crossOrigin
+                : "use-credentials" === bootstrapScripts.crossOrigin
                   ? "use-credentials"
                   : "")),
         preloadBootstrapScriptOrModule(
           resumableState,
           onHeaders,
-          maxHeadersLength,
-          bootstrapScriptContent
+          importMap,
+          nonceStyle
         ),
-        externalRuntimeConfig.push(
+        bootstrapChunks.push(
           '<script type="module" src="',
-          escapeTextForBrowser(maxHeadersLength),
+          escapeTextForBrowser(importMap),
           attributeEnd
         ),
-        nonce &&
-          externalRuntimeConfig.push(
+        externalRuntimeConfig &&
+          bootstrapChunks.push(
             ' nonce="',
-            escapeTextForBrowser(nonce),
+            escapeTextForBrowser(externalRuntimeConfig),
             attributeEnd
           ),
-        "string" === typeof idPrefix &&
-          externalRuntimeConfig.push(
+        "string" === typeof inlineScriptWithNonce &&
+          bootstrapChunks.push(
             ' integrity="',
-            escapeTextForBrowser(idPrefix),
+            escapeTextForBrowser(inlineScriptWithNonce),
             attributeEnd
           ),
-        "string" === typeof inlineScriptWithNonce &&
-          externalRuntimeConfig.push(
+        "string" === typeof maxHeadersLength &&
+          bootstrapChunks.push(
             ' crossorigin="',
-            escapeTextForBrowser(inlineScriptWithNonce),
+            escapeTextForBrowser(maxHeadersLength),
             attributeEnd
           ),
-        pushCompletedShellIdAttribute(externalRuntimeConfig, resumableState),
-        externalRuntimeConfig.push(' async="">\x3c/script>');
+        pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
+        bootstrapChunks.push(' async="">\x3c/script>');
   return onHeaders;
 }
 function createResumableState(
@@ -3323,7 +3328,8 @@ function pushStartInstance(
           );
       }
       var precedence$jscomp$0 = props.precedence,
-        href$jscomp$0 = props.href;
+        href$jscomp$0 = props.href,
+        nonce = props.nonce;
       if (
         formatContext.insertionMode === SVG_MODE ||
         noscriptTagInScope$jscomp$2 ||
@@ -3388,44 +3394,59 @@ function pushStartInstance(
               'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
               href$jscomp$0
             );
-          styleQueue$jscomp$0
-            ? styleQueue$jscomp$0.hrefs.push(
-                escapeTextForBrowser(href$jscomp$0)
-              )
-            : ((styleQueue$jscomp$0 = {
-                precedence: escapeTextForBrowser(precedence$jscomp$0),
-                rules: [],
-                hrefs: [escapeTextForBrowser(href$jscomp$0)],
-                sheets: new Map()
-              }),
-              renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
-          var target = styleQueue$jscomp$0.rules,
-            children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
-                  case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
-                    break;
-                  case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
-                }
-            }
-          var child$jscomp$2 = Array.isArray(children$jscomp$9)
-            ? 2 > children$jscomp$9.length
-              ? children$jscomp$9[0]
-              : null
-            : children$jscomp$9;
-          "function" !== typeof child$jscomp$2 &&
-            "symbol" !== typeof child$jscomp$2 &&
-            null !== child$jscomp$2 &&
-            void 0 !== child$jscomp$2 &&
-            target.push(escapeStyleTextContent(child$jscomp$2));
-          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
+          styleQueue$jscomp$0 ||
+            ((styleQueue$jscomp$0 = {
+              precedence: escapeTextForBrowser(precedence$jscomp$0),
+              rules: [],
+              hrefs: [],
+              sheets: new Map()
+            }),
+            renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
+          var nonceStyle = renderState.nonce.style;
+          if (nonceStyle && nonceStyle !== nonce)
+            console.error(
+              'React encountered a style tag with `precedence` "%s" and `nonce` "%s". When React manages style rules using `precedence` it will only include rules if the nonce matches the style nonce "%s" that was included with this render.',
+              precedence$jscomp$0,
+              nonce,
+              nonceStyle
+            );
+          else {
+            !nonceStyle &&
+              nonce &&
+              console.error(
+                'React encountered a style tag with `precedence` "%s" and `nonce` "%s". When React manages style rules using `precedence` it will only include a nonce attributes if you also provide the same style nonce value as a render option.',
+                precedence$jscomp$0,
+                nonce
+              );
+            styleQueue$jscomp$0.hrefs.push(escapeTextForBrowser(href$jscomp$0));
+            var target = styleQueue$jscomp$0.rules,
+              children$jscomp$9 = null,
+              innerHTML$jscomp$6 = null,
+              propKey$jscomp$9;
+            for (propKey$jscomp$9 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                var propValue$jscomp$9 = props[propKey$jscomp$9];
+                if (null != propValue$jscomp$9)
+                  switch (propKey$jscomp$9) {
+                    case "children":
+                      children$jscomp$9 = propValue$jscomp$9;
+                      break;
+                    case "dangerouslySetInnerHTML":
+                      innerHTML$jscomp$6 = propValue$jscomp$9;
+                  }
+              }
+            var child$jscomp$2 = Array.isArray(children$jscomp$9)
+              ? 2 > children$jscomp$9.length
+                ? children$jscomp$9[0]
+                : null
+              : children$jscomp$9;
+            "function" !== typeof child$jscomp$2 &&
+              "symbol" !== typeof child$jscomp$2 &&
+              null !== child$jscomp$2 &&
+              void 0 !== child$jscomp$2 &&
+              target.push(escapeStyleTextContent(child$jscomp$2));
+            pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
+          }
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
@@ -3949,7 +3970,7 @@ function escapeJSObjectForInstructionScripts(input) {
     }
   );
 }
-var lateStyleTagResourceOpen1 = '<style media="not all" data-precedence="',
+var lateStyleTagResourceOpen1 = ' media="not all" data-precedence="',
   lateStyleTagResourceOpen2 = '" data-href="',
   lateStyleTagResourceOpen3 = '">',
   lateStyleTagTemplateClose = "</style>",
@@ -3965,6 +3986,7 @@ function flushStyleTagsLateForBoundary(styleQueue) {
     );
   var i = 0;
   if (hrefs.length) {
+    writeChunk(this, currentlyFlushingRenderState.startInlineStyle);
     writeChunk(this, lateStyleTagResourceOpen1);
     writeChunk(this, styleQueue.precedence);
     for (writeChunk(this, lateStyleTagResourceOpen2); i < hrefs.length - 1; i++)
@@ -3986,7 +4008,9 @@ function hasStylesToHoist(stylesheet) {
 function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   currentlyRenderingBoundaryHasStylesToHoist = !1;
   destinationHasCapacity = !0;
+  currentlyFlushingRenderState = renderState;
   hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination);
+  currentlyFlushingRenderState = null;
   hoistableState.stylesheets.forEach(hasStylesToHoist);
   currentlyRenderingBoundaryHasStylesToHoist &&
     (renderState.stylesToHoist = !0);
@@ -4004,7 +4028,7 @@ function flushStyleInPreamble(stylesheet) {
   stylesheetFlushingQueue.length = 0;
   stylesheet.state = PREAMBLE;
 }
-var styleTagResourceOpen1 = '<style data-precedence="',
+var styleTagResourceOpen1 = ' data-precedence="',
   styleTagResourceOpen2 = '" data-href="',
   spaceSeparator = " ",
   styleTagResourceOpen3 = '">',
@@ -4016,6 +4040,7 @@ function flushStylesInPreamble(styleQueue) {
   var rules = styleQueue.rules,
     hrefs = styleQueue.hrefs;
   if (!hasStylesheets || hrefs.length) {
+    writeChunk(this, currentlyFlushingRenderState.startInlineStyle);
     writeChunk(this, styleTagResourceOpen1);
     writeChunk(this, styleQueue.precedence);
     styleQueue = 0;
@@ -8895,7 +8920,9 @@ function flushCompletedQueues(request, destination) {
         renderState.fontPreloads.clear();
         renderState.highImagePreloads.forEach(flushResource, destination);
         renderState.highImagePreloads.clear();
+        currentlyFlushingRenderState = renderState;
         renderState.styles.forEach(flushStylesInPreamble, destination);
+        currentlyFlushingRenderState = null;
         var importMapChunks = renderState.importMapChunks;
         for (i$jscomp$0 = 0; i$jscomp$0 < importMapChunks.length; i$jscomp$0++)
           writeChunk(destination, importMapChunks[i$jscomp$0]);
@@ -9221,15 +9248,15 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) {
     parentNode[2].push(node);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_759 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_761 = React.version;
 if (
-  "19.2.0-canary-b07717d8-20250528" !==
-  isomorphicReactPackageVersion$jscomp$inline_759
+  "19.2.0-canary-14094f80-20250529" !==
+  isomorphicReactPackageVersion$jscomp$inline_761
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
-      (isomorphicReactPackageVersion$jscomp$inline_759 +
-        "\n  - react-dom:  19.2.0-canary-b07717d8-20250528\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_761 +
+        "\n  - react-dom:  19.2.0-canary-14094f80-20250529\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -9322,4 +9349,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request$jscomp$0);
   });
 };
-exports.version = "19.2.0-canary-b07717d8-20250528";
+exports.version = "19.2.0-canary-14094f80-20250529";