metro 0.82.1 → 0.82.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "metro",
-  "version": "0.82.1",
+  "version": "0.82.3",
   "description": "🚇 The JavaScript bundler for React Native.",
   "main": "src/index.js",
   "bin": "src/cli.js",
@@ -36,24 +36,24 @@
     "error-stack-parser": "^2.0.6",
     "flow-enums-runtime": "^0.0.6",
     "graceful-fs": "^4.2.4",
-    "hermes-parser": "0.25.1",
+    "hermes-parser": "0.28.1",
     "image-size": "^1.0.2",
     "invariant": "^2.2.4",
     "jest-worker": "^29.7.0",
     "jsc-safe-url": "^0.2.2",
     "lodash.throttle": "^4.1.1",
-    "metro-babel-transformer": "0.82.1",
-    "metro-cache": "0.82.1",
-    "metro-cache-key": "0.82.1",
-    "metro-config": "0.82.1",
-    "metro-core": "0.82.1",
-    "metro-file-map": "0.82.1",
-    "metro-resolver": "0.82.1",
-    "metro-runtime": "0.82.1",
-    "metro-source-map": "0.82.1",
-    "metro-symbolicate": "0.82.1",
-    "metro-transform-plugins": "0.82.1",
-    "metro-transform-worker": "0.82.1",
+    "metro-babel-transformer": "0.82.3",
+    "metro-cache": "0.82.3",
+    "metro-cache-key": "0.82.3",
+    "metro-config": "0.82.3",
+    "metro-core": "0.82.3",
+    "metro-file-map": "0.82.3",
+    "metro-resolver": "0.82.3",
+    "metro-runtime": "0.82.3",
+    "metro-source-map": "0.82.3",
+    "metro-symbolicate": "0.82.3",
+    "metro-transform-plugins": "0.82.3",
+    "metro-transform-worker": "0.82.3",
     "mime-types": "^2.1.27",
     "nullthrows": "^1.1.1",
     "serialize-error": "^2.1.0",
@@ -65,14 +65,15 @@
   "devDependencies": {
     "@babel/plugin-transform-flow-strip-types": "^7.25.2",
     "@babel/plugin-transform-modules-commonjs": "^7.24.8",
+    "@babel/plugin-transform-runtime": "^7.24.7",
     "@react-native/babel-preset": "0.78.0",
     "@react-native/metro-babel-transformer": "0.78.0",
     "babel-jest": "^29.7.0",
     "dedent": "^0.7.0",
     "jest-snapshot": "^29.7.0",
     "jest-snapshot-serializer-raw": "^1.2.0",
-    "metro-babel-register": "0.82.1",
-    "metro-memory-fs": "0.82.1",
+    "metro-babel-register": "0.82.3",
+    "metro-memory-fs": "0.82.3",
     "mock-req": "^0.2.0",
     "mock-res": "^0.6.0",
     "stack-trace": "^0.0.10"

package/src/Bundler.js.flow

@@ -14,7 +14,7 @@
 import type {TransformResultWithSource} from './DeltaBundler';
 import type {TransformOptions} from './DeltaBundler/Worker';
 import type EventEmitter from 'events';
-import type {ConfigT} from 'metro-config/src/configTypes.flow';
+import type {ConfigT} from 'metro-config';
 
 const Transformer = require('./DeltaBundler/Transformer');
 const DependencyGraph = require('./node-haste/DependencyGraph');

package/src/DeltaBundler/Serializers/getRamBundleInfo.js.flow

@@ -17,7 +17,7 @@ import type {
 } from '../../shared/types.flow';
 import type {Module, ReadOnlyGraph, SerializerOptions} from '../types.flow';
 import type {SourceMapGeneratorOptions} from './sourceMapGenerator';
-import type {GetTransformOptions} from 'metro-config/src/configTypes.flow.js';
+import type {GetTransformOptions} from 'metro-config';
 
 const {createRamBundleGroups} = require('../../Bundler/util');
 const getAppendScripts = require('../../lib/getAppendScripts');

package/src/DeltaBundler/Transformer.js.flow

@@ -13,7 +13,7 @@
 
 import type {TransformResult, TransformResultWithSource} from '../DeltaBundler';
 import type {TransformerConfig, TransformOptions} from './Worker';
-import type {ConfigT} from 'metro-config/src/configTypes.flow';
+import type {ConfigT} from 'metro-config';
 
 import crypto from 'crypto';
 

package/src/DeltaBundler/Worker.flow.js

@@ -11,6 +11,9 @@ function asDeserializedBuffer(value) {
   if (value && value.type === "Buffer") {
     return Buffer.from(value.data);
   }
+  if (ArrayBuffer.isView(value)) {
+    return Buffer.from(value.buffer, value.byteOffset, value.byteLength);
+  }
   return null;
 }
 async function transform(

package/src/DeltaBundler/Worker.flow.js.flow

@@ -66,6 +66,9 @@ function asDeserializedBuffer(value: any): Buffer | null {
   if (value && value.type === 'Buffer') {
     return Buffer.from(value.data);
   }
+  if (ArrayBuffer.isView(value)) {
+    return Buffer.from(value.buffer, value.byteOffset, value.byteLength);
+  }
   return null;
 }
 

package/src/DeltaBundler/WorkerFarm.js

@@ -73,6 +73,7 @@ class WorkerFarm {
         env,
       },
       numWorkers,
+      workerSchedulingPolicy: "in-order",
     });
   }
   _computeWorkerKey(method, filename) {

package/src/DeltaBundler/WorkerFarm.js.flow

@@ -13,7 +13,7 @@
 
 import type {TransformResult} from '../DeltaBundler';
 import type {TransformerConfig, TransformOptions, Worker} from './Worker';
-import type {ConfigT} from 'metro-config/src/configTypes.flow';
+import type {ConfigT} from 'metro-config';
 import type {Readable} from 'stream';
 
 const {Worker: JestWorker} = require('jest-worker');
@@ -128,6 +128,12 @@ class WorkerFarm {
       enableWorkerThreads: this._config.transformer.unstable_workerThreads,
       forkOptions: {env},
       numWorkers,
+      // Prefer using lower numbered available workers repeatedly rather than
+      // spreading jobs over the whole pool evenly (round-robin). This is more
+      // likely to use faster, hot workers earlier in graph traversal, when
+      // we want to be able to fan out as quickly as possible, and therefore
+      // gets us to full speed faster.
+      workerSchedulingPolicy: 'in-order',
     });
   }
 
@@ -145,6 +151,7 @@ class WorkerFarm {
   _formatGenericError(err: any, filename: string): TransformError {
     const error = new TransformError(`${filename}: ${err.message}`);
 
+    // $FlowFixMe[unsafe-object-assign]
     return Object.assign(error, {
       stack: (err.stack || '').split('\n').slice(0, -1).join('\n'),
       lineNumber: 0,

package/src/DeltaBundler/types.flow.js.flow

@@ -89,13 +89,9 @@ export type ReadOnlyDependencies<T = MixedOutput> = $ReadOnlyMap<
   Module<T>,
 >;
 
-export type TransformInputOptions = $Diff<
+export type TransformInputOptions = Omit<
   JsTransformOptions,
-  {
-    inlinePlatform: boolean,
-    inlineRequires: boolean,
-    ...
-  },
+  'inlinePlatform' | 'inlineRequires',
 >;
 
 export type GraphInputOptions = $ReadOnly<{

package/src/HmrServer.js

@@ -35,7 +35,7 @@ class HmrServer {
   async _registerEntryPoint(client, requestUrl, sendFn) {
     requestUrl = this._config.server.rewriteRequestUrl(requestUrl);
     const clientUrl = nullthrows(url.parse(requestUrl, true));
-    const options = parseOptionsFromUrl(
+    const { bundleType: _bundleType, ...options } = parseOptionsFromUrl(
       requestUrl,
       new Set(this._config.resolver.platforms)
     );

package/src/HmrServer.js.flow

@@ -101,7 +101,7 @@ class HmrServer<TClient: Client> {
   ): Promise<void> {
     requestUrl = this._config.server.rewriteRequestUrl(requestUrl);
     const clientUrl = nullthrows(url.parse(requestUrl, true));
-    const options = parseOptionsFromUrl(
+    const {bundleType: _bundleType, ...options} = parseOptionsFromUrl(
       requestUrl,
       new Set(this._config.resolver.platforms),
     );

package/src/IncrementalBundler.js.flow

@@ -19,7 +19,7 @@ import type {
 } from './DeltaBundler/types.flow';
 import type {GraphId} from './lib/getGraphId';
 import type {ResolverInputOptions} from './shared/types.flow';
-import type {ConfigT} from 'metro-config/src/configTypes.flow';
+import type {ConfigT} from 'metro-config';
 
 const Bundler = require('./Bundler');
 const DeltaBundler = require('./DeltaBundler');

package/src/ModuleGraph/worker/collectDependencies.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _types = require("@babel/types");
 const generate = require("@babel/generator").default;
 const template = require("@babel/template").default;
 const traverse = require("@babel/traverse").default;
@@ -346,6 +347,9 @@ function getNearestLocFromPath(path) {
   ) {
     current = current.parentPath;
   }
+  if (current && (0, _types.isProgram)(current.node)) {
+    current = null;
+  }
   return current?.node.METRO_INLINE_REQUIRES_INIT_LOC ?? current?.node.loc;
 }
 function registerDependency(state, qualifier, path) {

package/src/ModuleGraph/worker/collectDependencies.js.flow

@@ -17,6 +17,8 @@ import type {
   AsyncDependencyType,
 } from 'metro/src/DeltaBundler/types.flow.js';
 
+import {isProgram} from '@babel/types';
+
 const generate = require('@babel/generator').default;
 const template = require('@babel/template').default;
 const traverse = require('@babel/traverse').default;
@@ -575,6 +577,10 @@ function getNearestLocFromPath(path: NodePath<>): ?BabelSourceLocation {
   ) {
     current = current.parentPath;
   }
+  // Do not use the location of the `Program` node
+  if (current && isProgram(current.node)) {
+    current = null;
+  }
   return (
     // $FlowIgnore[prop-missing] METRO_INLINE_REQUIRES_INIT_LOC is Metro-specific and not typed
     current?.node.METRO_INLINE_REQUIRES_INIT_LOC ?? current?.node.loc

package/src/ModuleGraph/worker/importLocationsPlugin.js

@@ -1,16 +1,14 @@
 "use strict";
 
-const invariant = require("invariant");
 function importLocationsPlugin({ types: t }) {
-  const importDeclarationLocs = new Set();
   return {
     visitor: {
-      ImportDeclaration(path) {
+      ImportDeclaration(path, { importDeclarationLocs }) {
         if (path.node.importKind !== "type" && path.node.loc != null) {
           importDeclarationLocs.add(locToKey(path.node.loc));
         }
       },
-      ExportDeclaration(path) {
+      ExportDeclaration(path, { importDeclarationLocs }) {
         if (
           path.node.source != null &&
           path.node.exportKind !== "type" &&
@@ -19,21 +17,18 @@ function importLocationsPlugin({ types: t }) {
           importDeclarationLocs.add(locToKey(path.node.loc));
         }
       },
-    },
-    pre: ({ path, metadata }) => {
-      invariant(
-        path && t.isProgram(path.node),
-        "path missing or not a program node"
-      );
-      const metroMetadata = metadata;
-      if (!metroMetadata.metro) {
-        metroMetadata.metro = {
-          unstable_importDeclarationLocs: importDeclarationLocs,
-        };
-      } else {
-        metroMetadata.metro.unstable_importDeclarationLocs =
-          importDeclarationLocs;
-      }
+      Program(path, state) {
+        state.importDeclarationLocs = new Set();
+        const metroMetadata = state.file.metadata;
+        if (!metroMetadata.metro) {
+          metroMetadata.metro = {
+            unstable_importDeclarationLocs: state.importDeclarationLocs,
+          };
+        } else {
+          metroMetadata.metro.unstable_importDeclarationLocs =
+            state.importDeclarationLocs;
+        }
+      },
     },
   };
 }

package/src/ModuleGraph/worker/importLocationsPlugin.js.flow

@@ -11,19 +11,27 @@
 
 'use strict';
 
-import type {PluginObj} from '@babel/core';
+import type {File, PluginObj} from '@babel/core';
 import typeof * as Types from '@babel/types';
 import type {MetroBabelFileMetadata} from 'metro-babel-transformer';
 
-const invariant = require('invariant');
-
 type ImportDeclarationLocs = Set<string>;
 
-function importLocationsPlugin({types: t}: {types: Types, ...}): PluginObj<> {
-  const importDeclarationLocs: ImportDeclarationLocs = new Set();
+type State = {
+  importDeclarationLocs: ImportDeclarationLocs,
+  file: File,
+  ...
+};
+
+function importLocationsPlugin({
+  types: t,
+}: {
+  types: Types,
+  ...
+}): PluginObj<State> {
   return {
     visitor: {
-      ImportDeclaration(path) {
+      ImportDeclaration(path, {importDeclarationLocs}) {
         if (
           // Ignore type imports
           path.node.importKind !== 'type' &&
@@ -35,7 +43,7 @@ function importLocationsPlugin({types: t}: {types: Types, ...}): PluginObj<> {
           importDeclarationLocs.add(locToKey(path.node.loc));
         }
       },
-      ExportDeclaration(path) {
+      ExportDeclaration(path, {importDeclarationLocs}) {
         if (
           // If `source` is set, this is a re-export, so it declares an ESM
           // dependency.
@@ -48,25 +56,23 @@ function importLocationsPlugin({types: t}: {types: Types, ...}): PluginObj<> {
           importDeclarationLocs.add(locToKey(path.node.loc));
         }
       },
-    },
-    pre: ({path, metadata}) => {
-      invariant(
-        path && t.isProgram(path.node),
-        'path missing or not a program node',
-      );
+      Program(path, state) {
+        // Initialise state
+        state.importDeclarationLocs = new Set();
 
-      // $FlowFixMe[prop-missing] Babel `File` is not generically typed
-      const metroMetadata: MetroBabelFileMetadata = metadata;
+        // $FlowFixMe[prop-missing] Babel `File` is not generically typed
+        const metroMetadata: MetroBabelFileMetadata = state.file.metadata;
 
-      // Set the result on a metadata property
-      if (!metroMetadata.metro) {
-        metroMetadata.metro = {
-          unstable_importDeclarationLocs: importDeclarationLocs,
-        };
-      } else {
-        metroMetadata.metro.unstable_importDeclarationLocs =
-          importDeclarationLocs;
-      }
+        // Set the result on a metadata property
+        if (!metroMetadata.metro) {
+          metroMetadata.metro = {
+            unstable_importDeclarationLocs: state.importDeclarationLocs,
+          };
+        } else {
+          metroMetadata.metro.unstable_importDeclarationLocs =
+            state.importDeclarationLocs;
+        }
+      },
     },
   };
 }

package/src/Server/symbolicate.js.flow

@@ -15,7 +15,7 @@ import type {
   MetroSourceMapSegmentTuple,
 } from '../../../metro-source-map/src/source-map';
 import type {ExplodedSourceMap} from '../DeltaBundler/Serializers/getExplodedSourceMap';
-import type {ConfigT} from 'metro-config/src/configTypes.flow';
+import type {ConfigT} from 'metro-config';
 
 const {greatestLowerBound} = require('metro-source-map/src/Consumer/search');
 const {

package/src/Server.js

@@ -17,6 +17,7 @@ const ResourceNotFoundError = require("./IncrementalBundler/ResourceNotFoundErro
 const bundleToString = require("./lib/bundleToString");
 const formatBundlingError = require("./lib/formatBundlingError");
 const getGraphId = require("./lib/getGraphId");
+const parseJsonBody = require("./lib/parseJsonBody");
 const parseOptionsFromUrl = require("./lib/parseOptionsFromUrl");
 const splitBundleOptions = require("./lib/splitBundleOptions");
 const transformHelpers = require("./lib/transformHelpers");
@@ -268,7 +269,6 @@ class Server {
       splitBundleOptions({
         ...Server.DEFAULT_BUNDLE_OPTIONS,
         ...options,
-        bundleType: "bundle",
       });
     const { prepend, graph } = await this._bundler.buildGraph(
       entryFile,
@@ -357,7 +357,11 @@ class Server {
     this._processRequest(req, res, next).catch(next);
   };
   _parseOptions(url) {
-    return parseOptionsFromUrl(url, new Set(this._config.resolver.platforms));
+    const { bundleType: _bundleType, ...bundleOptions } = parseOptionsFromUrl(
+      url,
+      new Set(this._config.resolver.platforms)
+    );
+    return bundleOptions;
   }
   _rewriteAndNormalizeUrl(requestUrl) {
     return jscSafeUrl.toNormalUrl(
@@ -471,6 +475,7 @@ class Server {
     });
   }
   _createRequestProcessor({
+    bundleType,
     createStartEntry,
     createEndEntry,
     build,
@@ -570,7 +575,7 @@ class Server {
       this._reporter.update({
         buildID: getBuildID(buildNumber),
         bundleDetails: {
-          bundleType: bundleOptions.bundleType,
+          bundleType,
           customResolverOptions: bundleOptions.customResolverOptions,
           customTransformOptions: bundleOptions.customTransformOptions,
           dev: transformOptions.dev,
@@ -648,6 +653,7 @@ class Server {
     };
   }
   _processBundleRequest = this._createRequestProcessor({
+    bundleType: "bundle",
     createStartEntry(context) {
       return {
         action_name: "Requesting bundle",
@@ -826,6 +832,7 @@ class Server {
     );
   }
   _processSourceMapRequest = this._createRequestProcessor({
+    bundleType: "map",
     createStartEntry(context) {
       return {
         action_name: "Requesting sourcemap",
@@ -889,6 +896,7 @@ class Server {
     },
   });
   _processAssetsRequest = this._createRequestProcessor({
+    bundleType: "assets",
     createStartEntry(context) {
       return {
         action_name: "Requesting assets",
@@ -933,10 +941,13 @@ class Server {
   });
   async _symbolicate(req, res) {
     const getCodeFrame = (urls, symbolicatedStack) => {
+      const allFramesCollapsed = symbolicatedStack.every(
+        ({ collapse }) => collapse
+      );
       for (let i = 0; i < symbolicatedStack.length; i++) {
         const { collapse, column, file, lineNumber } = symbolicatedStack[i];
         if (
-          collapse ||
+          (!allFramesCollapsed && collapse) ||
           lineNumber == null ||
           (file != null && urls.has(file))
         ) {
@@ -974,8 +985,13 @@ class Server {
         createActionStartEntry("Symbolicating")
       );
       debug("Start symbolication");
-      const body = await req.rawBody;
-      const parsedBody = JSON.parse(body);
+      let parsedBody;
+      if ("rawBody" in req) {
+        const body = await req.rawBody;
+        parsedBody = JSON.parse(body);
+      } else {
+        parsedBody = await parseJsonBody(req);
+      }
       const rewriteAndNormalizeStackFrame = (frame, lineNumber) => {
         invariant(
           frame != null && typeof frame === "object",

package/src/Server.js.flow

@@ -24,7 +24,7 @@ import type {
 import type {RevisionId} from './IncrementalBundler';
 import type {GraphId} from './lib/getGraphId';
 import type {Reporter} from './lib/reporting';
-import type {StackFrameOutput} from './Server/symbolicate';
+import type {StackFrameInput, StackFrameOutput} from './Server/symbolicate';
 import type {
   BundleOptions,
   GraphOptions,
@@ -34,11 +34,10 @@ import type {
 import type {IncomingMessage} from 'connect';
 import type {ServerResponse} from 'http';
 import type {CacheStore} from 'metro-cache';
-import type {ConfigT, RootPerfLogger} from 'metro-config/src/configTypes.flow';
+import type {ConfigT, RootPerfLogger} from 'metro-config';
 import type {
   ActionLogEntryData,
   ActionStartLogEntry,
-  LogEntry,
 } from 'metro-core/src/Logger';
 import type {CustomResolverOptions} from 'metro-resolver/src/types';
 import type {CustomTransformOptions} from 'metro-transform-worker';
@@ -61,6 +60,7 @@ const ResourceNotFoundError = require('./IncrementalBundler/ResourceNotFoundErro
 const bundleToString = require('./lib/bundleToString');
 const formatBundlingError = require('./lib/formatBundlingError');
 const getGraphId = require('./lib/getGraphId');
+const parseJsonBody = require('./lib/parseJsonBody');
 const parseOptionsFromUrl = require('./lib/parseOptionsFromUrl');
 const splitBundleOptions = require('./lib/splitBundleOptions');
 const transformHelpers = require('./lib/transformHelpers');
@@ -404,7 +404,6 @@ class Server {
     } = splitBundleOptions({
       ...Server.DEFAULT_BUNDLE_OPTIONS,
       ...options,
-      bundleType: 'bundle',
     });
 
     const {prepend, graph} = await this._bundler.buildGraph(
@@ -469,6 +468,7 @@ class Server {
         urlObj.query.unstable_path.match(/^([^?]*)\??(.*)$/),
       );
       if (secondaryQuery) {
+        // $FlowFixMe[unsafe-object-assign]
         Object.assign(urlObj.query, querystring.parse(secondaryQuery));
       }
       assetPath = actualPath;
@@ -524,7 +524,11 @@ class Server {
   };
 
   _parseOptions(url: string): BundleOptions {
-    return parseOptionsFromUrl(url, new Set(this._config.resolver.platforms));
+    const {bundleType: _bundleType, ...bundleOptions} = parseOptionsFromUrl(
+      url,
+      new Set(this._config.resolver.platforms),
+    );
+    return bundleOptions;
   }
 
   _rewriteAndNormalizeUrl(requestUrl: string): string {
@@ -652,16 +656,18 @@ class Server {
   }
 
   _createRequestProcessor<T>({
+    bundleType,
     createStartEntry,
     createEndEntry,
     build,
     delete: deleteFn,
     finish,
   }: {
+    +bundleType: 'assets' | 'bundle' | 'map',
     +createStartEntry: (context: ProcessStartContext) => ActionLogEntryData,
     +createEndEntry: (
       context: ProcessEndContext<T>,
-    ) => $Rest<ActionStartLogEntry, LogEntry>,
+    ) => Partial<ActionStartLogEntry>,
     +build: (context: ProcessStartContext) => Promise<T>,
     +delete?: (context: ProcessDeleteContext) => Promise<void>,
     +finish: (context: ProcessEndContext<T>) => void,
@@ -796,7 +802,7 @@ class Server {
       this._reporter.update({
         buildID: getBuildID(buildNumber),
         bundleDetails: {
-          bundleType: bundleOptions.bundleType,
+          bundleType,
           customResolverOptions: bundleOptions.customResolverOptions,
           customTransformOptions: bundleOptions.customTransformOptions,
           dev: transformOptions.dev,
@@ -895,6 +901,7 @@ class Server {
       bundlePerfLogger: RootPerfLogger,
     }>,
   ) => Promise<void> = this._createRequestProcessor({
+    bundleType: 'bundle',
     createStartEntry(context: ProcessStartContext) {
       return {
         action_name: 'Requesting bundle',
@@ -1104,6 +1111,7 @@ class Server {
       bundlePerfLogger: RootPerfLogger,
     }>,
   ) => Promise<void> = this._createRequestProcessor({
+    bundleType: 'map',
     createStartEntry(context: ProcessStartContext) {
       return {
         action_name: 'Requesting sourcemap',
@@ -1175,6 +1183,7 @@ class Server {
       bundlePerfLogger: RootPerfLogger,
     }>,
   ) => Promise<void> = this._createRequestProcessor({
+    bundleType: 'assets',
     createStartEntry(context: ProcessStartContext) {
       return {
         action_name: 'Requesting assets',
@@ -1220,11 +1229,17 @@ class Server {
       urls: Set<string>,
       symbolicatedStack: $ReadOnlyArray<StackFrameOutput>,
     ) => {
+      const allFramesCollapsed = symbolicatedStack.every(
+        ({collapse}) => collapse,
+      );
+
       for (let i = 0; i < symbolicatedStack.length; i++) {
         const {collapse, column, file, lineNumber} = symbolicatedStack[i];
 
         if (
-          collapse ||
+          // If all the frames are collapsed then we should ignore the collapse flag
+          // and always show the first valid frame.
+          (!allFramesCollapsed && collapse) ||
           lineNumber == null ||
           (file != null && urls.has(file))
         ) {
@@ -1262,9 +1277,20 @@ class Server {
         createActionStartEntry('Symbolicating'),
       );
       debug('Start symbolication');
-      /* $FlowFixMe: where is `rawBody` defined? Is it added by the `connect` framework? */
-      const body = await req.rawBody;
-      const parsedBody = JSON.parse(body);
+
+      let parsedBody;
+      if ('rawBody' in req) {
+        // TODO: Remove this branch once we are no longer targeting React Native
+        // < 0.80 and Expo SDK < 53
+        // $FlowFixMe[prop-missing] - rawBody assigned by legacy CLI integrations
+        const body = await req.rawBody;
+        parsedBody = JSON.parse(body);
+      } else {
+        parsedBody = (await parseJsonBody(req)) as {
+          stack: $ReadOnlyArray<StackFrameInput>,
+          extraData: {[string]: mixed},
+        };
+      }
 
       const rewriteAndNormalizeStackFrame = <T>(
         frame: T,

package/src/index.flow.js

@@ -216,6 +216,7 @@ exports.runServer = async (
 exports.runBuild = async (
   config,
   {
+    assets = false,
     customResolverOptions,
     customTransformOptions,
     dev = false,
@@ -229,6 +230,7 @@ exports.runBuild = async (
     platform = "web",
     sourceMap = false,
     sourceMapUrl,
+    unstable_transformProfile,
   }
 ) => {
   const metroServer = await runMetro(config, {
@@ -246,11 +248,21 @@ exports.runBuild = async (
       onProgress,
       customResolverOptions,
       customTransformOptions,
+      unstable_transformProfile,
     };
     if (onBegin) {
       onBegin();
     }
     const metroBundle = await output.build(metroServer, requestOptions);
+    const result = {
+      ...metroBundle,
+    };
+    if (assets) {
+      result.assets = await metroServer.getAssets({
+        ...MetroServer.DEFAULT_BUNDLE_OPTIONS,
+        ...requestOptions,
+      });
+    }
     if (onComplete) {
       onComplete();
     }
@@ -271,7 +283,7 @@ exports.runBuild = async (
         })
       );
     }
-    return metroBundle;
+    return result;
   } finally {
     await metroServer.end();
   }

package/src/index.flow.js.flow

@@ -11,18 +11,20 @@
 
 'use strict';
 
+import type {AssetData} from './Assets';
 import type {ReadOnlyGraph} from './DeltaBundler';
 import type {ServerOptions} from './Server';
 import type {OutputOptions, RequestOptions} from './shared/types.flow.js';
 import type {HandleFunction} from 'connect';
 import type {Server as HttpServer} from 'http';
 import type {Server as HttpsServer} from 'https';
+import type {TransformProfile} from 'metro-babel-transformer';
 import type {
   ConfigT,
   InputConfigT,
   MetroConfig,
   Middleware,
-} from 'metro-config/src/configTypes.flow';
+} from 'metro-config';
 import type {CustomResolverOptions} from 'metro-resolver';
 import type {CustomTransformOptions} from 'metro-transform-worker';
 import typeof Yargs from 'yargs';
@@ -92,6 +94,7 @@ type BuildGraphOptions = {
 
 export type RunBuildOptions = {
   entry: string,
+  assets?: boolean,
   dev?: boolean,
   out?: string,
   onBegin?: () => void,
@@ -123,6 +126,14 @@ export type RunBuildOptions = {
   sourceMapUrl?: string,
   customResolverOptions?: CustomResolverOptions,
   customTransformOptions?: CustomTransformOptions,
+  unstable_transformProfile?: TransformProfile,
+};
+
+export type RunBuildResult = {
+  code: string,
+  map: string,
+  assets?: $ReadOnlyArray<AssetData>,
+  ...
 };
 
 type BuildCommandOptions = {} | null;
@@ -131,6 +142,9 @@ type ServeCommandOptions = {} | null;
 exports.Terminal = Terminal;
 exports.TerminalReporter = TerminalReporter;
 
+export type {AssetData} from './Assets';
+export type {Reporter, ReportableEvent} from './lib/reporting';
+export type {TerminalReportableEvent} from './lib/TerminalReporter';
 export type {MetroConfig};
 
 async function getConfig(config: InputConfigT): Promise<ConfigT> {
@@ -369,6 +383,7 @@ exports.runServer = async (
 exports.runBuild = async (
   config: ConfigT,
   {
+    assets = false,
     customResolverOptions,
     customTransformOptions,
     dev = false,
@@ -382,12 +397,9 @@ exports.runBuild = async (
     platform = 'web',
     sourceMap = false,
     sourceMapUrl,
+    unstable_transformProfile,
   }: RunBuildOptions,
-): Promise<{
-  code: string,
-  map: string,
-  ...
-}> => {
+): Promise<RunBuildResult> => {
   const metroServer = await runMetro(config, {
     watch: false,
   });
@@ -404,6 +416,7 @@ exports.runBuild = async (
       onProgress,
       customResolverOptions,
       customTransformOptions,
+      unstable_transformProfile,
     };
 
     if (onBegin) {
@@ -411,6 +424,14 @@ exports.runBuild = async (
     }
 
     const metroBundle = await output.build(metroServer, requestOptions);
+    const result: RunBuildResult = {...metroBundle};
+
+    if (assets) {
+      result.assets = await metroServer.getAssets({
+        ...MetroServer.DEFAULT_BUNDLE_OPTIONS,
+        ...requestOptions,
+      });
+    }
 
     if (onComplete) {
       onComplete();
@@ -436,7 +457,7 @@ exports.runBuild = async (
       );
     }
 
-    return metroBundle;
+    return result;
   } finally {
     await metroServer.end();
   }

package/src/lib/JsonReporter.js.flow

@@ -46,6 +46,7 @@ class JsonReporter<TEvent: {[string]: any, ...}> {
   update(event: TEvent): void {
     if (event.error instanceof Error) {
       const {message, stack} = event.error;
+      // $FlowFixMe[unsafe-object-assign]
       event = Object.assign(event, {
         error: serializeError(event.error),
         // TODO: Preexisting issue - this writes message, stack, etc. as

package/src/lib/TerminalReporter.js.flow

@@ -384,6 +384,7 @@ class TerminalReporter {
       0.999, // make sure not to go above 99.9% to not get rounded to 100%,
     );
 
+    // $FlowFixMe[unsafe-object-assign]
     Object.assign(currentProgress, {
       ratio,
       transformedFileCount,

package/src/lib/formatBundlingError.js

@@ -38,14 +38,17 @@ function formatBundlingError(error) {
     (error instanceof Error &&
       (error.type === "TransformError" || error.type === "NotFoundError"))
   ) {
-    error.errors = [
-      {
-        description: error.message,
-        filename: error.filename,
-        lineNumber: error.lineNumber,
-      },
-    ];
-    return serializeError(error);
+    return {
+      ...serializeError(error),
+      type: error.type,
+      errors: [
+        {
+          description: error.message,
+          filename: error.filename,
+          lineNumber: error.lineNumber,
+        },
+      ],
+    };
   } else if (error instanceof ResourceNotFoundError) {
     return {
       type: "ResourceNotFoundError",

package/src/lib/formatBundlingError.js.flow

@@ -62,15 +62,18 @@ function formatBundlingError(error: CustomError): FormattedError {
     (error instanceof Error &&
       (error.type === 'TransformError' || error.type === 'NotFoundError'))
   ) {
-    error.errors = [
-      {
-        description: error.message,
-        filename: error.filename,
-        lineNumber: error.lineNumber,
-      },
-    ];
-
-    return serializeError(error);
+    return {
+      ...serializeError(error),
+      // Ensure the type is passed to the client.
+      type: error.type,
+      errors: [
+        {
+          description: error.message,
+          filename: error.filename,
+          lineNumber: error.lineNumber,
+        },
+      ],
+    };
   } else if (error instanceof ResourceNotFoundError) {
     return {
       type: 'ResourceNotFoundError',

package/src/lib/parseJsonBody.js

@@ -0,0 +1,35 @@
+"use strict";
+
+const CONTENT_TYPE = "application/json";
+const SIZE_LIMIT = 100 * 1024 * 1024;
+function parseJsonBody(req, options = {}) {
+  const { strict = true } = options;
+  return new Promise((resolve, reject) => {
+    if (strict) {
+      const contentType = req.headers["content-type"] || "";
+      if (!contentType.includes(CONTENT_TYPE)) {
+        reject(new Error(`Invalid content type, expected ${CONTENT_TYPE}`));
+        return;
+      }
+    }
+    let size = 0;
+    let data = "";
+    req.on("data", (chunk) => {
+      size += Buffer.byteLength(chunk);
+      if (size > SIZE_LIMIT) {
+        req.destroy();
+        reject(new Error("Request body size exceeds size limit (100MB)"));
+        return;
+      }
+      data += chunk;
+    });
+    req.on("end", () => {
+      try {
+        resolve(JSON.parse(data));
+      } catch (e) {
+        reject(e);
+      }
+    });
+  });
+}
+module.exports = parseJsonBody;

package/src/lib/parseJsonBody.js.flow

@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {IncomingMessage} from 'http';
+
+const CONTENT_TYPE = 'application/json';
+const SIZE_LIMIT = 100 * 1024 * 1024; // 100MB
+
+/**
+ * Attempt to parse a request body as JSON.
+ */
+function parseJsonBody(
+  req: IncomingMessage,
+  options: {strict?: boolean} = {},
+): Promise<$FlowFixMe> {
+  const {strict = true} = options;
+
+  return new Promise((resolve, reject) => {
+    if (strict) {
+      const contentType = req.headers['content-type'] || '';
+      if (!contentType.includes(CONTENT_TYPE)) {
+        reject(new Error(`Invalid content type, expected ${CONTENT_TYPE}`));
+        return;
+      }
+    }
+
+    let size = 0;
+    let data = '';
+
+    req.on('data', (chunk: string) => {
+      size += Buffer.byteLength(chunk);
+
+      if (size > SIZE_LIMIT) {
+        req.destroy();
+        reject(new Error('Request body size exceeds size limit (100MB)'));
+        return;
+      }
+
+      data += chunk;
+    });
+
+    req.on('end', () => {
+      try {
+        resolve(JSON.parse(data));
+      } catch (e) {
+        reject(e);
+      }
+    });
+  });
+}
+
+module.exports = parseJsonBody;

package/src/lib/parseOptionsFromUrl.js.flow

@@ -44,7 +44,11 @@ const getTransformProfile = (transformProfile: string): TransformProfile =>
 module.exports = function parseOptionsFromUrl(
   normalizedRequestUrl: string,
   platforms: Set<string>,
-): BundleOptions {
+): {
+  ...BundleOptions,
+  // Retained for backwards compatibility, unused in Metro, to be removed.
+  bundleType: string,
+} {
   const parsedURL = nullthrows(url.parse(normalizedRequestUrl, true)); // `true` to parse the query param as an object.
   const query = nullthrows(parsedURL.query);
   const pathname =

package/src/lib/transformHelpers.js.flow

@@ -21,7 +21,7 @@ import type {
 import type {TransformOptions} from '../DeltaBundler/Worker';
 import type {ResolverInputOptions} from '../shared/types.flow';
 import type {RequireContext} from './contextModule';
-import type {ConfigT} from 'metro-config/src/configTypes.flow';
+import type {ConfigT} from 'metro-config';
 import type {Type} from 'metro-transform-worker';
 
 import {getContextModuleTemplate} from './contextModuleTemplates';

package/src/node-haste/DependencyGraph/createFileMap.js.flow

@@ -9,7 +9,7 @@
  * @oncall react_native
  */
 
-import type {ConfigT} from 'metro-config/src/configTypes.flow';
+import type {ConfigT} from 'metro-config';
 
 import MetroFileMap, {DiskCacheManager} from 'metro-file-map';
 

package/src/node-haste/DependencyGraph.js.flow

@@ -15,7 +15,7 @@ import type {
 } from '../DeltaBundler/types.flow';
 import type {ResolverInputOptions} from '../shared/types.flow';
 import type Package from './Package';
-import type {ConfigT} from 'metro-config/src/configTypes.flow';
+import type {ConfigT} from 'metro-config';
 import type MetroFileMap, {
   ChangeEvent,
   FileSystem,

package/src/shared/output/RamBundle.js

@@ -7,7 +7,6 @@ async function build(packagerClient, requestOptions) {
   const options = {
     ...Server.DEFAULT_BUNDLE_OPTIONS,
     ...requestOptions,
-    bundleType: "ram",
   };
   return await packagerClient.getRamBundleInfo(options);
 }

package/src/shared/output/RamBundle.js.flow

@@ -25,7 +25,6 @@ async function build(
   const options = {
     ...Server.DEFAULT_BUNDLE_OPTIONS,
     ...requestOptions,
-    bundleType: 'ram',
   };
   return await packagerClient.getRamBundleInfo(options);
 }

package/src/shared/output/bundle.flow.js

@@ -7,7 +7,6 @@ function buildBundle(packagerClient, requestOptions) {
   return packagerClient.build({
     ...Server.DEFAULT_BUNDLE_OPTIONS,
     ...requestOptions,
-    bundleType: "bundle",
   });
 }
 function relativateSerializedMap(map, sourceMapSourcesRoot) {

package/src/shared/output/bundle.flow.js.flow

@@ -29,7 +29,6 @@ function buildBundle(
   return packagerClient.build({
     ...Server.DEFAULT_BUNDLE_OPTIONS,
     ...requestOptions,
-    bundleType: 'bundle',
   });
 }
 

package/src/shared/types.d.ts

@@ -23,21 +23,9 @@ import type {
   MinifierOptions,
 } from 'metro-transform-worker';
 
-export type BundleType =
-  | 'bundle'
-  | 'delta'
-  | 'meta'
-  | 'map'
-  | 'ram'
-  | 'cli'
-  | 'hmr'
-  | 'todo'
-  | 'graph';
-
 type MetroSourceMapOrMappings = MixedSourceMap | MetroSourceMapSegmentTuple[];
 
 export interface BundleOptions {
-  bundleType: BundleType;
   readonly customResolverOptions: CustomResolverOptions;
   customTransformOptions: CustomTransformOptions;
   dev: boolean;

package/src/shared/types.flow.js.flow

@@ -26,17 +26,6 @@ import type {
   MinifierOptions,
 } from 'metro-transform-worker';
 
-type BundleType =
-  | 'bundle'
-  | 'delta'
-  | 'meta'
-  | 'map'
-  | 'ram'
-  | 'cli'
-  | 'hmr'
-  | 'todo'
-  | 'graph';
-
 type MetroSourceMapOrMappings =
   | MixedSourceMap
   | Array<MetroSourceMapSegmentTuple>;
@@ -49,7 +38,6 @@ export enum SourcePathsMode {
 }
 
 export type BundleOptions = {
-  bundleType: BundleType,
   +customResolverOptions: CustomResolverOptions,
   customTransformOptions: CustomTransformOptions,
   dev: boolean,
@@ -151,6 +139,7 @@ export type RequestOptions = {
   onProgress?: (transformedFileCount: number, totalFileCount: number) => void,
   +customResolverOptions?: CustomResolverOptions,
   +customTransformOptions?: CustomTransformOptions,
+  +unstable_transformProfile?: TransformProfile,
 };
 
 export type {MinifierOptions};