metro-runtime 0.80.5 → 0.80.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "metro-runtime",
-  "version": "0.80.5",
+  "version": "0.80.7",
   "description": "🚇 Module required for evaluating Metro bundles.",
   "main": "src",
   "repository": {

package/src/modules/HMRClient.js

@@ -1,24 +1,10 @@
-/**
- * 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
- * @oncall react_native
- */
-
 "use strict";
 
 const EventEmitter = require("./vendor/eventemitter3");
 const inject = ({ module: [id, code], sourceURL }) => {
-  // Some engines do not support `sourceURL` as a comment. We expose a
-  // `globalEvalWithSourceUrl` function to handle updates in that case.
   if (global.globalEvalWithSourceUrl) {
     global.globalEvalWithSourceUrl(code, sourceURL);
   } else {
-    // eslint-disable-next-line no-eval
     eval(code);
   }
 };
@@ -33,9 +19,6 @@ class HMRClient extends EventEmitter {
   _state = "opening";
   constructor(url) {
     super();
-
-    // Access the global WebSocket object only after enabling the client,
-    // since some polyfills do the initialization lazily.
     this._ws = new global.WebSocket(url);
     this._ws.onopen = () => {
       this._state = "open";
@@ -96,7 +79,6 @@ class HMRClient extends EventEmitter {
         this._ws.send(message);
         break;
       case "closed":
-        // Ignore.
         break;
       default:
         throw new Error("[WebSocketHMRClient] Unknown state: " + this._state);
@@ -128,8 +110,6 @@ function mergeUpdates(base, next) {
   const addedIDs = new Set();
   const deletedIDs = new Set();
   const moduleMap = new Map();
-
-  // Fill in the temporary maps and sets from both updates in their order.
   applyUpdateLocally(base);
   applyUpdateLocally(next);
   function applyUpdateLocally(update) {
@@ -155,9 +135,6 @@ function mergeUpdates(base, next) {
       moduleMap.set(id, item);
     });
   }
-
-  // Now reconstruct a unified update from our in-memory maps and sets.
-  // Applying it should be equivalent to applying both of them individually.
   const result = {
     isInitialUpdate: next.isInitialUpdate,
     revisionId: next.revisionId,

package/src/modules/asyncRequire.js

@@ -1,16 +1,5 @@
 "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
- * @oncall react_native
- */
-
 const DEFAULT_OPTIONS = {
   isPrefetchOnly: false,
 };
@@ -21,7 +10,6 @@ async function asyncRequireImpl(moduleID, paths, options) {
     if (paths != null) {
       const bundlePath = paths[stringModuleID];
       if (bundlePath != null) {
-        // NOTE: Errors will be swallowed by asyncRequire.prefetch
         await loadBundle(bundlePath);
       }
     }

package/src/modules/empty-module.js

@@ -1,10 +1 @@
-/**
- * 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
- *
- */
 "use strict";

package/src/modules/null-module.js

@@ -1,13 +1,3 @@
 "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 = null;

package/src/modules/types.flow.js

@@ -1,12 +1 @@
-/**
- * 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
- * @oncall react_native
- */
-
 "use strict";

package/src/modules/vendor/eventemitter3.js

@@ -1,79 +1,17 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @noformat
- */
-
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2014 Arnout Kazemier
- *
- * This is a vendored file based on EventEmitter3: https://github.com/primus/eventemitter3
- */
-
-/* eslint-disable */
-
 "use strict";
 
 var has = Object.prototype.hasOwnProperty,
   prefix = "~";
-
-/**
- * Constructor to create a storage for our `EE` objects.
- * An `Events` instance is a plain object whose properties are event names.
- *
- * @constructor
- * @private
- */
 function Events() {}
-
-//
-// We try to not inherit from `Object.prototype`. In some engines creating an
-// instance in this way is faster than calling `Object.create(null)` directly.
-// If `Object.create(null)` is not supported we prefix the event names with a
-// character to make sure that the built-in object properties are not
-// overridden or used as an attack vector.
-//
 if (Object.create) {
   Events.prototype = Object.create(null);
-
-  //
-  // This hack is needed because the `__proto__` property is still inherited in
-  // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.
-  //
   if (!new Events().__proto__) prefix = false;
 }
-
-/**
- * Representation of a single event listener.
- *
- * @param {Function} fn The listener function.
- * @param {*} context The context to invoke the listener with.
- * @param {Boolean} [once=false] Specify if the listener is a one-time listener.
- * @constructor
- * @private
- */
 function EE(fn, context, once) {
   this.fn = fn;
   this.context = context;
   this.once = once || false;
 }
-
-/**
- * Add a listener for a given event.
- *
- * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.
- * @param {(String|Symbol)} event The event name.
- * @param {Function} fn The listener function.
- * @param {*} context The context to invoke the listener with.
- * @param {Boolean} once Specify if the listener is a one-time listener.
- * @returns {EventEmitter}
- * @private
- */
 function addListener(emitter, event, fn, context, once) {
   if (typeof fn !== "function") {
     throw new TypeError("The listener must be a function");
@@ -86,38 +24,14 @@ function addListener(emitter, event, fn, context, once) {
   else emitter._events[evt] = [emitter._events[evt], listener];
   return emitter;
 }
-
-/**
- * Clear event by name.
- *
- * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.
- * @param {(String|Symbol)} evt The Event name.
- * @private
- */
 function clearEvent(emitter, evt) {
   if (--emitter._eventsCount === 0) emitter._events = new Events();
   else delete emitter._events[evt];
 }
-
-/**
- * Minimal `EventEmitter` interface that is molded against the Node.js
- * `EventEmitter` interface.
- *
- * @constructor
- * @public
- */
 function EventEmitter() {
   this._events = new Events();
   this._eventsCount = 0;
 }
-
-/**
- * Return an array listing the events for which the emitter has registered
- * listeners.
- *
- * @returns {Array}
- * @public
- */
 EventEmitter.prototype.eventNames = function eventNames() {
   var names = [],
     events,
@@ -131,14 +45,6 @@ EventEmitter.prototype.eventNames = function eventNames() {
   }
   return names;
 };
-
-/**
- * Return the listeners registered for a given event.
- *
- * @param {(String|Symbol)} event The event name.
- * @returns {Array} The registered listeners.
- * @public
- */
 EventEmitter.prototype.listeners = function listeners(event) {
   var evt = prefix ? prefix + event : event,
     handlers = this._events[evt];
@@ -149,14 +55,6 @@ EventEmitter.prototype.listeners = function listeners(event) {
   }
   return ee;
 };
-
-/**
- * Return the number of listeners listening to a given event.
- *
- * @param {(String|Symbol)} event The event name.
- * @returns {Number} The number of listeners.
- * @public
- */
 EventEmitter.prototype.listenerCount = function listenerCount(event) {
   var evt = prefix ? prefix + event : event,
     listeners = this._events[evt];
@@ -164,14 +62,6 @@ EventEmitter.prototype.listenerCount = function listenerCount(event) {
   if (listeners.fn) return 1;
   return listeners.length;
 };
-
-/**
- * Calls each of the listeners registered for a given event.
- *
- * @param {(String|Symbol)} event The event name.
- * @returns {Boolean} `true` if the event had listeners, else `false`.
- * @public
- */
 EventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
   var evt = prefix ? prefix + event : event;
   if (!this._events[evt]) return false;
@@ -230,43 +120,12 @@ EventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
   }
   return true;
 };
-
-/**
- * Add a listener for a given event.
- *
- * @param {(String|Symbol)} event The event name.
- * @param {Function} fn The listener function.
- * @param {*} [context=this] The context to invoke the listener with.
- * @returns {EventEmitter} `this`.
- * @public
- */
 EventEmitter.prototype.on = function on(event, fn, context) {
   return addListener(this, event, fn, context, false);
 };
-
-/**
- * Add a one-time listener for a given event.
- *
- * @param {(String|Symbol)} event The event name.
- * @param {Function} fn The listener function.
- * @param {*} [context=this] The context to invoke the listener with.
- * @returns {EventEmitter} `this`.
- * @public
- */
 EventEmitter.prototype.once = function once(event, fn, context) {
   return addListener(this, event, fn, context, true);
 };
-
-/**
- * Remove the listeners of a given event.
- *
- * @param {(String|Symbol)} event The event name.
- * @param {Function} fn Only remove the listeners that match this function.
- * @param {*} context Only remove the listeners that have this context.
- * @param {Boolean} once Only remove one-time listeners.
- * @returns {EventEmitter} `this`.
- * @public
- */
 EventEmitter.prototype.removeListener = function removeListener(
   event,
   fn,
@@ -298,24 +157,12 @@ EventEmitter.prototype.removeListener = function removeListener(
         events.push(listeners[i]);
       }
     }
-
-    //
-    // Reset the array, or remove it completely if we have no more listeners.
-    //
     if (events.length)
       this._events[evt] = events.length === 1 ? events[0] : events;
     else clearEvent(this, evt);
   }
   return this;
 };
-
-/**
- * Remove all listeners, or those of the specified event.
- *
- * @param {(String|Symbol)} [event] The event name.
- * @returns {EventEmitter} `this`.
- * @public
- */
 EventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {
   var evt;
   if (event) {
@@ -327,26 +174,10 @@ EventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {
   }
   return this;
 };
-
-//
-// Alias methods names because people roll like that.
-//
 EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
 EventEmitter.prototype.addListener = EventEmitter.prototype.on;
-
-//
-// Expose the prefix.
-//
 EventEmitter.prefixed = prefix;
-
-//
-// Allow `EventEmitter` to be imported as module namespace.
-//
 EventEmitter.EventEmitter = EventEmitter;
-
-//
-// Expose the module.
-//
 if ("undefined" !== typeof module) {
   module.exports = EventEmitter;
 }

package/src/polyfills/require.js

@@ -1,29 +1,10 @@
-/**
- * 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
- * @oncall react_native
- * @polyfill
- */
-
 "use strict";
 
-/* eslint-disable no-bitwise */
-// A simpler $ArrayLike<T>. Not iterable and doesn't have a `length`.
-// This is compatible with actual arrays as well as with objects that look like
-// {0: 'value', 1: '...'}
 global.__r = metroRequire;
 global[`${__METRO_GLOBAL_PREFIX__}__d`] = define;
 global.__c = clear;
 global.__registerSegment = registerSegment;
 var modules = clear();
-
-// Don't use a Symbol here, it would pull in an extra polyfill with all sorts of
-// additional stuff (e.g. Array.from).
 const EMPTY = {};
 const CYCLE_DETECTED = {};
 const { hasOwnProperty } = {};
@@ -33,10 +14,6 @@ if (__DEV__) {
 }
 function clear() {
   modules = Object.create(null);
-
-  // We return modules here so that we can assign an initial value to modules
-  // when defining it. Otherwise, we would have to do "let modules = null",
-  // which will force us to add "nullthrows" everywhere.
   return modules;
 }
 if (__DEV__) {
@@ -46,19 +23,11 @@ if (__DEV__) {
 function define(factory, moduleId, dependencyMap) {
   if (modules[moduleId] != null) {
     if (__DEV__) {
-      // (We take `inverseDependencies` from `arguments` to avoid an unused
-      // named parameter in `define` in production.
       const inverseDependencies = arguments[4];
-
-      // If the module has already been defined and the define method has been
-      // called with inverseDependencies, we can hot reload it.
       if (inverseDependencies) {
         global.__accept(moduleId, factory, dependencyMap, inverseDependencies);
       }
     }
-
-    // prevent repeated calls to `global.nativeRequire` to overwrite modules
-    // that are already loaded
     return;
   }
   const mod = {
@@ -74,12 +43,7 @@ function define(factory, moduleId, dependencyMap) {
   };
   modules[moduleId] = mod;
   if (__DEV__) {
-    // HMR
     mod.hot = createHotReloadingObject();
-
-    // DEBUGGABLE MODULES NAMES
-    // we take `verboseName` from `arguments` to avoid an unused named parameter
-    // in `define` in production.
     const verboseName = arguments[3];
     if (verboseName) {
       mod.verboseName = verboseName;
@@ -100,8 +64,6 @@ function metroRequire(moduleId) {
       );
     }
   }
-
-  //$FlowFixMe: at this point we know that moduleId is a number
   const moduleIdReallyIsNumber = moduleId;
   if (__DEV__) {
     const initializingIndex = initializingModuleIds.indexOf(
@@ -112,7 +74,7 @@ function metroRequire(moduleId) {
         .slice(initializingIndex)
         .map((id) => (modules[id] ? modules[id].verboseName : "[unknown]"));
       if (shouldPrintRequireCycle(cycle)) {
-        cycle.push(cycle[0]); // We want to print A -> B -> A:
+        cycle.push(cycle[0]);
         console.warn(
           `Require cycle: ${cycle.join(" -> ")}\n\n` +
             "Require cycles are allowed, but can result in uninitialized values. " +
@@ -126,9 +88,6 @@ function metroRequire(moduleId) {
     ? module.publicModule.exports
     : guardedLoadModule(moduleIdReallyIsNumber, module);
 }
-
-// We print require cycles unless they match a pattern in the
-// `requireCycleIgnorePatterns` configuration.
 function shouldPrintRequireCycle(modules) {
   const regExps =
     global[__METRO_GLOBAL_PREFIX__ + "__requireCycleIgnorePatterns"];
@@ -137,8 +96,6 @@ function shouldPrintRequireCycle(modules) {
   }
   const isIgnored = (module) =>
     module != null && regExps.some((regExp) => regExp.test(module));
-
-  // Print the cycle unless any part of it is ignored
   return modules.every((module) => !isIgnored(module));
 }
 function metroImportDefault(moduleId) {
@@ -146,8 +103,6 @@ function metroImportDefault(moduleId) {
     const verboseName = moduleId;
     moduleId = verboseNamesToModuleIds[verboseName];
   }
-
-  //$FlowFixMe: at this point we know that moduleId is a number
   const moduleIdReallyIsNumber = moduleId;
   if (
     modules[moduleIdReallyIsNumber] &&
@@ -158,8 +113,6 @@ function metroImportDefault(moduleId) {
   const exports = metroRequire(moduleIdReallyIsNumber);
   const importedDefault =
     exports && exports.__esModule ? exports.default : exports;
-
-  // $FlowFixMe The metroRequire call above will throw if modules[id] is null
   return (modules[moduleIdReallyIsNumber].importedDefault = importedDefault);
 }
 metroRequire.importDefault = metroImportDefault;
@@ -168,8 +121,6 @@ function metroImportAll(moduleId) {
     const verboseName = moduleId;
     moduleId = verboseNamesToModuleIds[verboseName];
   }
-
-  //$FlowFixMe: at this point we know that moduleId is a number
   const moduleIdReallyIsNumber = moduleId;
   if (
     modules[moduleIdReallyIsNumber] &&
@@ -183,8 +134,6 @@ function metroImportAll(moduleId) {
     importedAll = exports;
   } else {
     importedAll = {};
-
-    // Refrain from using Object.assign, it has to work in ES3 environments.
     if (exports) {
       for (const key in exports) {
         if (hasOwnProperty.call(exports, key)) {
@@ -194,15 +143,9 @@ function metroImportAll(moduleId) {
     }
     importedAll.default = exports;
   }
-
-  // $FlowFixMe The metroRequire call above will throw if modules[id] is null
   return (modules[moduleIdReallyIsNumber].importedAll = importedAll);
 }
 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(
@@ -213,8 +156,6 @@ metroRequire.context = function fallbackRequireContext() {
     "The experimental Metro feature `require.context` is not enabled in your project."
   );
 };
-
-// `require.resolveWeak()` is a compile-time primitive (see collectDependencies.js)
 metroRequire.resolveWeak = function fallbackRequireResolveWeak() {
   if (__DEV__) {
     throw new Error(
@@ -231,7 +172,6 @@ function guardedLoadModule(moduleId, module) {
     try {
       returnValue = loadModuleImplementation(moduleId, module);
     } catch (e) {
-      // TODO: (moti) T48204692 Type this use of ErrorUtils.
       global.ErrorUtils.reportFatalError(e);
     }
     inGuard = false;
@@ -306,10 +246,6 @@ function loadModuleImplementation(moduleId, module) {
     var Systrace = requireSystrace();
     var Refresh = requireRefresh();
   }
-
-  // We must optimistically mark module as initialized before running the
-  // factory to keep any require cycles inside the factory from causing an
-  // infinite require loop.
   module.isInitialized = true;
   const { factory, dependencyMap } = module;
   if (__DEV__) {
@@ -317,7 +253,6 @@ function loadModuleImplementation(moduleId, module) {
   }
   try {
     if (__DEV__) {
-      // $FlowIgnore: we know that __DEV__ is const and `Systrace` exists
       Systrace.beginEvent("JS_require_" + (module.verboseName || moduleId));
     }
     const moduleObject = module.publicModule;
@@ -335,10 +270,6 @@ function loadModuleImplementation(moduleId, module) {
       }
     }
     moduleObject.id = moduleId;
-
-    // keep args in sync with with defineModuleCode in
-    // metro/src/Resolver/index.js
-    // and metro/src/ModuleGraph/worker.js
     factory(
       global,
       metroRequire,
@@ -348,15 +279,11 @@ function loadModuleImplementation(moduleId, module) {
       moduleObject.exports,
       dependencyMap
     );
-
-    // avoid removing factory in DEV mode as it breaks HMR
     if (!__DEV__) {
-      // $FlowFixMe: This is only sound because we never access `factory` again
       module.factory = undefined;
       module.dependencyMap = undefined;
     }
     if (__DEV__) {
-      // $FlowIgnore: we know that __DEV__ is const and `Systrace` exists
       Systrace.endEvent();
       if (Refresh != null) {
         registerExportsForReactRefresh(Refresh, moduleObject.exports, moduleId);
@@ -391,17 +318,13 @@ function unknownModuleError(id) {
   return Error(message);
 }
 if (__DEV__) {
-  // $FlowFixMe[prop-missing]
   metroRequire.Systrace = {
     beginEvent: () => {},
     endEvent: () => {},
   };
-  // $FlowFixMe[prop-missing]
   metroRequire.getModules = () => {
     return modules;
   };
-
-  // HOT MODULE RELOADING
   var createHotReloadingObject = function () {
     const hot = {
       _acceptCallback: null,
@@ -427,48 +350,25 @@ if (__DEV__) {
     const mod = modules[id];
     if (!mod) {
       if (factory) {
-        // New modules are going to be handled by the define() method.
         return;
       }
       throw unknownModuleError(id);
     }
     if (!mod.hasError && !mod.isInitialized) {
-      // The module hasn't actually been executed yet,
-      // so we can always safely replace it.
       mod.factory = factory;
       mod.dependencyMap = dependencyMap;
       return;
     }
     const Refresh = requireRefresh();
     const refreshBoundaryIDs = new Set();
-
-    // In this loop, we will traverse the dependency tree upwards from the
-    // changed module. Updates "bubble" up to the closest accepted parent.
-    //
-    // If we reach the module root and nothing along the way accepted the update,
-    // we know hot reload is going to fail. In that case we return false.
-    //
-    // The main purpose of this loop is to figure out whether it's safe to apply
-    // a hot update. It is only safe when the update was accepted somewhere
-    // along the way upwards for each of its parent dependency module chains.
-    //
-    // We perform a topological sort because we may discover the same
-    // module more than once in the list of things to re-execute, and
-    // we want to execute modules before modules that depend on them.
-    //
-    // If we didn't have this check, we'd risk re-evaluating modules that
-    // have side effects and lead to confusing and meaningless crashes.
-
     let didBailOut = false;
     let updatedModuleIDs;
     try {
       updatedModuleIDs = topologicalSort(
         [id],
-        // Start with the changed module and go upwards
         (pendingID) => {
           const pendingModule = modules[pendingID];
           if (pendingModule == null) {
-            // Nothing to do.
             return [];
           }
           const pendingHot = pendingModule.hot;
@@ -477,10 +377,8 @@ if (__DEV__) {
               "[Refresh] Expected module.hot to always exist in DEV."
             );
           }
-          // A module can be accepted manually from within itself.
           let canAccept = pendingHot._didAccept;
           if (!canAccept && Refresh != null) {
-            // Or React Refresh may mark it accepted based on exports.
             const isBoundary = isReactRefreshBoundary(
               Refresh,
               pendingModule.publicModule.exports
@@ -491,15 +389,10 @@ if (__DEV__) {
             }
           }
           if (canAccept) {
-            // Don't look at parents.
             return [];
           }
-          // If we bubble through the roof, there is no way to do a hot update.
-          // Bail out altogether. This is the failure case.
           const parentIDs = inverseDependencies[pendingID];
           if (parentIDs.length === 0) {
-            // Reload the app because the hot reload can't succeed.
-            // This should work both on web and React Native.
             performFullRefresh("No root boundary", {
               source: mod,
               failed: pendingModule,
@@ -507,11 +400,9 @@ if (__DEV__) {
             didBailOut = true;
             return [];
           }
-          // This module can't handle the update but maybe all its parents can?
-          // Put them all in the queue to run the same set of checks.
           return parentIDs;
         },
-        () => didBailOut // Should we stop?
+        () => didBailOut
       ).reverse();
     } catch (e) {
       if (e === CYCLE_DETECTED) {
@@ -525,9 +416,6 @@ if (__DEV__) {
     if (didBailOut) {
       return;
     }
-
-    // If we reached here, it is likely that hot reload will be successful.
-    // Run the actual factories.
     const seenModuleIDs = new Set();
     for (let i = 0; i < updatedModuleIDs.length; i++) {
       const updatedID = updatedModuleIDs[i];
@@ -547,35 +435,21 @@ if (__DEV__) {
       );
       const nextExports = updatedMod.publicModule.exports;
       if (didError) {
-        // The user was shown a redbox about module initialization.
-        // There's nothing for us to do here until it's fixed.
         return;
       }
       if (refreshBoundaryIDs.has(updatedID)) {
-        // Since we just executed the code for it, it's possible
-        // that the new exports make it ineligible for being a boundary.
         const isNoLongerABoundary = !isReactRefreshBoundary(
           Refresh,
           nextExports
         );
-        // It can also become ineligible if its exports are incompatible
-        // with the previous exports.
-        // For example, if you add/remove/change exports, we'll want
-        // to re-execute the importing modules, and force those components
-        // to re-render. Similarly, if you convert a class component
-        // to a function, we want to invalidate the boundary.
         const didInvalidate = shouldInvalidateReactRefreshBoundary(
           Refresh,
           prevExports,
           nextExports
         );
         if (isNoLongerABoundary || didInvalidate) {
-          // We'll be conservative. The only case in which we won't do a full
-          // reload is if all parent modules are also refresh boundaries.
-          // In that case we'll add them to the current queue.
           const parentIDs = inverseDependencies[updatedID];
           if (parentIDs.length === 0) {
-            // Looks like we bubbled to the root. Can't recover from that.
             performFullRefresh(
               isNoLongerABoundary
                 ? "No longer a boundary"
@@ -587,7 +461,6 @@ if (__DEV__) {
             );
             return;
           }
-          // Schedule all parent refresh boundaries to re-run in this loop.
           for (let j = 0; j < parentIDs.length; j++) {
             const parentID = parentIDs[j];
             const parentMod = modules[parentID];
@@ -599,7 +472,6 @@ if (__DEV__) {
               parentMod.publicModule.exports
             );
             if (canAcceptParent) {
-              // All parents will have to re-run too.
               refreshBoundaryIDs.add(parentID);
               updatedModuleIDs.push(parentID);
             } else {
@@ -614,12 +486,9 @@ if (__DEV__) {
       }
     }
     if (Refresh != null) {
-      // Debounce a little in case there are multiple updates queued up.
-      // This is also useful because __accept may be called multiple times.
       if (reactRefreshTimeout == null) {
         reactRefreshTimeout = setTimeout(() => {
           reactRefreshTimeout = null;
-          // Update React components.
           Refresh.performReactRefresh();
         }, 30);
       }
@@ -691,17 +560,10 @@ if (__DEV__) {
     hot._disposeCallback = null;
     metroRequire(id);
     if (mod.hasError) {
-      // This error has already been reported via a redbox.
-      // We know it's likely a typo or some mistake that was just introduced.
-      // Our goal now is to keep the rest of the application working so that by
-      // the time user fixes the error, the app isn't completely destroyed
-      // underneath the redbox. So we'll revert the module object to the last
-      // successful export and stop propagating this update.
       mod.hasError = false;
       mod.isInitialized = true;
       mod.error = null;
       mod.publicModule.exports = prevExports;
-      // We errored. Stop the update.
       return true;
     }
     if (hot._acceptCallback) {
@@ -714,11 +576,9 @@ if (__DEV__) {
         );
       }
     }
-    // No error.
     return false;
   };
   const performFullRefresh = (reason, modules) => {
-    /* global window */
     if (
       typeof window !== "undefined" &&
       window.location != null &&
@@ -738,14 +598,11 @@ if (__DEV__) {
       }
     }
   };
-
-  // Modules that only export components become React Refresh boundaries.
   var isReactRefreshBoundary = function (Refresh, moduleExports) {
     if (Refresh.isLikelyComponentType(moduleExports)) {
       return true;
     }
     if (moduleExports == null || typeof moduleExports !== "object") {
-      // Exit if we can't iterate over exports.
       return false;
     }
     let hasExports = false;
@@ -757,7 +614,6 @@ if (__DEV__) {
       }
       const desc = Object.getOwnPropertyDescriptor(moduleExports, key);
       if (desc && desc.get) {
-        // Don't invoke getters as they may have side effects.
         return false;
       }
       const exportValue = moduleExports[key];
@@ -784,14 +640,10 @@ if (__DEV__) {
     }
     return false;
   };
-
-  // When this signature changes, it's unsafe to stop at this refresh boundary.
   var getRefreshBoundarySignature = (Refresh, moduleExports) => {
     const signature = [];
     signature.push(Refresh.getFamilyByType(moduleExports));
     if (moduleExports == null || typeof moduleExports !== "object") {
-      // Exit if we can't iterate over exports.
-      // (This is important for legacy environments.)
       return signature;
     }
     for (const key in moduleExports) {
@@ -811,14 +663,11 @@ if (__DEV__) {
   var registerExportsForReactRefresh = (Refresh, moduleExports, moduleID) => {
     Refresh.register(moduleExports, moduleID + " %exports%");
     if (moduleExports == null || typeof moduleExports !== "object") {
-      // Exit if we can't iterate over exports.
-      // (This is important for legacy environments.)
       return;
     }
     for (const key in moduleExports) {
       const desc = Object.getOwnPropertyDescriptor(moduleExports, key);
       if (desc && desc.get) {
-        // Don't invoke getters as they may have side effects.
         continue;
       }
       const exportValue = moduleExports[key];
@@ -829,21 +678,13 @@ if (__DEV__) {
   global.__accept = metroHotUpdateModule;
 }
 if (__DEV__) {
-  // The metro require polyfill can not have module dependencies.
-  // The Systrace and ReactRefresh dependencies are, therefore, made publicly
-  // available. Ideally, the dependency would be inversed in a way that
-  // Systrace / ReactRefresh could integrate into Metro rather than
-  // having to make them publicly available.
-
   var requireSystrace = function requireSystrace() {
     return (
-      // $FlowFixMe[prop-missing]
       global[__METRO_GLOBAL_PREFIX__ + "__SYSTRACE"] || metroRequire.Systrace
     );
   };
   var requireRefresh = function requireRefresh() {
     return (
-      // $FlowFixMe[prop-missing]
       global[__METRO_GLOBAL_PREFIX__ + "__ReactRefresh"] || metroRequire.Refresh
     );
   };