react-server-dom-webpack 18.3.0-canary-a870b2d54-20240314 → 18.3.0-canary-4b84f1161-20240318

package/umd/react-server-dom-webpack-client.browser.development.js

@@ -30,48 +30,6 @@
     return decoder.decode(buffer);
   }
 
-  var badgeFormat = '%c%s%c '; // Same badge styling as DevTools.
-
-  var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
-  // we use a transparent background.
-  'background: #e6e6e6;' + 'background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));' + 'color: #000000;' + 'color: light-dark(#000000, #ffffff);' + 'border-radius: 2px';
-  var resetStyle = '';
-  var pad = ' ';
-  function printToConsole(methodName, args, badgeName) {
-    var offset = 0;
-
-    switch (methodName) {
-      case 'dir':
-      case 'dirxml':
-      case 'groupEnd':
-      case 'table':
-        {
-          // These methods cannot be colorized because they don't take a formatting string.
-          // eslint-disable-next-line react-internal/no-production-logging
-          console[methodName].apply(console, args);
-          return;
-        }
-
-      case 'assert':
-        {
-          // assert takes formatting options as the second argument.
-          offset = 1;
-        }
-    }
-
-    var newArgs = args.slice(0);
-
-    if (typeof newArgs[offset] === 'string') {
-      newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
-    } else {
-      newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
-    } // eslint-disable-next-line react-internal/no-production-logging
-
-
-    console[methodName].apply(console, newArgs);
-    return;
-  }
-
   // This is the parsed shape of the wire format which is why it is
   // condensed to only the essentialy information
   var ID = 0;
@@ -244,118 +202,120 @@
   var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
   // This client file is in the shared folder because it applies to both SSR and browser contexts.
-  var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.ReactDOMCurrentDispatcher;
+  var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
   function dispatchHint(code, model) {
     var dispatcher = ReactDOMCurrentDispatcher.current;
 
-    switch (code) {
-      case 'D':
-        {
-          var refined = refineModel(code, model);
-          var href = refined;
-          dispatcher.prefetchDNS(href);
-          return;
-        }
+    if (dispatcher) {
+      switch (code) {
+        case 'D':
+          {
+            var refined = refineModel(code, model);
+            var href = refined;
+            dispatcher.prefetchDNS(href);
+            return;
+          }
 
-      case 'C':
-        {
-          var _refined = refineModel(code, model);
+        case 'C':
+          {
+            var _refined = refineModel(code, model);
 
-          if (typeof _refined === 'string') {
-            var _href = _refined;
-            dispatcher.preconnect(_href);
-          } else {
-            var _href2 = _refined[0];
-            var crossOrigin = _refined[1];
-            dispatcher.preconnect(_href2, crossOrigin);
+            if (typeof _refined === 'string') {
+              var _href = _refined;
+              dispatcher.preconnect(_href);
+            } else {
+              var _href2 = _refined[0];
+              var crossOrigin = _refined[1];
+              dispatcher.preconnect(_href2, crossOrigin);
+            }
+
+            return;
           }
 
-          return;
-        }
+        case 'L':
+          {
+            var _refined2 = refineModel(code, model);
 
-      case 'L':
-        {
-          var _refined2 = refineModel(code, model);
+            var _href3 = _refined2[0];
+            var as = _refined2[1];
 
-          var _href3 = _refined2[0];
-          var as = _refined2[1];
+            if (_refined2.length === 3) {
+              var options = _refined2[2];
+              dispatcher.preload(_href3, as, options);
+            } else {
+              dispatcher.preload(_href3, as);
+            }
 
-          if (_refined2.length === 3) {
-            var options = _refined2[2];
-            dispatcher.preload(_href3, as, options);
-          } else {
-            dispatcher.preload(_href3, as);
+            return;
           }
 
-          return;
-        }
+        case 'm':
+          {
+            var _refined3 = refineModel(code, model);
 
-      case 'm':
-        {
-          var _refined3 = refineModel(code, model);
+            if (typeof _refined3 === 'string') {
+              var _href4 = _refined3;
+              dispatcher.preloadModule(_href4);
+            } else {
+              var _href5 = _refined3[0];
+              var _options = _refined3[1];
+              dispatcher.preloadModule(_href5, _options);
+            }
 
-          if (typeof _refined3 === 'string') {
-            var _href4 = _refined3;
-            dispatcher.preloadModule(_href4);
-          } else {
-            var _href5 = _refined3[0];
-            var _options = _refined3[1];
-            dispatcher.preloadModule(_href5, _options);
+            return;
           }
 
-          return;
-        }
+        case 'S':
+          {
+            var _refined4 = refineModel(code, model);
 
-      case 'S':
-        {
-          var _refined4 = refineModel(code, model);
+            if (typeof _refined4 === 'string') {
+              var _href6 = _refined4;
+              dispatcher.preinitStyle(_href6);
+            } else {
+              var _href7 = _refined4[0];
+              var precedence = _refined4[1] === 0 ? undefined : _refined4[1];
 
-          if (typeof _refined4 === 'string') {
-            var _href6 = _refined4;
-            dispatcher.preinitStyle(_href6);
-          } else {
-            var _href7 = _refined4[0];
-            var precedence = _refined4[1] === 0 ? undefined : _refined4[1];
+              var _options2 = _refined4.length === 3 ? _refined4[2] : undefined;
 
-            var _options2 = _refined4.length === 3 ? _refined4[2] : undefined;
+              dispatcher.preinitStyle(_href7, precedence, _options2);
+            }
 
-            dispatcher.preinitStyle(_href7, precedence, _options2);
+            return;
           }
 
-          return;
-        }
+        case 'X':
+          {
+            var _refined5 = refineModel(code, model);
 
-      case 'X':
-        {
-          var _refined5 = refineModel(code, model);
+            if (typeof _refined5 === 'string') {
+              var _href8 = _refined5;
+              dispatcher.preinitScript(_href8);
+            } else {
+              var _href9 = _refined5[0];
+              var _options3 = _refined5[1];
+              dispatcher.preinitScript(_href9, _options3);
+            }
 
-          if (typeof _refined5 === 'string') {
-            var _href8 = _refined5;
-            dispatcher.preinitScript(_href8);
-          } else {
-            var _href9 = _refined5[0];
-            var _options3 = _refined5[1];
-            dispatcher.preinitScript(_href9, _options3);
+            return;
           }
 
-          return;
-        }
+        case 'M':
+          {
+            var _refined6 = refineModel(code, model);
 
-      case 'M':
-        {
-          var _refined6 = refineModel(code, model);
+            if (typeof _refined6 === 'string') {
+              var _href10 = _refined6;
+              dispatcher.preinitModuleScript(_href10);
+            } else {
+              var _href11 = _refined6[0];
+              var _options4 = _refined6[1];
+              dispatcher.preinitModuleScript(_href11, _options4);
+            }
 
-          if (typeof _refined6 === 'string') {
-            var _href10 = _refined6;
-            dispatcher.preinitModuleScript(_href10);
-          } else {
-            var _href11 = _refined6[0];
-            var _options4 = _refined6[1];
-            dispatcher.preinitModuleScript(_href11, _options4);
+            return;
           }
-
-          return;
-        }
+      }
     }
   } // Flow is having trouble refining the HintModels so we help it a bit.
   // This should be compiled out in the production build.
@@ -408,12 +368,14 @@
   // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
   // The Symbol used to tag the ReactElement-like types.
   var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-  var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+  var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+  var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
   var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
   var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
   var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
   var REACT_MEMO_TYPE = Symbol.for('react.memo');
   var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+  var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
   var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
   var FAUX_ITERATOR_SYMBOL = '@@iterator';
   function getIteratorFn(maybeIterable) {
@@ -525,10 +487,6 @@
             return '[...]';
           }
 
-          if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
-            return describeClientReference();
-          }
-
           var name = objectName(value);
 
           if (name === 'Object') {
@@ -539,15 +497,7 @@
         }
 
       case 'function':
-        {
-          if (value.$$typeof === CLIENT_REFERENCE_TAG) {
-            return describeClientReference();
-          }
-
-          var _name = value.displayName || value.name;
-
-          return _name ? 'function ' + _name : 'function';
-        }
+        return 'function';
 
       default:
         // eslint-disable-next-line react-internal/safe-string-coercion
@@ -593,12 +543,6 @@
     return '';
   }
 
-  var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
-
-  function describeClientReference(ref) {
-    return 'client';
-  }
-
   function describeObjectForErrorMessage(objectOrArray, expandedName) {
     var objKind = objectName(objectOrArray);
 
@@ -677,8 +621,6 @@
     } else {
       if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
         str = '<' + describeElementType(objectOrArray.type) + '/>';
-      } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
-        return describeClientReference();
       } else if (jsxPropsParents.has(objectOrArray)) {
         // Print JSX
         var _type = jsxPropsParents.get(objectOrArray);
@@ -729,9 +671,9 @@
             str += ', ';
           }
 
-          var _name2 = _names[_i3];
-          str += describeKeyForErrorMessage(_name2) + ': ';
-          var _value3 = _object[_name2];
+          var _name = _names[_i3];
+          str += describeKeyForErrorMessage(_name) + ': ';
+          var _value3 = _object[_name];
 
           var _substr3 = void 0;
 
@@ -741,7 +683,7 @@
             _substr3 = describeValueForErrorMessage(_value3);
           }
 
-          if (_name2 === expandedName) {
+          if (_name === expandedName) {
             start = str.length;
             length = _substr3.length;
             str += _substr3;
@@ -966,7 +908,7 @@
             error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
           } else if (value.$$typeof === REACT_LAZY_TYPE) {
             error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-          } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
+          } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
             error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
           } else if (objectName(value) !== 'Object') {
             error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1070,12 +1012,12 @@
     }
   }
 
-  function registerServerReference(proxy, reference, encodeFormAction) {
+  function registerServerReference(proxy, reference) {
 
     knownServerReferences.set(proxy, reference);
   } // $FlowFixMe[method-unbinding]
 
-  function createServerReference(id, callServer, encodeFormAction) {
+  function createServerReference(id, callServer) {
     var proxy = function () {
       // $FlowFixMe[method-unbinding]
       var args = Array.prototype.slice.call(arguments);
@@ -1089,6 +1031,57 @@
     return proxy;
   }
 
+  var ContextRegistry = ReactSharedInternals.ContextRegistry;
+  function getOrCreateServerContext(globalName) {
+    if (!ContextRegistry[globalName]) {
+      var context = {
+        $$typeof: REACT_SERVER_CONTEXT_TYPE,
+        // As a workaround to support multiple concurrent renderers, we categorize
+        // some renderers as primary and others as secondary. We only expect
+        // there to be two concurrent renderers at most: React Native (primary) and
+        // Fabric (secondary); React DOM (primary) and React ART (secondary).
+        // Secondary renderers store their context values on separate fields.
+        _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+        _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+        _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+        // Used to track how many concurrent renderers this context currently
+        // supports within in a single renderer. Such as parallel server rendering.
+        _threadCount: 0,
+        // These are circular
+        Provider: null,
+        Consumer: null,
+        _globalName: globalName
+      };
+      context.Provider = {
+        $$typeof: REACT_PROVIDER_TYPE,
+        _context: context
+      };
+
+      {
+        var hasWarnedAboutUsingConsumer;
+        context._currentRenderer = null;
+        context._currentRenderer2 = null;
+        Object.defineProperties(context, {
+          Consumer: {
+            get: function () {
+              if (!hasWarnedAboutUsingConsumer) {
+                error('Consumer pattern is not supported by ReactServerContext');
+
+                hasWarnedAboutUsingConsumer = true;
+              }
+
+              return null;
+            }
+          }
+        });
+      }
+
+      ContextRegistry[globalName] = context;
+    }
+
+    return ContextRegistry[globalName];
+  }
+
   var ROW_ID = 0;
   var ROW_TAG = 1;
   var ROW_LENGTH = 2;
@@ -1107,10 +1100,6 @@
     this.value = value;
     this.reason = reason;
     this._response = response;
-
-    {
-      this._debugInfo = null;
-    }
   } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1387,20 +1376,17 @@
   }
 
   function createElement(type, key, props) {
-    var element;
-
-    {
-      element = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: REACT_ELEMENT_TYPE,
-        type: type,
-        key: key,
-        ref: null,
-        props: props,
-        // Record the component responsible for creating this element.
-        _owner: null
-      };
-    }
+    var element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
 
     {
       // We don't really need to add any of these but keeping them for good measure.
@@ -1413,12 +1399,17 @@
         writable: true,
         value: true // This element has already been validated on the server.
 
-      }); // debugInfo contains Server Component debug information.
-
-      Object.defineProperty(element, '_debugInfo', {
+      });
+      Object.defineProperty(element, '_self', {
         configurable: false,
         enumerable: false,
-        writable: true,
+        writable: false,
+        value: null
+      });
+      Object.defineProperty(element, '_source', {
+        configurable: false,
+        enumerable: false,
+        writable: false,
         value: null
       });
     }
@@ -1432,13 +1423,6 @@
       _payload: chunk,
       _init: readChunk
     };
-
-    {
-      // Ensure we have a live array to track future debug info.
-      var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
-      lazyType._debugInfo = chunkDebugInfo;
-    }
-
     return lazyType;
   }
 
@@ -1574,11 +1558,6 @@
         case '@':
           {
             // Promise
-            if (value.length === 2) {
-              // Infinite promise that never resolves.
-              return new Promise(function () {});
-            }
-
             var _id = parseInt(value.slice(2), 16);
 
             var _chunk = getChunk(response, _id);
@@ -1592,6 +1571,12 @@
             return Symbol.for(value.slice(2));
           }
 
+        case 'P':
+          {
+            // Server Context Provider
+            return getOrCreateServerContext(value.slice(2)).Provider;
+          }
+
         case 'F':
           {
             // Server Reference
@@ -1661,23 +1646,6 @@
             return BigInt(value.slice(2));
           }
 
-        case 'E':
-          {
-            {
-              // In DEV mode we allow indirect eval to produce functions for logging.
-              // This should not compile to eval() because then it has local scope access.
-              try {
-                // eslint-disable-next-line no-eval
-                return (0, eval)(value.slice(2));
-              } catch (x) {
-                // We currently use this to express functions so we fail parsing it,
-                // let's just return a blank function as a place holder.
-                return function () {};
-              }
-            } // Fallthrough
-
-          }
-
         default:
           {
             // We assume that anything else is a reference ID.
@@ -1698,29 +1666,7 @@
 
             switch (_chunk2.status) {
               case INITIALIZED:
-                var chunkValue = _chunk2.value;
-
-                if (_chunk2._debugInfo) {
-                  // If we have a direct reference to an object that was rendered by a synchronous
-                  // server component, it might have some debug info about how it was rendered.
-                  // We forward this to the underlying object. This might be a React Element or
-                  // an Array fragment.
-                  // If this was a string / number return value we lose the debug info. We choose
-                  // that tradeoff to allow sync server components to return plain values and not
-                  // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
-                  if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
-                    // We should maybe use a unique symbol for arrays but this is a React owned array.
-                    // $FlowFixMe[prop-missing]: This should be added to elements.
-                    Object.defineProperty(chunkValue, '_debugInfo', {
-                      configurable: false,
-                      enumerable: false,
-                      writable: true,
-                      value: _chunk2._debugInfo
-                    });
-                  }
-                }
-
-                return chunkValue;
+                return _chunk2.value;
 
               case PENDING:
               case BLOCKED:
@@ -1757,13 +1703,12 @@
     throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
   }
 
-  function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
+  function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
     var chunks = new Map();
     var response = {
       _bundlerConfig: bundlerConfig,
       _moduleLoading: moduleLoading,
       _callServer: callServer !== undefined ? callServer : missingCall,
-      _encodeFormAction: encodeFormAction,
       _nonce: nonce,
       _chunks: chunks,
       _stringDecoder: createStringDecoder(),
@@ -1860,24 +1805,6 @@
     dispatchHint(code, hintModel);
   }
 
-  function resolveDebugInfo(response, id, debugInfo) {
-
-    var chunk = getChunk(response, id);
-    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
-    chunkDebugInfo.push(debugInfo);
-  }
-
-  function resolveConsoleEntry(response, value) {
-
-    var payload = parseModel(response, value);
-    var methodName = payload[0]; // TODO: Restore the fake stack before logging.
-    // const stackTrace = payload[1];
-
-    var env = payload[2];
-    var args = payload.slice(3);
-    printToConsole(methodName, args, env);
-  }
-
   function processFullRow(response, id, tag, buffer, chunk) {
 
     var stringDecoder = response._stringDecoder;
@@ -1928,28 +1855,6 @@
           return;
         }
 
-      case 68
-      /* "D" */
-      :
-        {
-          {
-            var debugInfo = JSON.parse(row);
-            resolveDebugInfo(response, id, debugInfo);
-            return;
-          } // Fallthrough to share the error with Console entries.
-
-        }
-
-      case 87
-      /* "W" */
-      :
-        {
-          {
-            resolveConsoleEntry(response, row);
-            return;
-          }
-        }
-
       case 80
       /* "P" */
       :
@@ -2127,8 +2032,7 @@
   }
 
   function createResponseFromOptions(options) {
-    return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
-    undefined // nonce
+    return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
     );
   }