react-markup 0.0.0-experimental-b07717d8-20250528 → 0.0.0-experimental-14094f80-20250529

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

@@ -5598,10 +5598,17 @@
       onHeaders,
       maxHeadersLength
     ) {
-      var inlineScriptWithNonce =
-          void 0 === nonce
+      var nonceScript =
+          "string" === typeof nonce ? nonce : nonce && nonce.script,
+        inlineScriptWithNonce =
+          void 0 === nonceScript
             ? "<script"
-            : '<script nonce="' + escapeTextForBrowser(nonce) + '"',
+            : '<script nonce="' + escapeTextForBrowser(nonceScript) + '"',
+        nonceStyle = "string" === typeof nonce ? void 0 : nonce && nonce.style,
+        inlineStyleWithNonce =
+          void 0 === nonceStyle
+            ? "<style"
+            : '<style nonce="' + escapeTextForBrowser(nonceStyle) + '"',
         idPrefix = resumableState.idPrefix,
         bootstrapChunks = [],
         externalRuntimeScript = null,
@@ -5626,7 +5633,7 @@
               src: externalRuntimeConfig,
               async: !0,
               integrity: void 0,
-              nonce: nonce
+              nonce: nonceScript
             }))
           : ((externalRuntimeScript = {
               src: externalRuntimeConfig.src,
@@ -5636,7 +5643,7 @@
               src: externalRuntimeConfig.src,
               async: !0,
               integrity: externalRuntimeConfig.integrity,
-              nonce: nonce
+              nonce: nonceScript
             })));
       externalRuntimeConfig = [];
       void 0 !== importMap &&
@@ -5667,6 +5674,7 @@
         segmentPrefix: idPrefix + "S:",
         boundaryPrefix: idPrefix + "B:",
         startInlineScript: inlineScriptWithNonce,
+        startInlineStyle: inlineStyleWithNonce,
         preamble: createPreambleState(),
         externalRuntimeScript: externalRuntimeScript,
         bootstrapChunks: bootstrapChunks,
@@ -5696,7 +5704,7 @@
           scripts: new Map(),
           moduleScripts: new Map()
         },
-        nonce: nonce,
+        nonce: { script: nonceScript, style: nonceStyle },
         hoistableState: null,
         stylesToHoist: !1
       };
@@ -5706,113 +5714,109 @@
           inlineScriptWithNonce < bootstrapScripts.length;
           inlineScriptWithNonce++
         )
-          (idPrefix = bootstrapScripts[inlineScriptWithNonce]),
-            (maxHeadersLength = importMap = void 0),
-            (externalRuntimeConfig = {
+          (nonceStyle = bootstrapScripts[inlineScriptWithNonce]),
+            (externalRuntimeScript = idPrefix = void 0),
+            (importMap = {
               rel: "preload",
               as: "script",
               fetchPriority: "low",
               nonce: nonce
             }),
-            "string" === typeof idPrefix
-              ? (externalRuntimeConfig.href = externalRuntimeScript = idPrefix)
-              : ((externalRuntimeConfig.href = externalRuntimeScript =
-                  idPrefix.src),
-                (externalRuntimeConfig.integrity = maxHeadersLength =
-                  "string" === typeof idPrefix.integrity
-                    ? idPrefix.integrity
+            "string" === typeof nonceStyle
+              ? (importMap.href = inlineStyleWithNonce = nonceStyle)
+              : ((importMap.href = inlineStyleWithNonce = nonceStyle.src),
+                (importMap.integrity = externalRuntimeScript =
+                  "string" === typeof nonceStyle.integrity
+                    ? nonceStyle.integrity
                     : void 0),
-                (externalRuntimeConfig.crossOrigin = importMap =
-                  "string" === typeof idPrefix || null == idPrefix.crossOrigin
+                (importMap.crossOrigin = idPrefix =
+                  "string" === typeof nonceStyle ||
+                  null == nonceStyle.crossOrigin
                     ? void 0
-                    : "use-credentials" === idPrefix.crossOrigin
+                    : "use-credentials" === nonceStyle.crossOrigin
                       ? "use-credentials"
                       : "")),
             preloadBootstrapScriptOrModule(
               resumableState,
               onHeaders,
-              externalRuntimeScript,
-              externalRuntimeConfig
+              inlineStyleWithNonce,
+              importMap
             ),
             bootstrapChunks.push(
               '<script src="',
-              escapeTextForBrowser(externalRuntimeScript),
+              escapeTextForBrowser(inlineStyleWithNonce),
               attributeEnd
             ),
-            nonce &&
+            nonceScript &&
               bootstrapChunks.push(
                 ' nonce="',
-                escapeTextForBrowser(nonce),
+                escapeTextForBrowser(nonceScript),
                 attributeEnd
               ),
-            "string" === typeof maxHeadersLength &&
+            "string" === typeof externalRuntimeScript &&
               bootstrapChunks.push(
                 ' integrity="',
-                escapeTextForBrowser(maxHeadersLength),
+                escapeTextForBrowser(externalRuntimeScript),
                 attributeEnd
               ),
-            "string" === typeof importMap &&
+            "string" === typeof idPrefix &&
               bootstrapChunks.push(
                 ' crossorigin="',
-                escapeTextForBrowser(importMap),
+                escapeTextForBrowser(idPrefix),
                 attributeEnd
               ),
             pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
             bootstrapChunks.push(' async="">\x3c/script>');
       if (void 0 !== bootstrapModules)
-        for (
-          bootstrapScripts = 0;
-          bootstrapScripts < bootstrapModules.length;
-          bootstrapScripts++
-        )
-          (inlineScriptWithNonce = bootstrapModules[bootstrapScripts]),
-            (importMap = externalRuntimeScript = void 0),
-            (maxHeadersLength = {
+        for (nonce = 0; nonce < bootstrapModules.length; nonce++)
+          (bootstrapScripts = bootstrapModules[nonce]),
+            (inlineStyleWithNonce = nonceStyle = void 0),
+            (idPrefix = {
               rel: "modulepreload",
               fetchPriority: "low",
-              nonce: nonce
+              nonce: nonceScript
             }),
-            "string" === typeof inlineScriptWithNonce
-              ? (maxHeadersLength.href = idPrefix = inlineScriptWithNonce)
-              : ((maxHeadersLength.href = idPrefix = inlineScriptWithNonce.src),
-                (maxHeadersLength.integrity = importMap =
-                  "string" === typeof inlineScriptWithNonce.integrity
-                    ? inlineScriptWithNonce.integrity
+            "string" === typeof bootstrapScripts
+              ? (idPrefix.href = inlineScriptWithNonce = bootstrapScripts)
+              : ((idPrefix.href = inlineScriptWithNonce = bootstrapScripts.src),
+                (idPrefix.integrity = inlineStyleWithNonce =
+                  "string" === typeof bootstrapScripts.integrity
+                    ? bootstrapScripts.integrity
                     : void 0),
-                (maxHeadersLength.crossOrigin = externalRuntimeScript =
-                  "string" === typeof inlineScriptWithNonce ||
-                  null == inlineScriptWithNonce.crossOrigin
+                (idPrefix.crossOrigin = nonceStyle =
+                  "string" === typeof bootstrapScripts ||
+                  null == bootstrapScripts.crossOrigin
                     ? void 0
-                    : "use-credentials" === inlineScriptWithNonce.crossOrigin
+                    : "use-credentials" === bootstrapScripts.crossOrigin
                       ? "use-credentials"
                       : "")),
             preloadBootstrapScriptOrModule(
               resumableState,
               onHeaders,
-              idPrefix,
-              maxHeadersLength
+              inlineScriptWithNonce,
+              idPrefix
             ),
             bootstrapChunks.push(
               '<script type="module" src="',
-              escapeTextForBrowser(idPrefix),
+              escapeTextForBrowser(inlineScriptWithNonce),
               attributeEnd
             ),
-            nonce &&
+            nonceScript &&
               bootstrapChunks.push(
                 ' nonce="',
-                escapeTextForBrowser(nonce),
+                escapeTextForBrowser(nonceScript),
                 attributeEnd
               ),
-            "string" === typeof importMap &&
+            "string" === typeof inlineStyleWithNonce &&
               bootstrapChunks.push(
                 ' integrity="',
-                escapeTextForBrowser(importMap),
+                escapeTextForBrowser(inlineStyleWithNonce),
                 attributeEnd
               ),
-            "string" === typeof externalRuntimeScript &&
+            "string" === typeof nonceStyle &&
               bootstrapChunks.push(
                 ' crossorigin="',
-                escapeTextForBrowser(externalRuntimeScript),
+                escapeTextForBrowser(nonceStyle),
                 attributeEnd
               ),
             pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
@@ -7573,7 +7577,8 @@
               );
           }
           var precedence$jscomp$0 = props.precedence,
-            href$jscomp$0 = props.href;
+            href$jscomp$0 = props.href,
+            nonce = props.nonce;
           if (
             4 === formatContext.insertionMode ||
             noscriptTagInScope$jscomp$2 ||
@@ -7642,47 +7647,64 @@
                   '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(
+              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,
-                    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);
+                    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 &&
@@ -8195,7 +8217,8 @@
         );
       var i = 0;
       if (hrefs.length) {
-        this.push('<style media="not all" data-precedence="');
+        this.push(currentlyFlushingRenderState.startInlineStyle);
+        this.push(' media="not all" data-precedence="');
         this.push(styleQueue.precedence);
         for (this.push('" data-href="'); i < hrefs.length - 1; i++)
           this.push(hrefs[i]), this.push(spaceSeparator);
@@ -8220,7 +8243,9 @@
     ) {
       currentlyRenderingBoundaryHasStylesToHoist = !1;
       destinationHasCapacity = !0;
+      currentlyFlushingRenderState = renderState;
       hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination);
+      currentlyFlushingRenderState = null;
       hoistableState.stylesheets.forEach(hasStylesToHoist);
       currentlyRenderingBoundaryHasStylesToHoist &&
         (renderState.stylesToHoist = !0);
@@ -8244,7 +8269,8 @@
       var rules = styleQueue.rules,
         hrefs = styleQueue.hrefs;
       if (!hasStylesheets || hrefs.length) {
-        this.push('<style data-precedence="');
+        this.push(currentlyFlushingRenderState.startInlineStyle);
+        this.push(' data-precedence="');
         this.push(styleQueue.precedence);
         styleQueue = 0;
         if (hrefs.length) {
@@ -12787,7 +12813,9 @@
             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;
@@ -14170,7 +14198,8 @@
       }),
       PRELOAD_NO_CREDS = [];
     Object.freeze(PRELOAD_NO_CREDS);
-    var scriptRegex = /(<\/|<)(s)(cript)/gi;
+    var currentlyFlushingRenderState = null,
+      scriptRegex = /(<\/|<)(s)(cript)/gi;
     var didWarnForNewBooleanPropsWithEmptyValue = {};
     var styleNameCache = new Map(),
       styleAttributeStart = ' style="',
@@ -14605,5 +14634,5 @@
         });
       });
     };
-    exports.version = "19.2.0-experimental-b07717d8-20250528";
+    exports.version = "19.2.0-experimental-14094f80-20250529";
   })();