expo 52.0.0-preview.9 → 52.0.0

package/README.md

@@ -1,10 +1,11 @@
 # expo
 
-The `expo` package is a single package you can install in any React Native app to begin using Expo modules.
+The `expo` package is a single package you can install in any React Native app to begin using Expo modules. [API Reference](https://docs.expo.dev/versions/latest/sdk/expo/).
 
 - includes core infrastructure for Expo modules: `expo-modules-core` and `expo-modules-autolinking`.
 - bundles a minimal set of Expo modules that are required by nearly every app, such as `expo-asset`.
 - provides [`@expo/cli`](https://github.com/expo/expo/blob/main/packages/%40expo/cli/README.md), a small CLI that provides a clean interface around both bundlers (such as Metro and Webpack) and native build tools (Xcode, Simulator.app, Android Studio, ADB, etc.), can generate native projects with `npx expo prebuild`, and aligns compatible package versions with `npx expo install`.
 - exposes a JavaScript module that configures an app at runtime as needed to use `expo-font` and to function in Expo Go (optional, only if applicable).
 
+
 See [CONTRIBUTING](./CONTRIBUTING.md) for instructions on working on this package.

package/android/build.gradle

@@ -33,7 +33,7 @@ def getRNVersion() {
 ensureDependeciesWereEvaluated(project)
 
 group = 'host.exp.exponent'
-version = '52.0.0-preview.9'
+version = '52.0.0'
 
 buildscript {
   // Simple helper that allows the root project to override versions declared by this library.
@@ -46,7 +46,7 @@ android {
   namespace "expo.core"
   defaultConfig {
     versionCode 1
-    versionName "52.0.0-preview.9"
+    versionName "52.0.0"
     consumerProguardFiles("proguard-rules.pro")
   }
   testOptions {

package/build/Expo.d.ts

@@ -2,6 +2,6 @@ import './Expo.fx';
 export { disableErrorHandling } from './errors/ExpoErrorManager';
 export { default as registerRootComponent } from './launch/registerRootComponent';
 export { isRunningInExpoGo, getExpoGoProjectConfig } from './environment/ExpoGo';
-export { EventEmitter, SharedObject, SharedRef, NativeModule, requireNativeModule, requireOptionalNativeModule, reloadAppAsync, } from 'expo-modules-core';
+export { EventEmitter, SharedObject, SharedRef, NativeModule, requireNativeModule, requireOptionalNativeModule, requireNativeViewManager as requireNativeView, registerWebModule, reloadAppAsync, } from 'expo-modules-core';
 export { useEvent, useEventListener } from './hooks/useEvent';
 //# sourceMappingURL=Expo.d.ts.map

package/build/Expo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Expo.d.ts","sourceRoot":"","sources":["../src/Expo.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEjF,OAAO,EAEL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,YAAY,EAGZ,mBAAmB,EACnB,2BAA2B,EAC3B,cAAc,GACf,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"Expo.d.ts","sourceRoot":"","sources":["../src/Expo.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEjF,OAAO,EAEL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,YAAY,EAGZ,mBAAmB,EACnB,2BAA2B,EAC3B,wBAAwB,IAAI,iBAAiB,EAC7C,iBAAiB,EACjB,cAAc,GACf,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/build/dom/base.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Get the base URL for the DOM Components HTML
+ */
+export declare function getBaseURL(): string;
+//# sourceMappingURL=base.d.ts.map

package/build/dom/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/dom/base.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAkCnC"}

package/build/dom/injection.d.ts

@@ -5,6 +5,5 @@ export declare const DOM_EVENT = "$$dom_event";
 export declare const MATCH_CONTENTS_EVENT = "$$match_contents_event";
 export declare const REGISTER_DOM_IMPERATIVE_HANDLE_PROPS = "$$register_dom_imperative_handle_props";
 export declare const getInjectEventScript: <T extends BridgeMessage<any>>(detail: T) => string;
-export declare function getInjectEnvsScript(): string;
 export declare function getInjectBodySizeObserverScript(): string;
 //# sourceMappingURL=injection.d.ts.map

package/build/dom/injection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../src/dom/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,SAAS,gBAAgB,CAAC;AACvC,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,oCAAoC,2CAA2C,CAAC;AAE7F,eAAO,MAAM,oBAAoB,qDAOhC,CAAC;AAEF,wBAAgB,mBAAmB,WAalC;AAED,wBAAgB,+BAA+B,WAwB9C"}
+{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../src/dom/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,SAAS,gBAAgB,CAAC;AACvC,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAC7D,eAAO,MAAM,oCAAoC,2CAA2C,CAAC;AAE7F,eAAO,MAAM,oBAAoB,qDAOhC,CAAC;AAEF,wBAAgB,+BAA+B,WAwB9C"}

package/build/dom/webview-wrapper.d.ts

@@ -2,9 +2,7 @@ import React from 'react';
 import type { DOMProps } from './dom.types';
 interface Props {
     dom: DOMProps;
-    source: {
-        uri: string;
-    };
+    filePath: string;
 }
 declare const RawWebView: React.ForwardRefExoticComponent<Props & React.RefAttributes<object>>;
 export declare function resolveWebView(useExpoDOMWebView: boolean): any;

package/build/dom/webview-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webview-wrapper.d.ts","sourceRoot":"","sources":["../../src/dom/webview-wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAiB,QAAQ,EAA4B,MAAM,aAAa,CAAC;AAcrF,UAAU,KAAK;IACb,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,UAAU,sEA6Kd,CAAC;AAaH,wBAAgB,cAAc,CAAC,iBAAiB,EAAE,OAAO,OASxD;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"webview-wrapper.d.ts","sourceRoot":"","sources":["../../src/dom/webview-wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAiB,QAAQ,EAA4B,MAAM,aAAa,CAAC;AAarF,UAAU,KAAK;IACb,GAAG,EAAE,QAAQ,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,sEAiLd,CAAC;AAaH,wBAAgB,cAAc,CAAC,iBAAiB,EAAE,OAAO,OASxD;AAED,eAAe,UAAU,CAAC"}

package/build/launch/registerRootComponent.d.ts

@@ -17,7 +17,6 @@ type InitialProps = {
  * - Invokes React Native's `AppRegistry.registerComponent`.
  * - Invokes React Native web's `AppRegistry.runApplication` on web to render to the root `index.html` file.
  * - Polyfills the `process.nextTick` function globally.
- * - Adds support for using the `fontFamily` React Native style with the `expo-font` package.
  *
  * This method also adds the following dev-only features that are removed in production bundles.
  * - Adds the Fast Refresh and bundle splitting indicator to the app.

package/build/launch/registerRootComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registerRootComponent.d.ts","sourceRoot":"","sources":["../../src/launch/registerRootComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,YAAY,GAAG;IAClB,GAAG,CAAC,EAAE;QACJ,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAGF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,CAAC,SAAS,YAAY,EAClE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC1B,IAAI,CAwBN"}
+{"version":3,"file":"registerRootComponent.d.ts","sourceRoot":"","sources":["../../src/launch/registerRootComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,YAAY,GAAG;IAClB,GAAG,CAAC,EAAE;QACJ,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAGF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,CAAC,SAAS,YAAY,EAClE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAC1B,IAAI,CAwBN"}

package/bundledNativeModules.json

@@ -1,5 +1,5 @@
 {
-  "@expo/metro-runtime": "~4.0.0-preview.0",
+  "@expo/metro-runtime": "~4.0.0-preview.2",
   "@expo/vector-icons": "^14.0.2",
   "@react-native-async-storage/async-storage": "1.23.1",
   "@react-native-community/datetimepicker": "8.2.0",
@@ -16,12 +16,11 @@
   "expo-app-loader-provider": "~8.0.0",
   "expo-apple-authentication": "~7.0.1",
   "expo-application": "~6.0.1",
-  "expo-asset": "~11.0.0",
+  "expo-asset": "~11.0.1",
   "expo-audio": "~0.2.3",
   "expo-auth-session": "~6.0.0",
   "expo-av": "~15.0.1",
-  "expo-background-fetch": "~13.0.1",
-  "expo-barcode-scanner": "~14.0.1",
+  "expo-background-fetch": "~13.0.2",
   "expo-battery": "~9.0.1",
   "expo-blur": "~14.0.1",
   "expo-brightness": "~13.0.2",
@@ -32,21 +31,21 @@
   "expo-checkbox": "~4.0.0",
   "expo-clipboard": "~7.0.0",
   "expo-constants": "~17.0.2",
-  "expo-contacts": "~14.0.1",
+  "expo-contacts": "~14.0.2",
   "expo-crypto": "~14.0.1",
-  "expo-dev-client": "~5.0.0-preview.3",
+  "expo-dev-client": "~5.0.0-preview.9",
   "expo-device": "~7.0.1",
   "expo-document-picker": "~13.0.1",
   "expo-face-detector": "~13.0.1",
-  "expo-file-system": "~18.0.0",
-  "expo-font": "~13.0.0",
-  "expo-gl": "~15.0.0",
+  "expo-file-system": "~18.0.1",
+  "expo-font": "~13.0.1",
+  "expo-gl": "~15.0.1",
   "expo-google-app-auth": "~8.3.0",
   "expo-haptics": "~14.0.0",
-  "expo-image": "~2.0.0-preview.0",
+  "expo-image": "~2.0.0-preview.1",
   "expo-image-loader": "~5.0.0",
   "expo-image-manipulator": "~13.0.5",
-  "expo-image-picker": "~16.0.0",
+  "expo-image-picker": "~16.0.1",
   "expo-intent-launcher": "~12.0.1",
   "expo-insights": "~0.8.1",
   "expo-keep-awake": "~14.0.1",
@@ -56,14 +55,14 @@
   "expo-localization": "~16.0.0",
   "expo-location": "~18.0.1",
   "expo-mail-composer": "~14.0.1",
-  "expo-media-library": "~17.0.0",
-  "expo-module-template": "~10.15.4",
-  "expo-modules-core": "~2.0.0-preview.7",
-  "expo-navigation-bar": "~4.0.1",
+  "expo-media-library": "~17.0.2",
+  "expo-module-template": "~10.15.6",
+  "expo-modules-core": "~2.0.0",
+  "expo-navigation-bar": "~4.0.2",
   "expo-network": "~7.0.0",
-  "expo-notifications": "~0.29.4",
+  "expo-notifications": "~0.29.6",
   "expo-print": "~14.0.2",
-  "expo-router": "~4.0.0-preview.6",
+  "expo-router": "~4.0.0",
   "expo-screen-capture": "~7.0.0",
   "expo-screen-orientation": "~8.0.0",
   "expo-secure-store": "~14.0.0",
@@ -71,38 +70,38 @@
   "expo-sharing": "~13.0.0",
   "expo-sms": "~13.0.0",
   "expo-speech": "~13.0.0",
-  "expo-splash-screen": "~0.28.4",
-  "expo-sqlite": "~15.0.1",
+  "expo-splash-screen": "~0.29.5",
+  "expo-sqlite": "~15.0.2",
   "expo-status-bar": "~2.0.0",
   "expo-store-review": "~8.0.0",
   "expo-symbols": "~0.2.0",
-  "expo-system-ui": "~4.0.1",
-  "expo-task-manager": "~12.0.0",
+  "expo-system-ui": "~4.0.2",
+  "expo-task-manager": "~12.0.2",
   "expo-tracking-transparency": "~5.0.0",
-  "expo-updates": "~0.26.2",
+  "expo-updates": "~0.26.5",
   "expo-video-thumbnails": "~9.0.0",
-  "expo-video": "~2.0.0-preview.0",
+  "expo-video": "~2.0.0-preview.2",
   "expo-web-browser": "~14.0.0",
-  "jest-expo": "~52.0.0-preview.2",
+  "jest-expo": "~52.0.0-preview.4",
   "lottie-react-native": "7.0.0",
   "react": "18.3.1",
   "react-dom": "18.3.1",
-  "react-native": "0.76.0",
+  "react-native": "0.76.1",
   "react-native-web": "~0.19.13",
   "react-native-gesture-handler": "~2.20.2",
   "react-native-get-random-values": "~1.11.0",
   "react-native-maps": "1.18.0",
   "react-native-pager-view": "6.4.1",
   "react-native-reanimated": "~3.16.1",
-  "react-native-screens": "4.0.0-beta.14",
+  "react-native-screens": "4.0.0",
   "react-native-safe-area-context": "4.12.0",
   "react-native-svg": "15.8.0",
-  "react-native-view-shot": "3.8.0",
+  "react-native-view-shot": "~4.0.0",
   "react-native-webview": "13.12.2",
   "sentry-expo": "~7.0.0",
   "unimodules-app-loader": "~5.0.0",
   "unimodules-image-loader-interface": "~6.1.0",
   "@shopify/react-native-skia": "1.5.0",
   "@shopify/flash-list": "1.7.1",
-  "@sentry/react-native": "~5.33.1"
+  "@sentry/react-native": "~6.1.0"
 }

package/fingerprint.d.ts

@@ -0,0 +1 @@
+export * from '@expo/fingerprint';

package/fingerprint.js

@@ -0,0 +1 @@
+module.exports = require('@expo/fingerprint');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo",
-  "version": "52.0.0-preview.9",
+  "version": "52.0.0",
   "description": "The Expo SDK",
   "main": "src/Expo.ts",
   "module": "src/Expo.ts",
@@ -33,6 +33,8 @@
     "devtools.d.ts",
     "fetch.js",
     "fetch.d.ts",
+    "fingerprint.js",
+    "fingerprint.d.ts",
     "react-native.config.js",
     "requiresExtraSetup.json",
     "tsconfig.base.json",
@@ -66,18 +68,20 @@
   "homepage": "https://github.com/expo/expo/tree/main/packages/expo",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
-    "@expo/cli": "0.19.5",
+    "@expo/cli": "0.20.4",
     "@expo/config": "10.0.2",
-    "@expo/config-plugins": "9.0.4",
-    "@expo/metro-config": "0.19.0-preview.2",
+    "@expo/config-plugins": "9.0.7",
+    "@expo/fingerprint": "0.11.2",
+    "@expo/metro-config": "0.19.0",
     "@expo/vector-icons": "^14.0.0",
-    "babel-preset-expo": "~12.0.0-preview.1",
-    "expo-asset": "~11.0.0",
-    "expo-file-system": "~18.0.0",
-    "expo-font": "~13.0.0",
+    "babel-preset-expo": "~12.0.0-preview.6",
+    "expo-asset": "~11.0.1",
+    "expo-constants": "~17.0.2",
+    "expo-file-system": "~18.0.1",
+    "expo-font": "~13.0.1",
     "expo-keep-awake": "~14.0.1",
-    "expo-modules-autolinking": "2.0.0-preview.2",
-    "expo-modules-core": "2.0.0-preview.7",
+    "expo-modules-autolinking": "2.0.0-preview.3",
+    "expo-modules-core": "2.0.0",
     "fbemitter": "^3.0.0",
     "web-streams-polyfill": "^3.3.2",
     "whatwg-url-without-unicode": "8.0.0-3"
@@ -88,7 +92,7 @@
     "expo-module-scripts": "^4.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-native": "0.76.0"
+    "react-native": "0.76.1"
   },
   "peerDependencies": {
     "@expo/dom-webview": "*",
@@ -108,5 +112,5 @@
       "optional": true
     }
   },
-  "gitHead": "b4264f75a5bad9368080fca2c2de19397fc94b8d"
+  "gitHead": "1f84b4c952ed9785c41ee65c9877e44f1df27af9"
 }

package/src/Expo.fx.tsx

@@ -2,24 +2,47 @@
 import './winter';
 import 'expo-asset';
 
-import * as Font from 'expo-font';
-import { AppRegistry, StyleSheet } from 'react-native';
+import Constants from 'expo-constants';
+import { AppRegistry, NativeModules, LogBox, Platform } from 'react-native';
 
 import { isRunningInExpoGo } from './environment/ExpoGo';
 import { AppEntryNotFound } from './errors/AppEntryNotFound';
 import { createErrorHandler } from './errors/ExpoErrorManager';
 
-// If expo-font is installed and the style preprocessor is available, use it to parse fonts.
-if (StyleSheet.setStyleAttributePreprocessor) {
-  StyleSheet.setStyleAttributePreprocessor('fontFamily', Font.processFontFamily);
-}
-
 if (isRunningInExpoGo()) {
   // set up some improvements to commonly logged error messages stemming from react-native
   const globalHandler = ErrorUtils.getGlobalHandler();
   ErrorUtils.setGlobalHandler(createErrorHandler(globalHandler));
 }
 
+// Warn if the New Architecture is not explicitly enabled in the app config and we are running in Expo Go.
+// This could be problematic because you will be developing your app with the New Architecture enabled and
+// but your builds will have the New Architecture disabled.
+if (__DEV__ && isRunningInExpoGo() && process.env.NODE_ENV === 'development') {
+  ['android', 'ios'].forEach((platform) => {
+    if (
+      Platform.OS === platform &&
+      Constants.expoConfig?.[platform]?.newArchEnabled !== true &&
+      Constants.expoConfig?.newArchEnabled !== true
+    ) {
+      // Wrap it in rAF to show the warning after the React Native DevTools message
+      requestAnimationFrame(() => {
+        console.warn(
+          `🚨 React Native's New Architecture is always enabled in Expo Go, but it is not explicitly enabled your project app config. This may lead to unexpected behavior when you create a production or development build. Set "newArchEnabled": true in your app.json.\nLearn more: https://docs.expo.dev/guides/new-architecture/`
+        );
+      });
+    }
+  });
+}
+
+// Disable the "Open debugger to view warnings" React Native DevTools warning in
+// Expo Go and expo-dev-client, because launching the debugger from there will not
+// get the correct JS target.
+const IS_RUNNING_IN_DEV_CLIENT = !!NativeModules.EXDevLauncher;
+if (__DEV__ && LogBox?.ignoreLogs && (isRunningInExpoGo() || IS_RUNNING_IN_DEV_CLIENT)) {
+  LogBox.ignoreLogs([/Open debugger to view warnings/]);
+}
+
 if (process.env.NODE_ENV !== 'production') {
   // Register a default component and expect `registerRootComponent` to be called later and update it.
   AppRegistry.registerComponent('main', () => AppEntryNotFound);

package/src/Expo.ts

@@ -15,6 +15,8 @@ export {
   // Methods
   requireNativeModule,
   requireOptionalNativeModule,
+  requireNativeViewManager as requireNativeView,
+  registerWebModule,
   reloadAppAsync,
 } from 'expo-modules-core';
 

package/src/dom/__tests__/base-test.ts

@@ -0,0 +1,102 @@
+jest.mock('react-native/Libraries/Core/Devtools/getDevServer', () =>
+  jest.fn().mockReturnValue({ url: 'http://localhost:8081' })
+);
+
+describe('getBaseURL', () => {
+  let getBaseURL;
+
+  const originalProcessEnv = process.env;
+  const originalExpo = globalThis.expo;
+  beforeEach(() => {
+    // Reset the module to clear the `getBaseURL` underlying cache
+    jest.resetModules();
+    getBaseURL = require('../base').getBaseURL;
+  });
+
+  afterEach(() => {
+    globalThis.expo = originalExpo;
+    process.env = originalProcessEnv;
+  });
+
+  it('should serve from updates directory when using updates', () => {
+    // @ts-expect-error: mock partial properties
+    globalThis.expo = {
+      modules: {
+        ExpoUpdates: {
+          isEnabled: true,
+          isEmbeddedLaunch: false,
+          localAssets: {
+            '5d41402abc4b2a76b9719d911017c592':
+              'file:///path/to/.expo-internal/5d41402abc4b2a76b9719d911017c592.png',
+          },
+        },
+      },
+    };
+
+    expect(getBaseURL()).toBe('file:///path/to/.expo-internal');
+  });
+
+  it('should serve from app builtin directory when using updates with embedded bundle', () => {
+    // @ts-expect-error: mock partial properties
+    globalThis.expo = {
+      modules: {
+        ExpoUpdates: {
+          isEnabled: true,
+          isEmbeddedLaunch: true,
+          localAssets: {
+            '5d41402abc4b2a76b9719d911017c592':
+              'file:///path/to/.expo-internal/5d41402abc4b2a76b9719d911017c592.png',
+          },
+        },
+      },
+    };
+    process.env.NODE_ENV = 'production';
+    switch (process.env.EXPO_OS) {
+      case 'android': {
+        expect(getBaseURL()).toBe('file:///android_asset/www.bundle');
+        break;
+      }
+      case 'ios': {
+        expect(getBaseURL()).toBe('www.bundle');
+        break;
+      }
+      default: {
+        expect(getBaseURL()).toBe('');
+        break;
+      }
+    }
+  });
+
+  it('should serve from app builtin directory for production builds', () => {
+    process.env.NODE_ENV = 'production';
+    switch (process.env.EXPO_OS) {
+      case 'android': {
+        expect(getBaseURL()).toBe('file:///android_asset/www.bundle');
+        break;
+      }
+      case 'ios': {
+        expect(getBaseURL()).toBe('www.bundle');
+        break;
+      }
+      default: {
+        expect(getBaseURL()).toBe('');
+        break;
+      }
+    }
+  });
+
+  it('should serve from dev server for development builds', () => {
+    process.env.NODE_ENV = 'development';
+    switch (process.env.EXPO_OS) {
+      case 'android':
+      case 'ios': {
+        expect(getBaseURL()).toBe('http://localhost:8081/_expo/@dom');
+        break;
+      }
+      default: {
+        expect(getBaseURL()).toBe('');
+        break;
+      }
+    }
+  });
+});

package/src/dom/base.ts

@@ -0,0 +1,62 @@
+let cachedBaseUrl: string | null = null;
+
+/**
+ * Get the base URL for the DOM Components HTML
+ */
+export function getBaseURL(): string {
+  if (cachedBaseUrl != null) {
+    return cachedBaseUrl;
+  }
+
+  // Serving from updates
+  const updatesBaseUrl = getUpdatesBaseURL();
+  if (updatesBaseUrl != null) {
+    cachedBaseUrl = updatesBaseUrl;
+    return cachedBaseUrl;
+  }
+
+  if (process.env.EXPO_OS === 'web') {
+    cachedBaseUrl = process.env.EXPO_BASE_URL ?? '';
+    return cachedBaseUrl;
+  }
+
+  // Serving from local production
+  if (process.env.NODE_ENV === 'production') {
+    if (process.env.EXPO_OS === 'android') {
+      cachedBaseUrl = 'file:///android_asset/www.bundle';
+    } else if (process.env.EXPO_OS === 'ios') {
+      cachedBaseUrl = 'www.bundle';
+    } else {
+      cachedBaseUrl = process.env.EXPO_BASE_URL ?? '';
+    }
+    return cachedBaseUrl;
+  }
+
+  // Serving from local dev server
+  const getDevServer = require('react-native/Libraries/Core/Devtools/getDevServer');
+  const devServer = getDevServer();
+  cachedBaseUrl = new URL('/_expo/@dom', devServer.url).toString();
+  return cachedBaseUrl;
+}
+
+/**
+ * Get the base URL for the DOM Components when serving from updates
+ */
+function getUpdatesBaseURL(): string | null {
+  const ExpoUpdates = globalThis.expo?.modules?.['ExpoUpdates'] as
+    | import('expo-updates').ExpoUpdatesModule
+    | undefined;
+  const updatesIsInstalledAndEnabled = ExpoUpdates?.isEnabled ?? false;
+  const updatesIsEmbeddedLaunch = ExpoUpdates?.isEmbeddedLaunch ?? false;
+  const shouldServeDomFromUpdates = updatesIsInstalledAndEnabled && !updatesIsEmbeddedLaunch;
+  // If updates is installed and enabled, and we're not running from an embedded launch, we should serve the DOM Components from the `.expo-internal` directory
+  if (shouldServeDomFromUpdates) {
+    const localAssets = ExpoUpdates?.localAssets ?? {};
+    const anyLocalAsset = Object.values(localAssets)[0];
+    if (anyLocalAsset) {
+      // Try to get the `.expo-internal` directory from the first local asset
+      return anyLocalAsset.slice(0, anyLocalAsset.lastIndexOf('/'));
+    }
+  }
+  return null;
+}

package/src/dom/injection.ts

@@ -15,21 +15,6 @@ export const getInjectEventScript = <T extends BridgeMessage<any>>(detail: T) =>
   true;`;
 };
 
-export function getInjectEnvsScript() {
-  return `;(function injectEnvs() {
-  let domBaseUrl = '';
-  if (window.location.protocol === 'file:') {
-    domBaseUrl = window.location.href.substring(0, window.location.href.lastIndexOf('/'));
-  }
-  window.process = window.process || {};
-  window.process.env = {
-    ...(window.process.env || {}),
-    EXPO_DOM_BASE_URL: domBaseUrl,
-  };
-  })();
-  true;`;
-}
-
 export function getInjectBodySizeObserverScript() {
   return `;(function observeDocumentBodySize() {
   window.addEventListener('DOMContentLoaded', () => {

package/src/dom/webview-wrapper.tsx

@@ -2,12 +2,12 @@
 import React from 'react';
 import { AppState } from 'react-native';
 
+import { getBaseURL } from './base';
 import type { BridgeMessage, DOMProps, WebViewProps, WebViewRef } from './dom.types';
 import { _emitGlobalEvent } from './global-events';
 import {
   getInjectBodySizeObserverScript,
   getInjectEventScript,
-  getInjectEnvsScript,
   MATCH_CONTENTS_EVENT,
   NATIVE_ACTION,
   NATIVE_ACTION_RESULT,
@@ -18,12 +18,10 @@ import RNWebView from './webview/RNWebView';
 
 interface Props {
   dom: DOMProps;
-  source: {
-    uri: string;
-  };
+  filePath: string;
 }
 
-const RawWebView = React.forwardRef<object, Props>(({ dom, source, ...marshalProps }, ref) => {
+const RawWebView = React.forwardRef<object, Props>(({ dom, filePath, ...marshalProps }, ref) => {
   if (ref != null && typeof ref === 'object' && ref.current == null) {
     ref.current = new Proxy(
       {},
@@ -52,6 +50,7 @@ const RawWebView = React.forwardRef<object, Props>(({ dom, source, ...marshalPro
   const webView = resolveWebView(dom?.useExpoDOMWebView ?? false);
   const webviewRef = React.useRef<WebViewRef>(null);
   const domImperativeHandlePropsRef = React.useRef<string[]>([]);
+  const source = { uri: `${getBaseURL()}/${filePath}` };
   const [containerStyle, setContainerStyle] = React.useState<WebViewProps['containerStyle']>(null);
 
   const emit = React.useCallback(
@@ -88,6 +87,10 @@ const RawWebView = React.forwardRef<object, Props>(({ dom, source, ...marshalPro
     webviewDebuggingEnabled: __DEV__,
     // Make iOS scrolling feel native.
     decelerationRate: process.env.EXPO_OS === 'ios' ? 'normal' : undefined,
+    // This is a better default for integrating with native navigation.
+    contentInsetAdjustmentBehavior: 'automatic',
+    // This is the default in ScrollView and upstream native.
+    automaticallyAdjustsScrollIndicatorInsets: true,
     originWhitelist: ['*'],
     allowFileAccess: true,
     allowFileAccessFromFileURLs: true,
@@ -110,7 +113,6 @@ const RawWebView = React.forwardRef<object, Props>(({ dom, source, ...marshalPro
     containerStyle,
     ...dom,
     injectedJavaScriptBeforeContentLoaded: [
-      getInjectEnvsScript(),
       // 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/launch/registerRootComponent.tsx

@@ -22,7 +22,6 @@ type InitialProps = {
  * - Invokes React Native's `AppRegistry.registerComponent`.
  * - Invokes React Native web's `AppRegistry.runApplication` on web to render to the root `index.html` file.
  * - Polyfills the `process.nextTick` function globally.
- * - Adds support for using the `fontFamily` React Native style with the `expo-font` package.
  *
  * This method also adds the following dev-only features that are removed in production bundles.
  * - Adds the Fast Refresh and bundle splitting indicator to the app.