@expo/metro-runtime 5.0.1 → 5.0.3

package/build/LoadingView.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-declare function showMessage(message: string, type: 'load' | 'refresh'): void;
+declare function showMessage(message: string, _type: 'load' | 'refresh'): void;
 declare function hide(): void;
 declare const _default: {
     showMessage: typeof showMessage;

package/build/LoadingView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingView.d.ts","sourceRoot":"","sources":["../src/LoadingView.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,iBAAS,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,QAI7D;AAED,iBAAS,IAAI,SAEZ;;;;;AAED,wBAGE"}
+{"version":3,"file":"LoadingView.d.ts","sourceRoot":"","sources":["../src/LoadingView.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,iBAAS,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,QAI9D;AAED,iBAAS,IAAI,SAEZ;;;;;AAED,wBAGE"}

package/build/effects.d.ts

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=effects.d.ts.map

package/build/effects.native.d.ts

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=effects.native.d.ts.map

package/build/location/Location.d.ts

@@ -1,3 +1,3 @@
 export declare function install(): void;
-export declare function setLocationHref(href: string): void;
+export declare function setLocationHref(_href: string): void;
 //# sourceMappingURL=Location.d.ts.map

package/build/location/Location.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Location.d.ts","sourceRoot":"","sources":["../../src/location/Location.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,SAAK;AAE5B,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,QAAI"}
+{"version":3,"file":"Location.d.ts","sourceRoot":"","sources":["../../src/location/Location.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,SAAK;AAE5B,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,QAAI"}

package/build/location/install.d.ts

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=install.d.ts.map

package/build/location/install.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"install.native.d.ts","sourceRoot":"","sources":["../../src/location/install.native.ts"],"names":[],"mappings":"AACA,OAAO,4CAA4C,CAAC;AAGpD,OAAO,cAAc,CAAC;AAEtB,OAAO,MAAM,CAAC;AAqCd,QAAA,MAAM,cAAc,eAAqD,CAAC;AAE1E,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,QAAQ,GAAG;IAAE,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAA;CAAE;uBAAT,OAAO;EAmBzF"}
+{"version":3,"file":"install.native.d.ts","sourceRoot":"","sources":["../../src/location/install.native.ts"],"names":[],"mappings":"AACA,OAAO,4CAA4C,CAAC;AAGpD,OAAO,cAAc,CAAC;AAEtB,OAAO,MAAM,CAAC;AA4Cd,QAAA,MAAM,cAAc,eAAqD,CAAC;AAE1E,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,QAAQ,GAAG;IAAE,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAA;CAAE;uBAAT,OAAO;EAmBzF"}

package/build/messageSocket.d.ts

@@ -1,3 +1,2 @@
-declare const protocol: string;
-declare const messageSocket: WebSocket;
+export {};
 //# sourceMappingURL=messageSocket.d.ts.map

package/build/messageSocket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageSocket.d.ts","sourceRoot":"","sources":["../src/messageSocket.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,QAAQ,QAAuD,CAAC;AACtE,QAAA,MAAM,aAAa,WAAiE,CAAC"}
+{"version":3,"file":"messageSocket.d.ts","sourceRoot":"","sources":["../src/messageSocket.ts"],"names":[],"mappings":""}

package/build/messageSocket.native.d.ts

@@ -1,2 +1,2 @@
-declare function createWebSocketConnection(path?: string): any;
+export {};
 //# sourceMappingURL=messageSocket.native.d.ts.map

package/build/messageSocket.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageSocket.native.d.ts","sourceRoot":"","sources":["../src/messageSocket.native.ts"],"names":[],"mappings":"AAEA,iBAAS,yBAAyB,CAAC,IAAI,GAAE,MAAmB,OAW3D"}
+{"version":3,"file":"messageSocket.native.d.ts","sourceRoot":"","sources":["../src/messageSocket.native.ts"],"names":[],"mappings":""}

package/build/setupFastRefresh.d.ts

@@ -1,10 +1,2 @@
-declare const ReactRefreshRuntime: any;
-declare const Refresh: {
-    performFullRefresh(): void;
-    createSignatureFunctionForTransform: any;
-    isLikelyComponentType: any;
-    getFamilyByType: any;
-    register: any;
-    performReactRefresh(): void;
-};
+export {};
 //# sourceMappingURL=setupFastRefresh.d.ts.map

package/build/setupFastRefresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setupFastRefresh.d.ts","sourceRoot":"","sources":["../src/setupFastRefresh.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,mBAAmB,KAAmC,CAAC;AAG7D,QAAA,MAAM,OAAO;;;;;;;CAoBZ,CAAC"}
+{"version":3,"file":"setupFastRefresh.d.ts","sourceRoot":"","sources":["../src/setupFastRefresh.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/metro-runtime",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "description": "Tools for making advanced Metro bundler features work",
   "sideEffects": true,
   "main": "src/index.ts",
@@ -37,5 +37,5 @@
   "peerDependencies": {
     "react-native": "*"
   },
-  "gitHead": "1914bb35d23af23078da37e70988261844436505"
+  "gitHead": "a639a661a5329e58f916cf69b8f1a7718bbdd26e"
 }

package/src/LoadingView.ts

@@ -8,7 +8,7 @@
 import { DeviceEventEmitter } from 'react-native-web';
 
 // Ensure events are sent so custom Fast Refresh views are shown.
-function showMessage(message: string, type: 'load' | 'refresh') {
+function showMessage(message: string, _type: 'load' | 'refresh') {
   DeviceEventEmitter.emit('devLoadingView:showMessage', {
     message,
   });

package/src/error-overlay/Data/LogBoxData.tsx

@@ -361,7 +361,7 @@ export function withSubscription(WrappedComponent: React.FC<object>): React.Comp
       return { hasError: true };
     }
 
-    constructor(props) {
+    constructor(props: object) {
       super(props);
 
       if (process.env.NODE_ENV === 'development') {

package/src/error-overlay/LogBox.ts

@@ -27,11 +27,11 @@ const LogBox: ILogBox = {
     return false;
   },
 
-  ignoreLogs(patterns: readonly IgnorePattern[]): void {
+  ignoreLogs(_patterns: readonly IgnorePattern[]): void {
     // Do nothing.
   },
 
-  ignoreAllLogs(value?: boolean): void {
+  ignoreAllLogs(_value?: boolean): void {
     // Do nothing.
   },
 
@@ -39,11 +39,11 @@ const LogBox: ILogBox = {
     // Do nothing.
   },
 
-  addLog(log: LogData): void {
+  addLog(_log: LogData): void {
     // Do nothing.
   },
 
-  addException(ex: ExtendedExceptionData): void {
+  addException(_ex: ExtendedExceptionData): void {
     // Do nothing.
   },
 };

package/src/error-overlay/LogBox.web.ts

@@ -163,11 +163,11 @@ if (__DEV__) {
     isInstalled(): boolean {
       return false;
     },
-    ignoreLogs(patterns: readonly IgnorePattern[]): void {},
-    ignoreAllLogs(value?: boolean): void {},
+    ignoreLogs(_patterns: readonly IgnorePattern[]): void {},
+    ignoreAllLogs(_value?: boolean): void {},
     clearAllLogs(): void {},
-    addLog(log: LogData): void {},
-    addException(ex: ExtendedExceptionData): void {},
+    addLog(_log: LogData): void {},
+    addException(_ex: ExtendedExceptionData): void {},
   };
 }
 

package/src/location/Location.ts

@@ -1,3 +1,3 @@
 export function install() {}
 
-export function setLocationHref(href: string) {}
+export function setLocationHref(_href: string) {}

package/src/location/install.native.ts

@@ -8,22 +8,29 @@ import 'expo';
 // This file configures the runtime environment to increase compatibility with WinterCG.
 // https://wintercg.org/
 import Constants from 'expo-constants';
-import { polyfillGlobal as installGlobal } from 'react-native/Libraries/Utilities/PolyfillFunctions';
 
 import { install, setLocationHref } from './Location';
 import getDevServer from '../getDevServer';
 
-const manifest = Constants.expoConfig as Record<string, any> | null;
+interface ExpoExtraRouterConfig {
+  router?: {
+    origin?: any;
+    generatedOrigin?: any;
+  };
+}
+
+const manifest = Constants.expoConfig;
 
 function getOrigin() {
   if (process.env.NODE_ENV !== 'production') {
     // e.g. http://localhost:8081
     return getDevServer().url;
   }
+  const extra = manifest?.extra as ExpoExtraRouterConfig | null;
   return (
-    manifest?.extra?.router?.origin ??
+    extra?.router?.origin ??
     // Written automatically during release builds.
-    manifest?.extra?.router?.generatedOrigin
+    extra?.router?.generatedOrigin
   );
 }
 
@@ -64,34 +71,8 @@ export function wrapFetchWithWindowLocation(fetch: Function & { [polyfillSymbol]
   return _fetch;
 }
 
-// Add a well-known shared symbol that doesn't show up in iteration or inspection
-// this can be used to detect if the global object abides by the Expo team's documented
-// built-in requirements.
-const BUILTIN_SYMBOL = Symbol.for('expo.builtin');
-
-function addBuiltinSymbol(obj: object) {
-  Object.defineProperty(obj, BUILTIN_SYMBOL, {
-    value: true,
-    enumerable: false,
-    configurable: false,
-  });
-  return obj;
-}
-
-function installBuiltin(name: string, getValue: () => any) {
-  installGlobal(name, () => addBuiltinSymbol(getValue()));
-}
-
-try {
-  require('web-streams-polyfill');
-  // NOTE: Fetch is polyfilled in expo/metro-runtime
-  installBuiltin(
-    'ReadableStream',
-    () => require('web-streams-polyfill/ponyfill/es6').ReadableStream
-  );
-} catch {}
-
-if (manifest?.extra?.router?.origin !== false) {
+const extra = manifest?.extra as ExpoExtraRouterConfig | null;
+if (extra?.router?.origin !== false) {
   // Polyfill window.location in native runtimes.
   if (typeof window !== 'undefined' && !window.location) {
     const url = getBaseUrl();

package/src/messageSocket.native.ts

@@ -1,6 +1,10 @@
 /* eslint-env browser */
 
-function createWebSocketConnection(path: string = '/message') {
+declare namespace globalThis {
+  const __EXPO_RSC_RELOAD_LISTENERS__: (() => unknown)[] | undefined;
+}
+
+function createWebSocketConnection(path: string = '/message'): WebSocket {
   const getDevServer = require('react-native/Libraries/Core/Devtools/getDevServer').default;
   const devServer = getDevServer();
   if (!devServer.bundleLoadedFromServer) {

package/src/messageSocket.ts

@@ -3,6 +3,10 @@
 // Setup websocket messages for reloading the page from the command line.
 // This is normally setup on the native client.
 
+declare namespace globalThis {
+  const __EXPO_RSC_RELOAD_LISTENERS__: (() => unknown)[] | undefined;
+}
+
 const protocol = window.location.protocol === 'https:' ? 'wss' : 'ws';
 const messageSocket = new WebSocket(`${protocol}://${window.location.host}/message`);
 messageSocket.onmessage = (message) => {

package/src/setupHMR.ts

@@ -7,19 +7,24 @@ if (
 ) {
   // Sets up developer tools for web platforms when running in a webview. This ensures that logs are visible in the terminal.
   // 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);
-      };
-    }
-  );
+  const LEVELS = [
+    'trace',
+    'info',
+    'warn',
+    'error',
+    'log',
+    'group',
+    'groupCollapsed',
+    'groupEnd',
+    'debug',
+  ] as const;
+  LEVELS.forEach((level) => {
+    const originalFunction = console[level];
+    console[level] = function (...args: any[]) {
+      HMRClient.log(level, args);
+      originalFunction.apply(console, args);
+    };
+  });
   HMRClient.log('log', [`[webview] Logs will also appear in the Safari/Chrome debug console`]);
 } else {
   HMRClient.log('log', [`[web] Logs will appear in the browser console`]);

package/src/ts-declarations/metro-runtime.d.ts

@@ -0,0 +1,22 @@
+// TODO(@kitten): Used in `src/HMRClient.ts`; move to using `metro-runtime/modules/HMRClient` import
+declare module 'metro-runtime/src/modules/HMRClient' {
+  // NOTE(@kitten): These are inexact types, but we're just trying to vaguely match for now
+  class HMRClient {
+    constructor(uri: string);
+
+    send(msg: string): void;
+    isEnabled(): boolean;
+    disable(): void;
+    enable(): void;
+    close(): void;
+    hasPendingUpdates(): boolean;
+
+    on(name: 'connection-error', onEvent: (error: Error) => unknown): void;
+    on(name: 'update-start', onEvent: (event: { isInitialUpdate?: boolean }) => unknown): void;
+    on(name: 'update', onEvent: (event: { isInitialUpdate?: boolean }) => unknown): void;
+    on(name: 'update-done', onEvent: (event: unknown) => unknown): void;
+    on(name: 'error', onEvent: (event: { type: string; message: string }) => unknown): void;
+    on(name: 'close', onEvent: (event: { code: number; reason: string }) => unknown): void;
+  }
+  export = HMRClient;
+}

package/src/ts-declarations/react-native-web.d.ts

@@ -0,0 +1,3 @@
+declare module 'react-native-web' {
+  export { DeviceEventEmitter } from 'react-native';
+}

package/src/ts-declarations/react-native.d.ts

@@ -0,0 +1,42 @@
+declare module 'react-native/Libraries/Utilities/PolyfillFunctions' {
+  export function polyfillGlobal(): void;
+  export function polyfillGlobal(name: string, install: () => unknown): void;
+}
+
+declare module 'react-native/Libraries/Utilities/DevLoadingView' {
+  const LoadingView: any;
+  export default LoadingView;
+}
+
+declare module 'react-native/Libraries/Core/ExceptionsManager' {
+  declare class SyntheticError extends Error {}
+  const ExceptionsManager: {
+    parseException(e: any, isFatal: boolean): void;
+    handleException(e: any): void;
+    SyntheticError: typeof SyntheticError;
+  };
+  export default ExceptionsManager;
+}
+
+declare module 'react-native/Libraries/NativeModules/specs/NativeLogBox' {
+  const NativeLogBox: {
+    show(): void;
+    hide(): void;
+  };
+  export default NativeLogBox;
+}
+
+declare module 'react-native/Libraries/Core/Devtools/getDevServer' {
+  interface DevServerInfo {
+    bundleLoadedFromServer: boolean;
+    fullBundleUrl: string;
+    url: string;
+  }
+  function getDevServer(): DevServerInfo;
+  export default getDevServer;
+}
+
+declare module 'react-native/Libraries/Core/Devtools/openFileInEditor' {
+  function openFileInEditor(file: string, lineNumber: number): void;
+  export default getDevServer;
+}