expo 55.0.0-canary-20260119-70f7c28 → 55.0.0-canary-20260119-17896bf

package/src/dom/webview-wrapper.tsx

@@ -1,14 +1,9 @@
 // A webview without babel to test faster.
-//
-// Keep in sync with ExpoLogBox native webview wrappers.
-// Android https://github.com/expo/expo/blob/main/packages/%40expo/log-box/android/src/main/expo/modules/logbox/ExpoLogBoxWebViewWrapper.kt
-// iOS https://github.com/expo/expo/blob/main/packages/%40expo/log-box/ios/ExpoLogBoxWebViewWrapper.swift
 import React from 'react';
 import { AppState } from 'react-native';
 
 import { getBaseURL } from './base';
-import { DOMPropsInternal } from './dom-internal.types';
-import type { BridgeMessage, WebViewProps, WebViewRef } from './dom.types';
+import type { BridgeMessage, DOMProps, WebViewProps, WebViewRef } from './dom.types';
 import { _emitGlobalEvent } from './global-events';
 import {
   getInjectBodySizeObserverScript,
@@ -27,15 +22,14 @@ type RawWebViewProps = React.ComponentProps<Exclude<typeof ExpoDomWebView, undef
 
 interface Props {
   children?: any;
-  dom?: DOMPropsInternal;
+  dom?: DOMProps;
   filePath: string;
   ref: React.Ref<object>;
   [propName: string]: unknown;
 }
 
 const RawWebView = React.forwardRef<object, Props>((props, ref) => {
-  const { children, dom: domProps, filePath, ref: _ref, ...marshalProps } = props as Props;
-  const { overrideUri, ...dom } = domProps || {};
+  const { children, dom, filePath, ref: _ref, ...marshalProps } = props as Props;
   if (__DEV__) {
     if (children !== undefined) {
       throw new Error(
@@ -72,7 +66,7 @@ const RawWebView = React.forwardRef<object, Props>((props, ref) => {
   const webView = resolveWebView(dom?.useExpoDOMWebView ?? false);
   const webviewRef = React.useRef<WebViewRef>(null);
   const domImperativeHandlePropsRef = React.useRef<string[]>([]);
-  const source = { uri: overrideUri ?? `${getBaseURL()}/${filePath}` };
+  const source = { uri: `${getBaseURL()}/${filePath}` };
   const [containerStyle, setContainerStyle] = React.useState<WebViewProps['containerStyle']>(null);
 
   const { debugZeroHeightStyle, debugOnLayout } = useDebugZeroHeight(dom);
@@ -135,12 +129,10 @@ const RawWebView = React.forwardRef<object, Props>((props, ref) => {
         subscription.remove();
       });
     },
-    ...domProps,
+    ...dom,
     containerStyle: [containerStyle, debugZeroHeightStyle, dom?.containerStyle],
-    onLayout: (__DEV__ ? debugOnLayout : dom?.onLayout) as RawWebViewProps['onLayout'],
+    onLayout: __DEV__ ? debugOnLayout : dom?.onLayout,
     injectedJavaScriptBeforeContentLoaded: [
-      // Inject the top-most OS for the DOM component to read.
-      `window.$$EXPO_DOM_HOST_OS = ${JSON.stringify(process.env.EXPO_OS)};true;`,
       // On first mount, inject `$$EXPO_INITIAL_PROPS` with the initial props.
       `window.$$EXPO_INITIAL_PROPS = ${JSON.stringify(smartActions)};true;`,
       dom?.matchContents ? getInjectBodySizeObserverScript() : null,

package/src/hooks/useEvent.ts

@@ -32,7 +32,7 @@ type InferEventParameter<
 /**
  * React hook that listens to events emitted by the given object. The returned value is an event parameter
  * that gets updated whenever a new event is dispatched.
- * @param eventEmitter An object that emits events. For example, a native module or shared object or an instance of [`EventEmitter`](#eventemittertype).
+ * @param eventEmitter An object that emits events. For example, a native module or shared object or an instance of [`EventEmitter`](#eventemitter).
  * @param eventName Name of the event to listen to.
  * @param initialValue An event parameter to use until the event is called for the first time.
  * @returns A parameter of the event listener.
@@ -71,7 +71,7 @@ export function useEvent<
 /**
  * React hook that listens to events emitted by the given object and calls the listener function whenever a new event is dispatched.
  * The event listener is automatically added during the first render and removed when the component unmounts.
- * @param eventEmitter An object that emits events. For example, a native module or shared object or an instance of [`EventEmitter`](#eventemittertype).
+ * @param eventEmitter An object that emits events. For example, a native module or shared object or an instance of [`EventEmitter`](#eventemitter).
  * @param eventName Name of the event to listen to.
  * @param listener A function to call when the event is dispatched.
  * @example

package/types/react-native-web.d.ts

@@ -93,7 +93,7 @@ declare module 'react-native' {
     /** @platform web */
     transitionDelay?: string | string[];
     /** @platform web */
-    transitionDuration?: string | string[] | number;
+    transitionDuration?: string | string[];
     /** @platform web */
     transitionProperty?: string | string[];
     /** @platform web */

package/build/async-require/buildErrors.d.ts

@@ -1,5 +0,0 @@
-export declare class HMRMetroBuildError extends Error {
-    originalMessage: string;
-    constructor(message?: string, type?: string, cause?: Error);
-}
-//# sourceMappingURL=buildErrors.d.ts.map

package/build/async-require/buildErrors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildErrors.d.ts","sourceRoot":"","sources":["../../src/async-require/buildErrors.ts"],"names":[],"mappings":"AAEA,qBAAa,kBAAmB,SAAQ,KAAK;IACpC,eAAe,EAAE,MAAM,CAAC;gBAEnB,OAAO,GAAE,MAA8B,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK;CAQlF"}

package/build/async-require/getFullBundlerUrl.d.ts

@@ -1,2 +0,0 @@
-export declare function getFullBundlerUrl(): string;
-//# sourceMappingURL=getFullBundlerUrl.d.ts.map

package/build/async-require/getFullBundlerUrl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFullBundlerUrl.d.ts","sourceRoot":"","sources":["../../src/async-require/getFullBundlerUrl.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,IAAI,MAAM,CAY1C"}

package/build/async-require/hmrUtils.d.ts

@@ -1,13 +0,0 @@
-export declare function getFullBundlerUrl(_: {
-    serverScheme?: string;
-    serverHost?: string;
-    bundleEntry?: string;
-    platform?: string;
-}): string;
-export declare function showLoading(message: string, _type: 'load' | 'refresh'): void;
-export declare function hideLoading(): void;
-export declare function resetErrorOverlay(): void;
-export declare function reload(): void;
-export declare function getConnectionError(serverHost: string, e: Error): string;
-export declare function handleCompileError(cause: any): void;
-//# sourceMappingURL=hmrUtils.d.ts.map

package/build/async-require/hmrUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hmrUtils.d.ts","sourceRoot":"","sources":["../../src/async-require/hmrUtils.ts"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,CAAC,CAAC,EAAE;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAET;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,QAKrE;AAED,wBAAgB,WAAW,SAE1B;AAED,wBAAgB,iBAAiB,SAGhC;AAED,wBAAgB,MAAM,SAGrB;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAWvE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,GAAG,QAK5C"}

package/build/async-require/hmrUtils.native.d.ts

@@ -1,13 +0,0 @@
-export declare function showLoading(message: string, type: 'load' | 'refresh'): void;
-export declare function hideLoading(): void;
-export declare function resetErrorOverlay(): void;
-export declare function reload(): void;
-export declare function getFullBundlerUrl({ serverScheme, serverHost, bundleEntry, platform, }: {
-    serverScheme: string;
-    serverHost: string;
-    bundleEntry: string;
-    platform: string;
-}): string;
-export declare function getConnectionError(serverHost: string, e: Error): string;
-export declare function handleCompileError(cause: any): void;
-//# sourceMappingURL=hmrUtils.native.d.ts.map

package/build/async-require/hmrUtils.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hmrUtils.native.d.ts","sourceRoot":"","sources":["../../src/async-require/hmrUtils.native.ts"],"names":[],"mappings":"AAWA,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,QAGpE;AAED,wBAAgB,WAAW,SAG1B;AAED,wBAAgB,iBAAiB,SAIhC;AAED,wBAAgB,MAAM,SAGrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,GACT,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,MAAM,CAKT;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAkBvE;AAcD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,GAAG,QAe5C"}

package/build/dom/dom-internal.types.d.ts

@@ -1,11 +0,0 @@
-import type { DOMProps } from './dom.types';
-export interface DOMPropsInternal extends DOMProps {
-    /**
-     * Allows dynamically redirecting a component to a different source, for example prebuilt version.
-     * @internal
-     */
-    sourceOverride?: {
-        uri: string;
-    };
-}
-//# sourceMappingURL=dom-internal.types.d.ts.map

package/build/dom/dom-internal.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom-internal.types.d.ts","sourceRoot":"","sources":["../../src/dom/dom-internal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;;OAGG;IACH,cAAc,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC"}

package/ios/AppDelegates/ExpoReactNativeFactory.h

@@ -1,12 +0,0 @@
-// Copyright 2025-present 650 Industries. All rights reserved.
-
-#import <ExpoModulesCore/ExpoModulesCore.h>
-#import <Expo/RCTAppDelegateUmbrella.h>
-
-@protocol RCTHostDelegate;
-@protocol RCTHostRuntimeDelegate;
-
-NS_SWIFT_NAME(ExpoReactNativeFactoryObjC)
-@interface EXReactNativeFactory : RCTReactNativeFactory <RCTHostDelegate, RCTHostRuntimeDelegate>
-
-@end

package/ios/AppDelegates/ExpoReactNativeFactory.mm

@@ -1,45 +0,0 @@
-// Copyright 2025-present 650 Industries. All rights reserved.
-
-#import <Expo/ExpoReactNativeFactory.h>
-
-#import <ExpoModulesCore/ExpoModulesCore.h>
-#import <ExpoModulesCore/EXRuntime.h>
-#if __has_include(<ExpoModulesCore/ExpoModulesCore-Swift.h>)
-#import <ExpoModulesCore/ExpoModulesCore-Swift.h>
-#else
-#import "ExpoModulesCore-Swift.h"
-#endif
-#import <ReactCommon/RCTHost.h>
-
-@implementation EXReactNativeFactory {
-  EXAppContext *_appContext;
-}
-
-#pragma mark - RCTHostDelegate
-
-// [main thread]
-- (void)hostDidStart:(nonnull RCTHost *)host
-{
-  // Setting the runtime delegate here doesn't feel right, but there is no other way
-  // to capture the `host:didInitializeRuntime:` method call.
-  // With the current API design we also depend that the runtime is initialized after the host started,
-  // which isn't obvious, especially they are invoked on different threads.
-  // Ideally if the current `RCTHostRuntimeDelegate` is part of `RCTHostDelegate`.
-  host.runtimeDelegate = self;
-}
-
-#pragma mark - RCTHostRuntimeDelegate
-
-// [JS thread]
-- (void)host:(nonnull RCTHost *)host didInitializeRuntime:(jsi::Runtime &)runtime
-{
-  _appContext = [[EXAppContext alloc] init];
-
-  // Inject and decorate the `global.expo` object
-  _appContext._runtime = [[EXRuntime alloc] initWithRuntime:runtime];
-  [_appContext setHostWrapper:[[EXHostWrapper alloc] initWithHost:host]];
-
-  [_appContext registerNativeModules];
-}
-
-@end

package/local-build-cache-provider.d.ts

@@ -1 +0,0 @@
-export * from '@expo/local-build-cache-provider';

package/local-build-cache-provider.js

@@ -1 +0,0 @@
-module.exports = require('@expo/local-build-cache-provider');

package/src/async-require/buildErrors.ts

@@ -1,14 +0,0 @@
-import { withoutANSIColorStyles } from '@expo/log-box/utils';
-
-export class HMRMetroBuildError extends Error {
-  public originalMessage: string;
-
-  constructor(message: string = 'Unknown Metro Error', type?: string, cause?: Error) {
-    super(message);
-    this.name = type || 'BuildError';
-    this.cause = cause;
-    this.originalMessage = [type, message].filter(Boolean).join(': ');
-    this.message = withoutANSIColorStyles(message);
-    this.stack = '';
-  }
-}

package/src/async-require/getFullBundlerUrl.ts

@@ -1,13 +0,0 @@
-export function getFullBundlerUrl(): string {
-  const currentScript = document?.currentScript;
-  const bundleUrl = new URL(
-    currentScript && 'src' in currentScript ? currentScript.src : location.href,
-    location.href
-  );
-
-  if (!bundleUrl.searchParams.has('platform')) {
-    bundleUrl.searchParams.set('platform', process.env.EXPO_OS ?? 'web');
-  }
-
-  return bundleUrl.toString();
-}

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

@@ -1,97 +0,0 @@
-// Based on https://github.com/facebook/react-native/blob/9ab95dd2b5746e8323ad1d65591d5a4ec7718790/packages/react-native/Libraries/Utilities/HMRClient.js
-
-// @ts-expect-error missing types
-import getDevServer from 'react-native/Libraries/Core/Devtools/getDevServer';
-import LogBox from 'react-native/Libraries/LogBox/LogBox';
-// @ts-expect-error missing types
-import NativeRedBox from 'react-native/Libraries/NativeModules/specs/NativeRedBox';
-import DevSettings from 'react-native/Libraries/Utilities/DevSettings';
-
-import { HMRMetroBuildError } from './buildErrors';
-
-export function showLoading(message: string, type: 'load' | 'refresh') {
-  const DevLoadingView = require('react-native/Libraries/Utilities/DevLoadingView').default;
-  DevLoadingView.showMessage(message, type);
-}
-
-export function hideLoading() {
-  const DevLoadingView = require('react-native/Libraries/Utilities/DevLoadingView').default;
-  DevLoadingView.hide();
-}
-
-export function resetErrorOverlay() {
-  dismissRedbox();
-  // @ts-expect-error clearAllLogs exists, but ts types are missing
-  LogBox.clearAllLogs();
-}
-
-export function reload() {
-  // @ts-expect-error missing types
-  DevSettings.reload('Bundle Splitting – Metro disconnected');
-}
-
-export function getFullBundlerUrl({
-  serverScheme,
-  serverHost,
-  bundleEntry,
-  platform,
-}: {
-  serverScheme: string;
-  serverHost: string;
-  bundleEntry: string;
-  platform: string;
-}): string {
-  return (
-    getDevServer().fullBundleUrl ??
-    `${serverScheme}://${serverHost}/hot?bundleEntry=${bundleEntry}&platform=${platform}`
-  );
-}
-
-export function getConnectionError(serverHost: string, e: Error): string {
-  let error = `Cannot connect to Expo CLI.
-
-Try the following to fix the issue:
-- Ensure that Expo dev server is running and available on the same network`;
-
-  if (process.env.EXPO_OS === 'android') {
-    error += `
-- Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices
-- If you're on a physical device connected to the same machine, run 'adb reverse tcp:8081 tcp:8081' to forward requests from your device`;
-  }
-
-  error += `
-
-URL: ${serverHost}
-
-Error: ${e.message}`;
-  return error;
-}
-
-function dismissRedbox() {
-  if (process.env.EXPO_OS === 'ios' && NativeRedBox != null && NativeRedBox.dismiss != null) {
-    NativeRedBox.dismiss();
-  } else {
-    const NativeExceptionsManager =
-      require('react-native/Libraries/Core/NativeExceptionsManager').default;
-    NativeExceptionsManager &&
-      NativeExceptionsManager.dismissRedbox &&
-      NativeExceptionsManager.dismissRedbox();
-  }
-}
-
-export function handleCompileError(cause: any) {
-  if (cause === 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 LogBox = require('react-native/Libraries/LogBox/LogBox').default;
-  // The error is passed thru LogBox APIs directly to the parsing function.
-  // Won't log the error in devtools console
-  // (using throw would mangle the error message and print with ANSI
-  // because throw on native is processed as console.error)
-  LogBox.addException(new HMRMetroBuildError(cause.message, cause.type, cause.cause));
-}

package/src/async-require/hmrUtils.ts

@@ -1,54 +0,0 @@
-import { DeviceEventEmitter } from 'react-native';
-
-import { HMRMetroBuildError } from './buildErrors';
-import { getFullBundlerUrl as getFullBundlerUrlHelper } from './getFullBundlerUrl';
-
-export function getFullBundlerUrl(_: {
-  serverScheme?: string;
-  serverHost?: string;
-  bundleEntry?: string;
-  platform?: string;
-}): string {
-  return getFullBundlerUrlHelper();
-}
-
-export function showLoading(message: string, _type: 'load' | 'refresh') {
-  // Ensure events are sent so custom Fast Refresh views are shown.
-  DeviceEventEmitter.emit('devLoadingView:showMessage', {
-    message,
-  });
-}
-
-export function hideLoading() {
-  DeviceEventEmitter.emit('devLoadingView:hide', {});
-}
-
-export function resetErrorOverlay() {
-  // @ts-expect-error
-  globalThis.__expo_dev_resetErrors?.();
-}
-
-export function reload() {
-  // "Bundle Splitting – Metro disconnected"
-  window.location.reload();
-}
-
-export function getConnectionError(serverHost: string, e: Error): string {
-  return `
-Cannot connect to Expo CLI.
-
-Try the following to fix the issue:
-- Ensure the Expo dev server is running and available on the same network as this device
-
-URL: ${serverHost}
-
-Error: ${e.message}
-  `.trim();
-}
-
-export function handleCompileError(cause: any) {
-  if (!cause) {
-    return;
-  }
-  throw new HMRMetroBuildError(cause.message, cause.type, cause.cause);
-}

package/src/dom/dom-internal.types.ts

@@ -1,9 +0,0 @@
-import type { DOMProps } from './dom.types';
-
-export interface DOMPropsInternal extends DOMProps {
-  /**
-   * Allows dynamically redirecting a component to a different source, for example prebuilt version.
-   * @internal
-   */
-  sourceOverride?: { uri: string };
-}