react-dom 19.2.0-canary-d85f86cf-20250514 → 19.2.0-canary-4448b187-20250515

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

@@ -1631,11 +1631,17 @@ var ROOT_HTML_MODE = 0,
   HTML_TABLE_BODY_MODE = 7,
   HTML_TABLE_ROW_MODE = 8,
   HTML_COLGROUP_MODE = 9;
-function createFormatContext(insertionMode, selectedValue, tagScope) {
+function createFormatContext(
+  insertionMode,
+  selectedValue,
+  tagScope,
+  viewTransition
+) {
   return {
     insertionMode: insertionMode,
     selectedValue: selectedValue,
-    tagScope: tagScope
+    tagScope: tagScope,
+    viewTransition: viewTransition
   };
 }
 function createRootFormatContext(namespaceURI) {
@@ -1646,69 +1652,93 @@ function createRootFormatContext(namespaceURI) {
         ? MATHML_MODE
         : ROOT_HTML_MODE,
     null,
-    0
+    0,
+    null
   );
 }
 function getChildFormatContext(parentContext, type, props) {
+  var subtreeScope = parentContext.tagScope & -25;
   switch (type) {
     case "noscript":
-      return createFormatContext(HTML_MODE, null, parentContext.tagScope | 1);
+      return createFormatContext(HTML_MODE, null, subtreeScope | 1, null);
     case "select":
       return createFormatContext(
         HTML_MODE,
         null != props.value ? props.value : props.defaultValue,
-        parentContext.tagScope
+        subtreeScope,
+        null
       );
     case "svg":
-      return createFormatContext(SVG_MODE, null, parentContext.tagScope);
+      return createFormatContext(SVG_MODE, null, subtreeScope, null);
     case "picture":
-      return createFormatContext(HTML_MODE, null, parentContext.tagScope | 2);
+      return createFormatContext(HTML_MODE, null, subtreeScope | 2, null);
     case "math":
-      return createFormatContext(MATHML_MODE, null, parentContext.tagScope);
+      return createFormatContext(MATHML_MODE, null, subtreeScope, null);
     case "foreignObject":
-      return createFormatContext(HTML_MODE, null, parentContext.tagScope);
+      return createFormatContext(HTML_MODE, null, subtreeScope, null);
     case "table":
-      return createFormatContext(HTML_TABLE_MODE, null, parentContext.tagScope);
+      return createFormatContext(HTML_TABLE_MODE, null, subtreeScope, null);
     case "thead":
     case "tbody":
     case "tfoot":
       return createFormatContext(
         HTML_TABLE_BODY_MODE,
         null,
-        parentContext.tagScope
+        subtreeScope,
+        null
       );
     case "colgroup":
-      return createFormatContext(
-        HTML_COLGROUP_MODE,
-        null,
-        parentContext.tagScope
-      );
+      return createFormatContext(HTML_COLGROUP_MODE, null, subtreeScope, null);
     case "tr":
-      return createFormatContext(
-        HTML_TABLE_ROW_MODE,
-        null,
-        parentContext.tagScope
-      );
+      return createFormatContext(HTML_TABLE_ROW_MODE, null, subtreeScope, null);
     case "head":
       if (parentContext.insertionMode < HTML_MODE)
-        return createFormatContext(
-          HTML_HEAD_MODE,
-          null,
-          parentContext.tagScope
-        );
+        return createFormatContext(HTML_HEAD_MODE, null, subtreeScope, null);
       break;
     case "html":
       if (parentContext.insertionMode === ROOT_HTML_MODE)
-        return createFormatContext(
-          HTML_HTML_MODE,
-          null,
-          parentContext.tagScope
-        );
+        return createFormatContext(HTML_HTML_MODE, null, subtreeScope, null);
   }
   return parentContext.insertionMode >= HTML_TABLE_MODE ||
     parentContext.insertionMode < HTML_MODE
-    ? createFormatContext(HTML_MODE, null, parentContext.tagScope)
-    : parentContext;
+    ? createFormatContext(HTML_MODE, null, subtreeScope, null)
+    : parentContext.tagScope !== subtreeScope
+      ? createFormatContext(
+          parentContext.insertionMode,
+          parentContext.selectedValue,
+          subtreeScope,
+          null
+        )
+      : parentContext;
+}
+function getSuspenseViewTransition(parentViewTransition) {
+  return null === parentViewTransition
+    ? null
+    : {
+        update: parentViewTransition.update,
+        enter: null,
+        exit: null,
+        share: parentViewTransition.update,
+        name: parentViewTransition.autoName,
+        autoName: parentViewTransition.autoName,
+        nameIdx: 0
+      };
+}
+function getSuspenseFallbackFormatContext(parentContext) {
+  return createFormatContext(
+    parentContext.insertionMode,
+    parentContext.selectedValue,
+    parentContext.tagScope | 12,
+    getSuspenseViewTransition(parentContext.viewTransition)
+  );
+}
+function getSuspenseContentFormatContext(parentContext) {
+  return createFormatContext(
+    parentContext.insertionMode,
+    parentContext.selectedValue,
+    parentContext.tagScope | 16,
+    getSuspenseViewTransition(parentContext.viewTransition)
+  );
 }
 function pushTextInstance(target, text, renderState, textEmbedded) {
   if ("" === text) return textEmbedded;
@@ -2440,8 +2470,7 @@ function pushStartInstance(
   preambleState,
   hoistableState,
   formatContext,
-  textEmbedded,
-  isFallback
+  textEmbedded
 ) {
   validateProperties$2(type, props);
   ("input" !== type && "textarea" !== type && "select" !== type) ||
@@ -3059,8 +3088,8 @@ function pushStartInstance(
       } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
       return JSCompiler_inline_result$jscomp$3;
     case "title":
-      var insertionMode = formatContext.insertionMode,
-        noscriptTagInScope = !!(formatContext.tagScope & 1);
+      var noscriptTagInScope = formatContext.tagScope & 1,
+        isFallback = formatContext.tagScope & 4;
       if (hasOwnProperty.call(props, "children")) {
         var children$jscomp$6 = props.children,
           child = Array.isArray(children$jscomp$6)
@@ -3089,7 +3118,7 @@ function pushStartInstance(
                   ));
       }
       if (
-        insertionMode === SVG_MODE ||
+        formatContext.insertionMode === SVG_MODE ||
         noscriptTagInScope ||
         null != props.itemProp
       )
@@ -3104,12 +3133,14 @@ function pushStartInstance(
             (JSCompiler_inline_result$jscomp$4 = void 0));
       return JSCompiler_inline_result$jscomp$4;
     case "link":
-      var rel = props.rel,
+      var noscriptTagInScope$jscomp$0 = formatContext.tagScope & 1,
+        isFallback$jscomp$0 = formatContext.tagScope & 4,
+        rel = props.rel,
         href = props.href,
         precedence = props.precedence;
       if (
         formatContext.insertionMode === SVG_MODE ||
-        formatContext.tagScope & 1 ||
+        noscriptTagInScope$jscomp$0 ||
         null != props.itemProp ||
         "string" !== typeof rel ||
         "string" !== typeof href ||
@@ -3207,12 +3238,13 @@ function pushStartInstance(
               props
             ))
           : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-            (JSCompiler_inline_result$jscomp$5 = isFallback
+            (JSCompiler_inline_result$jscomp$5 = isFallback$jscomp$0
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
       return JSCompiler_inline_result$jscomp$5;
     case "script":
-      var asyncProp = props.async;
+      var noscriptTagInScope$jscomp$1 = formatContext.tagScope & 1,
+        asyncProp = props.async;
       if (
         "string" !== typeof props.src ||
         !props.src ||
@@ -3222,7 +3254,7 @@ function pushStartInstance(
         props.onLoad ||
         props.onError ||
         formatContext.insertionMode === SVG_MODE ||
-        formatContext.tagScope & 1 ||
+        noscriptTagInScope$jscomp$1 ||
         null != props.itemProp
       )
         var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
@@ -3259,8 +3291,7 @@ function pushStartInstance(
       }
       return JSCompiler_inline_result$jscomp$6;
     case "style":
-      var insertionMode$jscomp$0 = formatContext.insertionMode,
-        noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
+      var noscriptTagInScope$jscomp$2 = formatContext.tagScope & 1;
       if (hasOwnProperty.call(props, "children")) {
         var children$jscomp$7 = props.children,
           child$jscomp$0 = Array.isArray(children$jscomp$7)
@@ -3283,8 +3314,8 @@ function pushStartInstance(
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
       if (
-        insertionMode$jscomp$0 === SVG_MODE ||
-        noscriptTagInScope$jscomp$0 ||
+        formatContext.insertionMode === SVG_MODE ||
+        noscriptTagInScope$jscomp$2 ||
         null != props.itemProp ||
         "string" !== typeof precedence$jscomp$0 ||
         "string" !== typeof href$jscomp$0 ||
@@ -3393,9 +3424,11 @@ function pushStartInstance(
       }
       return JSCompiler_inline_result$jscomp$7;
     case "meta":
+      var noscriptTagInScope$jscomp$3 = formatContext.tagScope & 1,
+        isFallback$jscomp$1 = formatContext.tagScope & 4;
       if (
         formatContext.insertionMode === SVG_MODE ||
-        formatContext.tagScope & 1 ||
+        noscriptTagInScope$jscomp$3 ||
         null != props.itemProp
       )
         var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
@@ -3405,7 +3438,7 @@ function pushStartInstance(
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-          (JSCompiler_inline_result$jscomp$8 = isFallback
+          (JSCompiler_inline_result$jscomp$8 = isFallback$jscomp$1
             ? null
             : "string" === typeof props.charSet
               ? pushSelfClosing(renderState.charsetChunks, props, "meta")
@@ -3463,17 +3496,18 @@ function pushStartInstance(
         target$jscomp$0.push("\n");
       return children$jscomp$10;
     case "img":
-      var src = props.src,
+      var pictureOrNoScriptTagInScope = formatContext.tagScope & 3,
+        src = props.src,
         srcSet = props.srcSet;
       if (
         !(
           "lazy" === props.loading ||
           (!src && !srcSet) ||
           ("string" !== typeof src && null != src) ||
-          ("string" !== typeof srcSet && null != srcSet)
+          ("string" !== typeof srcSet && null != srcSet) ||
+          "low" === props.fetchPriority ||
+          pictureOrNoScriptTagInScope
         ) &&
-        "low" !== props.fetchPriority &&
-        !1 === !!(formatContext.tagScope & 3) &&
         ("string" !== typeof src ||
           ":" !== src[4] ||
           ("d" !== src[0] && "D" !== src[0]) ||
@@ -5678,7 +5712,6 @@ function createRequest(
     null,
     emptyTreeContext,
     null,
-    !1,
     emptyContextObject,
     null
   );
@@ -5740,7 +5773,6 @@ function createRenderTask(
   context,
   treeContext,
   componentStack,
-  isFallback,
   legacyContext,
   debugTask
 ) {
@@ -5765,8 +5797,7 @@ function createRenderTask(
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState,
-    isFallback: isFallback
+    thenableState: thenableState
   };
   task.debugTask = debugTask;
   abortSet.add(task);
@@ -5786,7 +5817,6 @@ function createReplayTask(
   context,
   treeContext,
   componentStack,
-  isFallback,
   legacyContext,
   debugTask
 ) {
@@ -5812,8 +5842,7 @@ function createReplayTask(
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState,
-    isFallback: isFallback
+    thenableState: thenableState
   };
   task.debugTask = debugTask;
   abortSet.add(task);
@@ -6496,15 +6525,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
         task.blockedPreamble,
         task.hoistableState,
         task.formatContext,
-        segment.lastPushedText,
-        task.isFallback
+        segment.lastPushedText
       );
       segment.lastPushedText = !1;
-      var _prevContext = task.formatContext,
+      var _prevContext2 = task.formatContext,
         _prevKeyPath2 = task.keyPath;
       task.keyPath = keyPath;
       if (
-        (task.formatContext = getChildFormatContext(_prevContext, type, props))
+        (task.formatContext = getChildFormatContext(_prevContext2, type, props))
           .insertionMode === HTML_HEAD_MODE
       ) {
         var preambleSegment = createPendingSegment(
@@ -6531,14 +6559,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
           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.formatContext = _prevContext2;
       task.keyPath = _prevKeyPath2;
       a: {
         var target = segment.chunks,
@@ -6564,19 +6591,19 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (_prevContext.insertionMode <= HTML_HTML_MODE) {
+            if (_prevContext2.insertionMode <= HTML_HTML_MODE) {
               resumableState.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (_prevContext.insertionMode === ROOT_HTML_MODE) {
+            if (_prevContext2.insertionMode === ROOT_HTML_MODE) {
               resumableState.hasHtml = !0;
               break a;
             }
             break;
           case "head":
-            if (_prevContext.insertionMode <= HTML_HTML_MODE) break a;
+            if (_prevContext2.insertionMode <= HTML_HTML_MODE) break a;
         }
         target.push(endChunkForTag(type));
       }
@@ -6624,16 +6651,19 @@ function renderElement(request, task, keyPath, type, props, ref) {
         throw Error("ReactDOMServer does not yet support scope components.");
       case REACT_SUSPENSE_TYPE:
         a: if (null !== task.replay) {
-          var _prevKeyPath = task.keyPath;
+          var _prevKeyPath = task.keyPath,
+            _prevContext = task.formatContext;
           task.keyPath = keyPath;
+          task.formatContext = getSuspenseContentFormatContext(_prevContext);
           var _content = props.children;
           try {
             renderNode(request, task, _content, -1);
           } finally {
-            task.keyPath = _prevKeyPath;
+            (task.keyPath = _prevKeyPath), (task.formatContext = _prevContext);
           }
         } else {
           var prevKeyPath$jscomp$3 = task.keyPath,
+            prevContext$jscomp$0 = task.formatContext,
             parentBoundary = task.blockedBoundary,
             parentPreamble = task.blockedPreamble,
             parentHoistableState = task.hoistableState,
@@ -6687,6 +6717,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.blockedSegment = boundarySegment;
             task.blockedPreamble = newBoundary.fallbackPreamble;
             task.keyPath = fallbackKeyPath;
+            task.formatContext =
+              getSuspenseFallbackFormatContext(prevContext$jscomp$0);
             boundarySegment.status = 6;
             try {
               renderNode(request, task, fallback, -1),
@@ -6703,7 +6735,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             } finally {
               (task.blockedSegment = parentSegment),
                 (task.blockedPreamble = parentPreamble),
-                (task.keyPath = prevKeyPath$jscomp$3);
+                (task.keyPath = prevKeyPath$jscomp$3),
+                (task.formatContext = prevContext$jscomp$0);
             }
             var suspendedPrimaryTask = createRenderTask(
               request,
@@ -6716,11 +6749,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
               newBoundary.contentState,
               task.abortSet,
               keyPath,
-              task.formatContext,
+              getSuspenseContentFormatContext(task.formatContext),
               task.context,
               task.treeContext,
               task.componentStack,
-              task.isFallback,
               emptyContextObject,
               task.debugTask
             );
@@ -6732,6 +6764,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.hoistableState = newBoundary.contentState;
             task.blockedSegment = contentRootSegment;
             task.keyPath = keyPath;
+            task.formatContext =
+              getSuspenseContentFormatContext(prevContext$jscomp$0);
             contentRootSegment.status = 6;
             try {
               if (
@@ -6778,7 +6812,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 (task.blockedPreamble = parentPreamble),
                 (task.hoistableState = parentHoistableState),
                 (task.blockedSegment = parentSegment),
-                (task.keyPath = prevKeyPath$jscomp$3);
+                (task.keyPath = prevKeyPath$jscomp$3),
+                (task.formatContext = prevContext$jscomp$0);
             }
             var suspendedFallbackTask = createRenderTask(
               request,
@@ -6791,11 +6826,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
               newBoundary.fallbackState,
               fallbackAbortSet,
               [keyPath[0], "Suspense Fallback", keyPath[2]],
-              task.formatContext,
+              getSuspenseFallbackFormatContext(task.formatContext),
               task.context,
               task.treeContext,
               task.componentStack,
-              !0,
               emptyContextObject,
               task.debugTask
             );
@@ -6976,9 +7010,9 @@ function replayElement(
               ">. The tree doesn't match so React will fallback to client rendering."
           );
         var childNodes = node[2];
-        node = node[3];
-        name = task.node;
-        task.replay = { nodes: childNodes, slots: node, pendingTasks: 1 };
+        name = node[3];
+        keyOrIndex = task.node;
+        task.replay = { nodes: childNodes, slots: name, pendingTasks: 1 };
         try {
           renderElement(request, task, keyPath, type, props, ref);
           if (1 === task.replay.pendingTasks && 0 < task.replay.nodes.length)
@@ -6992,21 +7026,21 @@ function replayElement(
             null !== x &&
             (x === SuspenseException || "function" === typeof x.then)
           )
-            throw (task.node === name && (task.replay = replay), x);
+            throw (task.node === keyOrIndex && (task.replay = replay), x);
           task.replay.pendingTasks--;
           type = getThrownInfo(task.componentStack);
           props = request;
           request = task.blockedBoundary;
           keyPath = x;
-          ref = node;
-          node = logRecoverableError(props, keyPath, type, task.debugTask);
+          ref = name;
+          name = logRecoverableError(props, keyPath, type, task.debugTask);
           abortRemainingReplayNodes(
             props,
             request,
             childNodes,
             ref,
             keyPath,
-            node,
+            name,
             type,
             !1
           );
@@ -7021,12 +7055,13 @@ function replayElement(
           );
         a: {
           replay = void 0;
-          type = node[5];
-          ref = node[2];
-          name = node[3];
+          name = node[5];
+          type = node[2];
+          ref = node[3];
           keyOrIndex = null === node[4] ? [] : node[4][2];
           node = null === node[4] ? null : node[4][3];
           var prevKeyPath = task.keyPath,
+            prevContext = task.formatContext,
             previousReplaySet = task.replay,
             parentBoundary = task.blockedBoundary,
             parentHoistableState = task.hoistableState,
@@ -7043,11 +7078,12 @@ function replayElement(
                 )
               : createSuspenseBoundary(request, fallbackAbortSet, null, null);
           props.parentFlushed = !0;
-          props.rootSegmentID = type;
+          props.rootSegmentID = name;
           task.blockedBoundary = props;
           task.hoistableState = props.contentState;
           task.keyPath = keyPath;
-          task.replay = { nodes: ref, slots: name, pendingTasks: 1 };
+          task.formatContext = getSuspenseContentFormatContext(prevContext);
+          task.replay = { nodes: type, slots: ref, pendingTasks: 1 };
           try {
             renderNode(request, task, content, -1);
             if (1 === task.replay.pendingTasks && 0 < task.replay.nodes.length)
@@ -7076,7 +7112,8 @@ function replayElement(
             (task.blockedBoundary = parentBoundary),
               (task.hoistableState = parentHoistableState),
               (task.replay = previousReplaySet),
-              (task.keyPath = prevKeyPath);
+              (task.keyPath = prevKeyPath),
+              (task.formatContext = prevContext);
           }
           props = createReplayTask(
             request,
@@ -7088,11 +7125,10 @@ function replayElement(
             props.fallbackState,
             fallbackAbortSet,
             [keyPath[0], "Suspense Fallback", keyPath[2]],
-            task.formatContext,
+            getSuspenseFallbackFormatContext(task.formatContext),
             task.context,
             task.treeContext,
             task.componentStack,
-            !0,
             emptyContextObject,
             task.debugTask
           );
@@ -7464,7 +7500,6 @@ function spawnNewSuspendedReplayTask(request, task, thenableState) {
     task.context,
     task.treeContext,
     task.componentStack,
-    task.isFallback,
     emptyContextObject,
     task.debugTask
   );
@@ -7496,7 +7531,6 @@ function spawnNewSuspendedRenderTask(request, task, thenableState) {
     task.context,
     task.treeContext,
     task.componentStack,
-    task.isFallback,
     emptyContextObject,
     task.debugTask
   );
@@ -8737,15 +8771,15 @@ function abort(request, reason) {
       fatalError(request, error$4, reason, null);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_747 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_761 = React.version;
 if (
-  "19.2.0-canary-d85f86cf-20250514" !==
-  isomorphicReactPackageVersion$jscomp$inline_747
+  "19.2.0-canary-4448b187-20250515" !==
+  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_747 +
-        "\n  - react-dom:  19.2.0-canary-d85f86cf-20250514\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_761 +
+        "\n  - react-dom:  19.2.0-canary-4448b187-20250515\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -8838,4 +8872,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request$jscomp$0);
   });
 };
-exports.version = "19.2.0-canary-d85f86cf-20250514";
+exports.version = "19.2.0-canary-4448b187-20250515";