metro-runtime 0.71.2 → 0.72.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "metro-runtime",
-  "version": "0.71.2",
+  "version": "0.72.1",
   "description": "🚇 Module required for evaluating Metro bundles.",
   "main": "src",
   "repository": {
@@ -13,7 +13,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.0.0"
+    "@babel/runtime": "^7.0.0",
+    "react-refresh": "^0.4.0"
   },
   "devDependencies": {
     "@babel/core": "^7.14.0"

package/src/modules/fast-refresh.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ * 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.
+ *
+ * @format
+ *
+ */
+module.exports = require("react-refresh/runtime");

package/src/modules/fast-refresh.js.flow

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ *
+ * @format
+ * @flow
+ */
+
+module.exports = require('react-refresh/runtime');

package/src/polyfills/require.js

@@ -23,7 +23,7 @@ const CYCLE_DETECTED = {};
 const { hasOwnProperty } = {};
 
 if (__DEV__) {
-  global.$RefreshReg$ = () => {};
+  global.$RefreshReg$ = () => {}; // $FlowFixMe[missing-local-annot]
 
   global.$RefreshSig$ = () => (type) => type;
 }
@@ -207,7 +207,22 @@ function metroImportAll(moduleId) {
   return (modules[moduleIdReallyIsNumber].importedAll = importedAll);
 }
 
-metroRequire.importAll = metroImportAll;
+metroRequire.importAll = metroImportAll; // The `require.context()` syntax is never executed in the runtime because it is converted
+// to `require()` in `metro/src/ModuleGraph/worker/collectDependencies.js` after collecting
+// dependencies. If the feature flag is not enabled then the conversion never takes place and this error is thrown (development only).
+
+metroRequire.context = function fallbackRequireContext() {
+  if (__DEV__) {
+    throw new Error(
+      "The experimental Metro feature `require.context` is not enabled in your project.\nThis can be enabled by setting the `transformer.unstable_allowRequireContext` property to `true` in your Metro configuration."
+    );
+  }
+
+  throw new Error(
+    "The experimental Metro feature `require.context` is not enabled in your project."
+  );
+};
+
 let inGuard = false;
 
 function guardedLoadModule(moduleId, module) {

package/src/polyfills/require.js.flow

@@ -79,6 +79,7 @@ const {hasOwnProperty} = {};
 
 if (__DEV__) {
   global.$RefreshReg$ = () => {};
+  // $FlowFixMe[missing-local-annot]
   global.$RefreshSig$ = () => type => type;
 }
 
@@ -205,7 +206,7 @@ function shouldPrintRequireCycle(modules: $ReadOnlyArray<?string>): boolean {
     return true;
   }
 
-  const isIgnored = module =>
+  const isIgnored = (module: ?string) =>
     module != null && regExps.some(regExp => regExp.test(module));
 
   // Print the cycle unless any part of it is ignored
@@ -278,6 +279,20 @@ function metroImportAll(moduleId: ModuleID | VerboseModuleNameForDev | number) {
 }
 metroRequire.importAll = metroImportAll;
 
+// The `require.context()` syntax is never executed in the runtime because it is converted
+// to `require()` in `metro/src/ModuleGraph/worker/collectDependencies.js` after collecting
+// dependencies. If the feature flag is not enabled then the conversion never takes place and this error is thrown (development only).
+metroRequire.context = function fallbackRequireContext() {
+  if (__DEV__) {
+    throw new Error(
+      'The experimental Metro feature `require.context` is not enabled in your project.\nThis can be enabled by setting the `transformer.unstable_allowRequireContext` property to `true` in your Metro configuration.',
+    );
+  }
+  throw new Error(
+    'The experimental Metro feature `require.context` is not enabled in your project.',
+  );
+};
+
 let inGuard = false;
 function guardedLoadModule(
   moduleId: ModuleID,
@@ -867,7 +882,10 @@ if (__DEV__) {
   };
 
   // Modules that only export components become React Refresh boundaries.
-  var isReactRefreshBoundary = function (Refresh, moduleExports): boolean {
+  var isReactRefreshBoundary = function (
+    Refresh: any,
+    moduleExports: Exports,
+  ): boolean {
     if (Refresh.isLikelyComponentType(moduleExports)) {
       return true;
     }
@@ -896,9 +914,9 @@ if (__DEV__) {
   };
 
   var shouldInvalidateReactRefreshBoundary = (
-    Refresh,
-    prevExports,
-    nextExports,
+    Refresh: any,
+    prevExports: Exports,
+    nextExports: Exports,
   ) => {
     const prevSignature = getRefreshBoundarySignature(Refresh, prevExports);
     const nextSignature = getRefreshBoundarySignature(Refresh, nextExports);
@@ -914,7 +932,10 @@ if (__DEV__) {
   };
 
   // When this signature changes, it's unsafe to stop at this refresh boundary.
-  var getRefreshBoundarySignature = (Refresh, moduleExports): Array<mixed> => {
+  var getRefreshBoundarySignature = (
+    Refresh: any,
+    moduleExports: Exports,
+  ): Array<mixed> => {
     const signature = [];
     signature.push(Refresh.getFamilyByType(moduleExports));
     if (moduleExports == null || typeof moduleExports !== 'object') {
@@ -937,7 +958,11 @@ if (__DEV__) {
     return signature;
   };
 
-  var registerExportsForReactRefresh = (Refresh, moduleExports, moduleID) => {
+  var registerExportsForReactRefresh = (
+    Refresh: any,
+    moduleExports: Exports,
+    moduleID: ModuleID,
+  ) => {
     Refresh.register(moduleExports, moduleID + ' %exports%');
     if (moduleExports == null || typeof moduleExports !== 'object') {
       // Exit if we can't iterate over exports.