Serialize console arguments using a special model serializer

This allows complex objects to be logged and inspected on the client.

We limit the depth of objects after 20 objects are written. This deals
with cycles too.

Because these objects aren't the complete model we can't cache them
but if the full thing is already written, we can reuse that. This might
not be fully ok since if there's an error:ed reference inside of it,
it would error the log.

This should never error nor suspend.

Functions are emitted as eval of their source string to produce a similar
looking function on the client.

Unresolved Promises are serialized as infinite promises.

Author: sebmarkbage

packages/react-client/src/ReactFlightClient.js

@@ -644,6 +644,10 @@ function parseModelString(
       }
       case '@': {
         // Promise
+        if (value.length === 2) {
+          // Infinite promise that never resolves.
+          return new Promise(() => {});
+        }
         const id = parseInt(value.slice(2), 16);
         const chunk = getChunk(response, id);
         return chunk;
@@ -699,6 +703,21 @@ function parseModelString(
         // BigInt
         return BigInt(value.slice(2));
       }
+      case 'E': {
+        if (__DEV__) {
+          // 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.
         const id = parseInt(value.slice(1), 16);
@@ -1039,7 +1058,7 @@ function resolveDebugInfo(
 
 function resolveConsoleEntry(
   response: Response,
-  payload: [string /*methodName */, string /* stackTrace */, ...any],
+  value: UninitializedModel,
 ): void {
   if (!__DEV__) {
     // These errors should never make it into a build so we don't need to encode them in codes.json
@@ -1048,6 +1067,8 @@ function resolveConsoleEntry(
       'resolveConsoleEntry should never be called in production mode. This is a bug in React.',
     );
   }
+
+  const payload: [string, string, mixed] = parseModel(response, value);
   const methodName = payload[0];
   // TODO: Restore the fake stack before logging.
   // const stackTrace = payload[1];
@@ -1209,8 +1230,7 @@ function processFullRow(
     }
     case 87 /* "W" */: {
       if (__DEV__) {
-        const payload = JSON.parse(row);
-        resolveConsoleEntry(response, payload);
+        resolveConsoleEntry(response, row);
         return;
       }
       throw new Error(