@expo/metro-runtime 3.0.1 → 3.0.2

package/build/index.js

@@ -1,12 +1,14 @@
 "use strict";
+/**
+ * Copyright © 2023 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
 require("./location/install");
-// Ensure this is removed in production.
-// TODO: Enable in production.
-if (process.env.NODE_ENV !== 'production') {
-    // IMPORT POSITION MATTERS FOR FAST REFRESH ON WEB
-    require('./effects');
-    // vvv EVERYTHING ELSE vvv
-    require('./async-require');
-}
+// IMPORT POSITION MATTERS FOR FAST REFRESH ON WEB
+require("./effects");
+// vvv EVERYTHING ELSE vvv
+require("./async-require");
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,8BAA4B;AAE5B,wCAAwC;AACxC,8BAA8B;AAC9B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,kDAAkD;IAClD,OAAO,CAAC,WAAW,CAAC,CAAC;IACrB,0BAA0B;IAC1B,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAC5B","sourcesContent":["import './location/install';\n\n// Ensure this is removed in production.\n// TODO: Enable in production.\nif (process.env.NODE_ENV !== 'production') {\n  // IMPORT POSITION MATTERS FOR FAST REFRESH ON WEB\n  require('./effects');\n  // vvv EVERYTHING ELSE vvv\n  require('./async-require');\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAEH,8BAA4B;AAC5B,kDAAkD;AAClD,qBAAmB;AACnB,0BAA0B;AAC1B,2BAAyB","sourcesContent":["/**\n * Copyright © 2023 650 Industries.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './location/install';\n// IMPORT POSITION MATTERS FOR FAST REFRESH ON WEB\nimport './effects';\n// vvv EVERYTHING ELSE vvv\nimport './async-require';\n"]}

package/build/setupHMR.js

@@ -3,32 +3,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_native_1 = require("react-native");
 const HMRClient_1 = __importDefault(require("./HMRClient"));
 // Sets up developer tools for React Native web.
-if (!react_native_1.Platform.isTesting) {
-    // We assume full control over the console and send JavaScript logs to Metro.
-    // [
-    //   'trace',
-    //   'info',
-    //   'warn',
-    //   'error',
-    //   'log',
-    //   'group',
-    //   'groupCollapsed',
-    //   'groupEnd',
-    //   'debug',
-    // ].forEach(level => {
-    //   const originalFunction = console[level];
-    //   console[level] = function (...args: readonly any[]) {
-    //     HMRClient.log(
-    //       // @ts-expect-error
-    //       level, args);
-    //     originalFunction.apply(console, args);
-    //   };
-    // });
-    HMRClient_1.default.log('log', [`[${react_native_1.Platform.OS}] Logs will appear in the browser console`]);
-}
+// We assume full control over the console and send JavaScript logs to Metro.
+// [
+//   'trace',
+//   'info',
+//   'warn',
+//   'error',
+//   'log',
+//   'group',
+//   'groupCollapsed',
+//   'groupEnd',
+//   'debug',
+// ].forEach(level => {
+//   const originalFunction = console[level];
+//   console[level] = function (...args: readonly any[]) {
+//     HMRClient.log(
+//       // @ts-expect-error
+//       level, args);
+//     originalFunction.apply(console, args);
+//   };
+// });
+HMRClient_1.default.log('log', [`[web] Logs will appear in the browser console`]);
 // This is called native on native platforms
 HMRClient_1.default.setup({ isEnabled: true });
 //# sourceMappingURL=setupHMR.js.map

package/build/setupHMR.js.map

@@ -1 +1 @@
-{"version":3,"file":"setupHMR.js","sourceRoot":"","sources":["../src/setupHMR.ts"],"names":[],"mappings":";;;;;AAAA,+CAAwC;AAExC,4DAAoC;AAEpC,gDAAgD;AAChD,IAAI,CAAC,uBAAQ,CAAC,SAAS,EAAE;IACvB,6EAA6E;IAC7E,IAAI;IACJ,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,WAAW;IACX,aAAa;IACb,sBAAsB;IACtB,gBAAgB;IAChB,aAAa;IACb,uBAAuB;IACvB,6CAA6C;IAC7C,0DAA0D;IAC1D,qBAAqB;IACrB,4BAA4B;IAC5B,sBAAsB;IACtB,6CAA6C;IAC7C,OAAO;IACP,MAAM;IAEN,mBAAS,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,IAAI,uBAAQ,CAAC,EAAE,2CAA2C,CAAC,CAAC,CAAC;CACpF;AAED,4CAA4C;AAC5C,mBAAS,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC","sourcesContent":["import { Platform } from 'react-native';\n\nimport HMRClient from './HMRClient';\n\n// Sets up developer tools for React Native web.\nif (!Platform.isTesting) {\n  // We assume full control over the console and send JavaScript logs to Metro.\n  // [\n  //   'trace',\n  //   'info',\n  //   'warn',\n  //   'error',\n  //   'log',\n  //   'group',\n  //   'groupCollapsed',\n  //   'groupEnd',\n  //   'debug',\n  // ].forEach(level => {\n  //   const originalFunction = console[level];\n  //   console[level] = function (...args: readonly any[]) {\n  //     HMRClient.log(\n  //       // @ts-expect-error\n  //       level, args);\n  //     originalFunction.apply(console, args);\n  //   };\n  // });\n\n  HMRClient.log('log', [`[${Platform.OS}] Logs will appear in the browser console`]);\n}\n\n// This is called native on native platforms\nHMRClient.setup({ isEnabled: true });\n"]}
+{"version":3,"file":"setupHMR.js","sourceRoot":"","sources":["../src/setupHMR.ts"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AAEpC,gDAAgD;AAChD,6EAA6E;AAC7E,IAAI;AACJ,aAAa;AACb,YAAY;AACZ,YAAY;AACZ,aAAa;AACb,WAAW;AACX,aAAa;AACb,sBAAsB;AACtB,gBAAgB;AAChB,aAAa;AACb,uBAAuB;AACvB,6CAA6C;AAC7C,0DAA0D;AAC1D,qBAAqB;AACrB,4BAA4B;AAC5B,sBAAsB;AACtB,6CAA6C;AAC7C,OAAO;AACP,MAAM;AAEN,mBAAS,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,+CAA+C,CAAC,CAAC,CAAC;AAExE,4CAA4C;AAC5C,mBAAS,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC","sourcesContent":["import HMRClient from './HMRClient';\n\n// Sets up developer tools for React Native web.\n// We assume full control over the console and send JavaScript logs to Metro.\n// [\n//   'trace',\n//   'info',\n//   'warn',\n//   'error',\n//   'log',\n//   'group',\n//   'groupCollapsed',\n//   'groupEnd',\n//   'debug',\n// ].forEach(level => {\n//   const originalFunction = console[level];\n//   console[level] = function (...args: readonly any[]) {\n//     HMRClient.log(\n//       // @ts-expect-error\n//       level, args);\n//     originalFunction.apply(console, args);\n//   };\n// });\n\nHMRClient.log('log', [`[web] Logs will appear in the browser console`]);\n\n// This is called native on native platforms\nHMRClient.setup({ isEnabled: true });\n"]}

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@expo/metro-runtime",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Tools for making advanced Metro bundler features work",
+  "types": "build",
   "main": "build",
+  "browser": "src",
+  "react-native": "src",
   "homepage": "https://github.com/expo/expo/tree/main/packages/@expo/metro-runtime",
   "keywords": [],
   "author": "650 Industries, Inc.",
@@ -52,5 +55,5 @@
       }
     ]
   },
-  "gitHead": "79607a7325f47aa17c36d266100d09a4ff2cc544"
+  "gitHead": "ee2c866ba3c7fbc35ff2a3e896041cf15d3bd7c5"
 }

package/src/HMRClient.native.ts

@@ -0,0 +1,3 @@
+const HMRClient = require('react-native/Libraries/Utilities/HMRClient');
+
+export default HMRClient;

package/src/HMRClient.ts

@@ -0,0 +1,316 @@
+/**
+ * Copyright (c) 650 Industries.
+ * 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.
+ *
+ * Based on this but with web support:
+ * https://github.com/facebook/react-native/blob/086714b02b0fb838dee5a66c5bcefe73b53cf3df/Libraries/Utilities/HMRClient.js
+ */
+import prettyFormat, { plugins } from 'pretty-format';
+
+import LoadingView from './LoadingView';
+import LogBox from './error-overlay/LogBox';
+import getDevServer from './getDevServer';
+
+const MetroHMRClient = require('metro-runtime/src/modules/HMRClient');
+const pendingEntryPoints: string[] = [];
+
+type HMRClientType = {
+  send: (msg: string) => void;
+  isEnabled: () => boolean;
+  disable: () => void;
+  enable: () => void;
+  hasPendingUpdates: () => boolean;
+};
+
+let hmrClient: HMRClientType | null = null;
+let hmrUnavailableReason: string | null = null;
+let currentCompileErrorMessage: string | null = null;
+let didConnect: boolean = false;
+const pendingLogs: [LogLevel, any[]][] = [];
+
+type LogLevel =
+  | 'trace'
+  | 'info'
+  | 'warn'
+  | 'error'
+  | 'log'
+  | 'group'
+  | 'groupCollapsed'
+  | 'groupEnd'
+  | 'debug';
+
+export type HMRClientNativeInterface = {
+  enable(): void;
+  disable(): void;
+  registerBundle(requestUrl: string): void;
+  log(level: LogLevel, data: any[]): void;
+  setup(props: { isEnabled: boolean }): void;
+};
+
+function assert(foo: any, msg: string): asserts foo {
+  if (!foo) throw new Error(msg);
+}
+
+/**
+ * HMR Client that receives from the server HMR updates and propagates them
+ * runtime to reflects those changes.
+ */
+const HMRClient: HMRClientNativeInterface = {
+  enable() {
+    if (hmrUnavailableReason !== null) {
+      // If HMR became unavailable while you weren't using it,
+      // explain why when you try to turn it on.
+      // This is an error (and not a warning) because it is shown
+      // in response to a direct user action.
+      throw new Error(hmrUnavailableReason);
+    }
+
+    assert(hmrClient, 'Expected HMRClient.setup() call at startup.');
+
+    // We use this for internal logging only.
+    // It doesn't affect the logic.
+    hmrClient.send(JSON.stringify({ type: 'log-opt-in' }));
+
+    // When toggling Fast Refresh on, we might already have some stashed updates.
+    // Since they'll get applied now, we'll show a banner.
+    const hasUpdates = hmrClient!.hasPendingUpdates();
+
+    if (hasUpdates) {
+      LoadingView.showMessage('Refreshing...', 'refresh');
+    }
+    try {
+      hmrClient.enable();
+    } finally {
+      if (hasUpdates) {
+        LoadingView.hide();
+      }
+    }
+
+    // There could be a compile error while Fast Refresh was off,
+    // but we ignored it at the time. Show it now.
+    showCompileError();
+  },
+
+  disable() {
+    assert(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    hmrClient.disable();
+  },
+
+  registerBundle(requestUrl: string) {
+    assert(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    pendingEntryPoints.push(requestUrl);
+    registerBundleEntryPoints(hmrClient);
+  },
+
+  log(level: LogLevel, data: any[]) {
+    if (!hmrClient) {
+      // Catch a reasonable number of early logs
+      // in case hmrClient gets initialized later.
+      pendingLogs.push([level, data]);
+      if (pendingLogs.length > 100) {
+        pendingLogs.shift();
+      }
+      return;
+    }
+    try {
+      hmrClient.send(
+        JSON.stringify({
+          type: 'log',
+          level,
+          mode: 'BRIDGE',
+          data: data.map((item) =>
+            typeof item === 'string'
+              ? item
+              : prettyFormat(item, {
+                  escapeString: true,
+                  highlight: true,
+                  maxDepth: 3,
+                  min: true,
+                  plugins: [plugins.ReactElement],
+                })
+          ),
+        })
+      );
+    } catch {
+      // If sending logs causes any failures we want to silently ignore them
+      // to ensure we do not cause infinite-logging loops.
+    }
+  },
+
+  // Called once by the bridge on startup, even if Fast Refresh is off.
+  // It creates the HMR client but doesn't actually set up the socket yet.
+  setup({ isEnabled }: { isEnabled: boolean }) {
+    assert(!hmrClient, 'Cannot initialize hmrClient twice');
+
+    const serverScheme = window.location.protocol === 'https:' ? 'wss' : 'ws';
+    const client = new MetroHMRClient(`${serverScheme}://${window.location.host}/hot`);
+    hmrClient = client;
+
+    const { fullBundleUrl } = getDevServer();
+    pendingEntryPoints.push(
+      // HMRServer understands regular bundle URLs, so prefer that in case
+      // there are any important URL parameters we can't reconstruct from
+      // `setup()`'s arguments.
+      fullBundleUrl
+    );
+
+    client.on('connection-error', (e: Error) => {
+      let error = `Cannot connect to Metro.
+ 
+ Try the following to fix the issue:
+ - Ensure the Metro dev server is running and available on the same network as this device`;
+      error += `
+ 
+ URL: ${window.location.host}
+ 
+ Error: ${e.message}`;
+
+      setHMRUnavailableReason(error);
+    });
+
+    client.on('update-start', ({ isInitialUpdate }: { isInitialUpdate?: boolean }) => {
+      currentCompileErrorMessage = null;
+      didConnect = true;
+
+      if (client.isEnabled() && !isInitialUpdate) {
+        LoadingView.showMessage('Refreshing...', 'refresh');
+      }
+    });
+
+    client.on('update', ({ isInitialUpdate }: { isInitialUpdate?: boolean }) => {
+      if (client.isEnabled() && !isInitialUpdate) {
+        dismissRedbox();
+        LogBox.clearAllLogs();
+      }
+    });
+
+    client.on('update-done', () => {
+      LoadingView.hide();
+    });
+
+    client.on('error', (data: { type: string; message: string }) => {
+      LoadingView.hide();
+
+      if (data.type === 'GraphNotFoundError') {
+        client.close();
+        setHMRUnavailableReason('Metro has restarted since the last edit. Reload to reconnect.');
+      } else if (data.type === 'RevisionNotFoundError') {
+        client.close();
+        setHMRUnavailableReason('Metro and the client are out of sync. Reload to reconnect.');
+      } else {
+        currentCompileErrorMessage = `${data.type} ${data.message}`;
+        if (client.isEnabled()) {
+          showCompileError();
+        }
+      }
+    });
+
+    client.on('close', (closeEvent: { code: number; reason: string }) => {
+      LoadingView.hide();
+
+      // https://www.rfc-editor.org/rfc/rfc6455.html#section-7.4.1
+      // https://www.rfc-editor.org/rfc/rfc6455.html#section-7.1.5
+      const isNormalOrUnsetCloseReason =
+        closeEvent == null ||
+        closeEvent.code === 1000 ||
+        closeEvent.code === 1005 ||
+        closeEvent.code == null;
+
+      setHMRUnavailableReason(
+        `${
+          isNormalOrUnsetCloseReason
+            ? 'Disconnected from Metro.'
+            : `Disconnected from Metro (${closeEvent.code}: "${closeEvent.reason}").`
+        }
+
+To reconnect:
+- Ensure that Metro is running and available on the same network
+- Reload this app (will trigger further help if Metro cannot be connected to)
+      `
+      );
+    });
+
+    if (isEnabled) {
+      HMRClient.enable();
+    } else {
+      HMRClient.disable();
+    }
+
+    registerBundleEntryPoints(hmrClient);
+    flushEarlyLogs();
+  },
+};
+
+function setHMRUnavailableReason(reason: string) {
+  assert(hmrClient, 'Expected HMRClient.setup() call at startup.');
+  if (hmrUnavailableReason !== null) {
+    // Don't show more than one warning.
+    return;
+  }
+  hmrUnavailableReason = reason;
+
+  // We only want to show a warning if Fast Refresh is on *and* if we ever
+  // previously managed to connect successfully. We don't want to show
+  // the warning to native engineers who use cached bundles without Metro.
+  if (hmrClient.isEnabled() && didConnect) {
+    console.warn(reason);
+    // (Not using the `warning` module to prevent a Buck cycle.)
+  }
+}
+
+function registerBundleEntryPoints(client: HMRClientType | null) {
+  if (hmrUnavailableReason != null) {
+    // "Bundle Splitting – Metro disconnected"
+    window.location.reload();
+    return;
+  }
+
+  if (pendingEntryPoints.length > 0) {
+    client?.send(
+      JSON.stringify({
+        type: 'register-entrypoints',
+        entryPoints: pendingEntryPoints,
+      })
+    );
+    pendingEntryPoints.length = 0;
+  }
+}
+
+function flushEarlyLogs() {
+  try {
+    pendingLogs.forEach(([level, data]) => {
+      HMRClient.log(level, data);
+    });
+  } finally {
+    pendingLogs.length = 0;
+  }
+}
+
+function dismissRedbox() {
+  // TODO(EvanBacon): Error overlay for web.
+}
+
+function showCompileError() {
+  if (currentCompileErrorMessage === null) {
+    return;
+  }
+
+  // Even if there is already a redbox, syntax errors are more important.
+  // Otherwise you risk seeing a stale runtime error while a syntax error is more recent.
+  dismissRedbox();
+
+  const message = currentCompileErrorMessage;
+  currentCompileErrorMessage = null;
+
+  const error = new Error(message);
+  // Symbolicating compile errors is wasted effort
+  // because the stack trace is meaningless:
+  // @ts-expect-error
+  error.preventSymbolication = true;
+  throw error;
+}
+
+export default HMRClient;

package/src/LoadingView.native.ts

@@ -0,0 +1,3 @@
+import LoadingView from 'react-native/Libraries/Utilities/LoadingView';
+
+export default LoadingView;

package/src/LoadingView.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright © 2023 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { DeviceEventEmitter } from 'react-native-web';
+
+// Ensure events are sent so custom Fast Refresh views are shown.
+function showMessage(message: string, type: 'load' | 'refresh') {
+  DeviceEventEmitter.emit('devLoadingView:showMessage', {
+    message,
+  });
+}
+
+function hide() {
+  DeviceEventEmitter.emit('devLoadingView:hide', {});
+}
+
+export default {
+  showMessage,
+  hide,
+};

package/src/__mocks__/LoadingView.ts

@@ -0,0 +1,4 @@
+export default {
+  showMessage: jest.fn(),
+  hide: jest.fn(),
+};

package/src/async-require/buildAsyncRequire.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright © 2022 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { loadBundleAsync } from './loadBundle';
+
+/**
+ * Must satisfy the requirements of the Metro bundler.
+ * https://github.com/react-native-community/discussions-and-proposals/blob/main/proposals/0605-lazy-bundling.md#__loadbundleasync-in-metro
+ */
+type AsyncRequire = (path: string) => Promise<void>;
+
+/** Create an `loadBundleAsync` function in the expected shape for Metro bundler. */
+export function buildAsyncRequire(): AsyncRequire {
+  const cache = new Map<string, Promise<void>>();
+
+  return async function universal_loadBundleAsync(path: string): Promise<void> {
+    if (cache.has(path)) {
+      return cache.get(path)!;
+    }
+
+    const promise = loadBundleAsync(path).catch((error) => {
+      cache.delete(path);
+      throw error;
+    });
+
+    cache.set(path, promise);
+
+    return promise;
+  };
+}

package/src/async-require/buildUrlForBundle.native.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright © 2022 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export function buildUrlForBundle(bundlePath: string): string {
+  if (process.env.NODE_ENV === 'production') {
+    if (typeof location !== 'undefined') {
+      return joinComponents(location.origin, bundlePath);
+    }
+    throw new Error(
+      'Unable to determine the production URL where additional JavaScript chunks are hosted because the global "location" variable is not defined.'
+    );
+  } else {
+    const getDevServer = require('../getDevServer')
+      .default as typeof import('../getDevServer').default;
+
+    const { url: serverUrl } = getDevServer();
+
+    return joinComponents(serverUrl, bundlePath);
+  }
+}
+
+function joinComponents(prefix: string, suffix: string): string {
+  return prefix.replace(/\/+$/, '') + '/' + suffix.replace(/^\/+/, '');
+}

package/src/async-require/buildUrlForBundle.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright © 2022 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Given a path and some optional additional query parameters, create the dev server bundle URL.
+ * @param bundlePath like `/foobar`
+ * @param params like `{ platform: "web" }`
+ * @returns a URL like "/foobar.bundle?platform=android&modulesOnly=true&runModule=false&runtimeBytecodeVersion=null"
+ */
+export function buildUrlForBundle(bundlePath: string): string {
+  // NOTE(EvanBacon): This must come from the window origin (at least in dev mode).
+  // Otherwise Metro will crash from attempting to load a bundle that doesn't exist.
+  return '/' + bundlePath.replace(/^\/+/, '');
+}

package/src/async-require/fetchAsync.native.ts

@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) 650 Industries.
+ * 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.
+ */
+
+import { Platform } from 'react-native';
+// @ts-expect-error
+import Networking from 'react-native/Libraries/Network/RCTNetworking';
+
+type Subscriber = { remove: () => void };
+
+export function fetchAsync(
+  url: string
+): Promise<{ body: string; headers: Record<string, string> }> {
+  let id: string | null = null;
+  let responseText: string | null = null;
+  let headers: Record<string, string> = {};
+  let dataListener: Subscriber | null = null;
+  let completeListener: Subscriber | null = null;
+  let responseListener: Subscriber | null = null;
+  return new Promise<{ body: string; headers: Record<string, string> }>((resolve, reject) => {
+    const addListener = Networking.addListener as (
+      event: string,
+      callback: (props: [string, any, any]) => any
+    ) => Subscriber;
+    dataListener = addListener('didReceiveNetworkData', ([requestId, response]) => {
+      if (requestId === id) {
+        responseText = response;
+      }
+    });
+    responseListener = addListener(
+      'didReceiveNetworkResponse',
+      ([requestId, status, responseHeaders]) => {
+        if (requestId === id) {
+          headers = responseHeaders;
+        }
+      }
+    );
+    completeListener = addListener('didCompleteNetworkResponse', ([requestId, error]) => {
+      if (requestId === id) {
+        if (error) {
+          reject(error);
+        } else {
+          resolve({ body: responseText!, headers });
+        }
+      }
+    });
+    (Networking.sendRequest as any)(
+      'GET',
+      'asyncRequest',
+      url,
+      {
+        'expo-platform': Platform.OS,
+      },
+      '',
+      'text',
+      false,
+      0,
+      (requestId: string) => {
+        id = requestId;
+      },
+      true
+    );
+  }).finally(() => {
+    dataListener?.remove();
+    completeListener?.remove();
+    responseListener?.remove();
+  });
+}

package/src/async-require/fetchAsync.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright © 2022 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export async function fetchAsync(url: string): Promise<{ body: string; headers: Headers }> {
+  const response = await fetch(url, {
+    method: 'GET',
+    headers: {
+      // No real reason for this but we try to use this format for everything.
+      'expo-platform': 'web',
+    },
+  });
+  return {
+    body: await response.text(),
+    headers: response.headers,
+  };
+}

package/src/async-require/fetchThenEval.ts

@@ -0,0 +1 @@
+export { fetchThenEvalAsync } from './fetchThenEvalJs';