expo 55.0.0-canary-20251003-7b9d7ff → 55.0.0-canary-20251008-6acbc1c

package/Expo.podspec

@@ -87,6 +87,7 @@ Pod::Spec.new do |s|
       # [end] transitive dependencies of React-RCTAppDelegate that are not defined modules
     ])
   end
+
   s.pod_target_xcconfig = {
     'HEADER_SEARCH_PATHS' => header_search_paths.join(' '),
   }

package/android/build.gradle

@@ -32,7 +32,7 @@ buildscript {
 def reactNativeVersion = project.extensions.getByType(ExpoModuleExtension).reactNativeVersion
 
 group = 'host.exp.exponent'
-version = '55.0.0-canary-20251003-7b9d7ff'
+version = '55.0.0-canary-20251008-6acbc1c'
 
 expoModule {
   // We can't prebuild the module because it depends on the generated files.
@@ -43,7 +43,7 @@ android {
   namespace "expo.core"
   defaultConfig {
     versionCode 1
-    versionName "55.0.0-canary-20251003-7b9d7ff"
+    versionName "55.0.0-canary-20251008-6acbc1c"
     consumerProguardFiles("proguard-rules.pro")
   }
   testOptions {

package/android/src/main/java/expo/modules/ExpoBridgelessDevSupportManager.kt

@@ -0,0 +1,135 @@
+/*
+ * 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.
+ */
+
+package expo.modules
+
+import android.content.Context
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.UiThreadUtil
+import com.facebook.react.common.SurfaceDelegate
+import com.facebook.react.common.SurfaceDelegateFactory
+import com.facebook.react.devsupport.DevSupportManagerBase
+import com.facebook.react.devsupport.ReactInstanceDevHelper
+import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener
+import com.facebook.react.devsupport.interfaces.DevLoadingViewManager
+import com.facebook.react.devsupport.interfaces.DevSupportManager
+import com.facebook.react.devsupport.interfaces.PausedInDebuggerOverlayManager
+import com.facebook.react.devsupport.interfaces.RedBoxHandler
+import com.facebook.react.packagerconnection.RequestHandler
+import expo.modules.logbox.ExpoLogBoxSurfaceDelegate
+import com.facebook.react.devsupport.StackTraceHelper.convertJavaStackTrace
+import com.facebook.react.devsupport.StackTraceHelper.convertJsStackTrace
+import com.facebook.react.devsupport.interfaces.StackFrame
+
+/**
+ * An implementation of [DevSupportManager] that extends the functionality in
+ * [DevSupportManagerBase] with some additional, more flexible APIs for asynchronously loading the
+ * JS bundle.
+ *
+ * @constructor The primary constructor mirrors the same constructor we have for
+ *   [BridgeDevSupportManager] and
+ *     * is kept for backward compatibility.
+ */
+internal open class ExpoBridgelessDevSupportManager(
+    applicationContext: Context,
+    reactInstanceManagerHelper: ReactInstanceDevHelper,
+    packagerPathForJSBundleName: String?,
+    enableOnCreate: Boolean,
+    redBoxHandler: RedBoxHandler?,
+    devBundleDownloadListener: DevBundleDownloadListener?,
+    minNumShakes: Int,
+    customPackagerCommandHandlers: Map<String, RequestHandler>?,
+    surfaceDelegateFactory: SurfaceDelegateFactory?,
+    devLoadingViewManager: DevLoadingViewManager?,
+    pausedInDebuggerOverlayManager: PausedInDebuggerOverlayManager?
+) :
+    DevSupportManagerBase(
+        applicationContext,
+        reactInstanceManagerHelper,
+        packagerPathForJSBundleName,
+        enableOnCreate,
+        redBoxHandler,
+        devBundleDownloadListener,
+        minNumShakes,
+        customPackagerCommandHandlers,
+        surfaceDelegateFactory,
+        devLoadingViewManager,
+        pausedInDebuggerOverlayManager) {
+
+    override val uniqueTag: String
+        get() = "Bridgeless"
+
+    override fun handleReloadJS() {
+        UiThreadUtil.assertOnUiThread()
+        // dismiss redbox if exists
+        hideRedboxDialog()
+        reactInstanceDevHelper.reload("BridgelessDevSupportManager.handleReloadJS()")
+    }
+}
+
+internal class ExpoDevSupportManagerWithLogBoxOverride(
+    applicationContext: Context,
+    reactInstanceManagerHelper: ReactInstanceDevHelper,
+    packagerPathForJSBundleName: String?,
+    enableOnCreate: Boolean,
+    redBoxHandler: RedBoxHandler?,
+    devBundleDownloadListener: DevBundleDownloadListener?,
+    minNumShakes: Int,
+    customPackagerCommandHandlers: Map<String, RequestHandler>?,
+    surfaceDelegateFactory: SurfaceDelegateFactory?,
+    devLoadingViewManager: DevLoadingViewManager?,
+    pausedInDebuggerOverlayManager: PausedInDebuggerOverlayManager?
+) :
+    ExpoBridgelessDevSupportManager(
+        applicationContext,
+        reactInstanceManagerHelper,
+        packagerPathForJSBundleName,
+        enableOnCreate,
+        redBoxHandler,
+        devBundleDownloadListener,
+        minNumShakes,
+        customPackagerCommandHandlers,
+        surfaceDelegateFactory,
+        devLoadingViewManager,
+        pausedInDebuggerOverlayManager) {
+
+    private var redBoxSurfaceDelegate: SurfaceDelegate? = null
+
+    override fun hideRedboxDialog() {
+        redBoxSurfaceDelegate?.hide()
+    }
+
+    override fun showNewJavaError(message: String?, e: Throwable) {
+        showNewError(message, convertJavaStackTrace(e))
+    }
+
+    override fun showNewJSError(message: String?, details: ReadableArray?, errorCookie: Int) {
+        showNewError(message, convertJsStackTrace(details))
+    }
+
+    private fun showNewError(message: String?, stack: Array<StackFrame>) {
+        UiThreadUtil.runOnUiThread {
+            lastErrorTitle = message
+            lastErrorStack = stack
+
+            if (redBoxSurfaceDelegate == null) {
+                this.redBoxSurfaceDelegate =
+                    createSurfaceDelegate("RedBox")
+                        ?: ExpoLogBoxSurfaceDelegate(this@ExpoDevSupportManagerWithLogBoxOverride).apply {
+                            createContentView("RedBox")
+                        }
+            }
+
+            if (redBoxSurfaceDelegate?.isShowing() == true) {
+                // Sometimes errors cause multiple errors to be thrown in JS in quick succession. Only
+                // show the first and most actionable one.
+                return@runOnUiThread
+            }
+            redBoxSurfaceDelegate?.show()
+        }
+    }
+}

package/android/src/main/java/expo/modules/ExpoDevSupportManagerFactory.kt

@@ -0,0 +1,145 @@
+/*
+ * 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.
+ */
+
+package expo.modules
+
+import android.content.Context
+import com.facebook.react.common.SurfaceDelegateFactory
+import com.facebook.react.common.build.ReactBuildConfig
+import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener
+import com.facebook.react.devsupport.interfaces.DevLoadingViewManager
+import com.facebook.react.devsupport.interfaces.DevSupportManager
+import com.facebook.react.devsupport.interfaces.PausedInDebuggerOverlayManager
+import com.facebook.react.devsupport.interfaces.RedBoxHandler
+import com.facebook.react.packagerconnection.RequestHandler
+import java.lang.StringBuilder
+import com.facebook.react.devsupport.DevSupportManagerFactory
+import com.facebook.react.devsupport.ReactInstanceDevHelper
+import com.facebook.react.devsupport.ReleaseDevSupportManager
+
+/**
+ * A simple factory that creates instances of [DevSupportManager] implementations. Uses reflection
+ * to create BridgeDevSupportManager if it exists. This allows ProGuard to strip that class and its
+ * dependencies in release builds. If the class isn't found, [PerftestDevSupportManager] is returned
+ * instead.
+ */
+internal class ExpoDefaultDevSupportManagerFactory : DevSupportManagerFactory {
+
+    override fun create(
+        applicationContext: Context,
+        reactInstanceManagerHelper: ReactInstanceDevHelper,
+        packagerPathForJSBundleName: String?,
+        enableOnCreate: Boolean,
+        redBoxHandler: RedBoxHandler?,
+        devBundleDownloadListener: DevBundleDownloadListener?,
+        minNumShakes: Int,
+        customPackagerCommandHandlers: Map<String, RequestHandler>?,
+        surfaceDelegateFactory: SurfaceDelegateFactory?,
+        devLoadingViewManager: DevLoadingViewManager?,
+        pausedInDebuggerOverlayManager: PausedInDebuggerOverlayManager?
+    ): DevSupportManager {
+        return if (!enableOnCreate) {
+            ReleaseDevSupportManager()
+        } else
+            try {
+                // Developer support is enabled, we now must choose whether to return a DevSupportManager,
+                // or a more lean profiling-only PerftestDevSupportManager. We make the choice by first
+                // trying to return the full support DevSupportManager and if it fails, then just
+                // return PerftestDevSupportManager.
+
+                // ProGuard is surprisingly smart in this case and will keep a class if it detects a call
+                // to
+                // Class.forName() with a static string. So instead we generate a quasi-dynamic string to
+                // confuse it.
+                val className =
+                    StringBuilder(DEVSUPPORT_IMPL_PACKAGE)
+                        .append(".")
+                        .append(DEVSUPPORT_IMPL_CLASS)
+                        .toString()
+                val devSupportManagerClass = Class.forName(className)
+                val constructor =
+                    devSupportManagerClass.getConstructor(
+                        Context::class.java,
+                        ReactInstanceDevHelper::class.java,
+                        String::class.java,
+                        Boolean::class.javaPrimitiveType,
+                        RedBoxHandler::class.java,
+                        DevBundleDownloadListener::class.java,
+                        Int::class.javaPrimitiveType,
+                        MutableMap::class.java,
+                        SurfaceDelegateFactory::class.java,
+                        DevLoadingViewManager::class.java,
+                        PausedInDebuggerOverlayManager::class.java)
+                constructor.newInstance(
+                    applicationContext,
+                    reactInstanceManagerHelper,
+                    packagerPathForJSBundleName,
+                    true,
+                    redBoxHandler,
+                    devBundleDownloadListener,
+                    minNumShakes,
+                    customPackagerCommandHandlers,
+                    surfaceDelegateFactory,
+                    devLoadingViewManager,
+                    pausedInDebuggerOverlayManager) as DevSupportManager
+            } catch (e: Exception) {
+                throw e
+                // Original implementation
+                // https://github.com/facebook/react-native/blob/50273758510a6d756494d05dc91055516c2a6aca/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DefaultDevSupportManagerFactory.kt#L95
+
+                // React Native implementation fallback is PerftestDevSupportManager(applicationContext)
+                // but that's internal class we would have to vendor, so this impl re-throws.
+                // https://github.com/facebook/react-native/blob/50273758510a6d756494d05dc91055516c2a6aca/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PerftestDevSupportManager.kt#L17
+            }
+    }
+
+    override fun create(
+        applicationContext: Context,
+        reactInstanceManagerHelper: ReactInstanceDevHelper,
+        packagerPathForJSBundleName: String?,
+        enableOnCreate: Boolean,
+        redBoxHandler: RedBoxHandler?,
+        devBundleDownloadListener: DevBundleDownloadListener?,
+        minNumShakes: Int,
+        customPackagerCommandHandlers: Map<String, RequestHandler>?,
+        surfaceDelegateFactory: SurfaceDelegateFactory?,
+        devLoadingViewManager: DevLoadingViewManager?,
+        pausedInDebuggerOverlayManager: PausedInDebuggerOverlayManager?,
+        useDevSupport: Boolean
+    ): DevSupportManager =
+        if (ReactBuildConfig.UNSTABLE_ENABLE_FUSEBOX_RELEASE) {
+            // Should never happen as ExpoDefaultDevSupportManagerFactory is only used if useDevSupport = true
+            throw Error("ExpoDefaultDevSupportManagerFactory supports debug builds only. ReactBuildConfig.UNSTABLE_ENABLE_FUSEBOX_RELEASE is unsupported.")
+
+            // Original implementation
+            // https://github.com/facebook/react-native/blob/50273758510a6d756494d05dc91055516c2a6aca/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DefaultDevSupportManagerFactory.kt#L114
+
+            // React Native implementation uses PerftestDevSupportManager(applicationContext)
+            // but that's internal class we would have to vendor, so this impl re-throws.
+            // https://github.com/facebook/react-native/blob/50273758510a6d756494d05dc91055516c2a6aca/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PerftestDevSupportManager.kt#L17
+        } else if (useDevSupport) {
+            ExpoDevSupportManagerWithLogBoxOverride(
+                applicationContext,
+                reactInstanceManagerHelper,
+                packagerPathForJSBundleName,
+                enableOnCreate,
+                redBoxHandler,
+                devBundleDownloadListener,
+                minNumShakes,
+                customPackagerCommandHandlers,
+                surfaceDelegateFactory,
+                devLoadingViewManager,
+                pausedInDebuggerOverlayManager)
+        } else {
+            ReleaseDevSupportManager()
+        }
+
+    private companion object {
+        private const val DEVSUPPORT_IMPL_PACKAGE = "com.facebook.react.devsupport"
+        private const val DEVSUPPORT_IMPL_CLASS = "BridgeDevSupportManager"
+    }
+}

package/android/src/main/java/expo/modules/ExpoReactHostFactory.kt

@@ -21,7 +21,10 @@ import com.facebook.react.runtime.ReactHostDelegate
 import com.facebook.react.runtime.ReactHostImpl
 import com.facebook.react.runtime.hermes.HermesInstance
 import expo.modules.core.interfaces.ReactNativeHostHandler
+import com.facebook.react.runtime.internal.bolts.Task
 import java.lang.ref.WeakReference
+import java.util.concurrent.Executors
+import expo.modules.logbox.ExpoLogBoxBuildConfig
 
 object ExpoReactHostFactory {
   private var reactHost: ReactHost? = null
@@ -103,19 +106,32 @@ object ExpoReactHostFactory {
         hostHandlers = reactNativeHost.reactNativeHostHandlers
       )
 
-      val reactHostImpl =
-        ReactHostImpl(
-          context,
-          reactHostDelegate,
-          componentFactory,
-          true,
-          useDeveloperSupport
-        )
+      val reactHostImpl = when {
+        ExpoLogBoxBuildConfig.UNSTABLE_IS_ENABLED && useDeveloperSupport -> ReactHostImpl(
+            context,
+            reactHostDelegate,
+            componentFactory,
+            Executors.newSingleThreadExecutor(),
+            Task.UI_THREAD_EXECUTOR,
+            allowPackagerServerAccess = true,
+            useDevSupport = true,
+            devSupportManagerFactory = ExpoDefaultDevSupportManagerFactory(),
+          )
+        else -> ReactHostImpl(
+            context,
+            reactHostDelegate,
+            componentFactory,
+            true,
+            useDeveloperSupport
+          )
+      }
 
       reactNativeHost.reactNativeHostHandlers.forEach { handler ->
         handler.onDidCreateDevSupportManager(reactHostImpl.devSupportManager)
       }
 
+
+
       reactHostImpl.addReactInstanceEventListener(object : ReactInstanceEventListener {
         override fun onReactContextInitialized(context: ReactContext) {
           reactNativeHost.reactNativeHostHandlers.forEach { handler ->

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

@@ -1,17 +1,17 @@
 type LogLevel = 'trace' | 'info' | 'warn' | 'error' | 'log' | 'group' | 'groupCollapsed' | 'groupEnd' | 'debug';
-export type HMRClientNativeInterface = {
+/**
+ * HMR Client that receives from the server HMR updates and propagates them
+ * runtime to reflects those changes.
+ */
+declare const HMRClient: {
     enable(): void;
     disable(): void;
     registerBundle(requestUrl: string): void;
     log(level: LogLevel, data: any[]): void;
-    setup(props: {
+    setup({ isEnabled }: {
         isEnabled: boolean;
     }): void;
+    _onMetroError(data: unknown): void;
 };
-/**
- * HMR Client that receives from the server HMR updates and propagates them
- * runtime to reflects those changes.
- */
-declare const HMRClient: HMRClientNativeInterface;
 export default HMRClient;
 //# sourceMappingURL=hmr.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"hmr.d.ts","sourceRoot":"","sources":["../../src/async-require/hmr.ts"],"names":[],"mappings":"AA4CA,KAAK,QAAQ,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,KAAK,GACL,OAAO,GACP,gBAAgB,GAChB,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;IAChB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACxC,KAAK,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;CAC5C,CAAC;AAMF;;;GAGG;AACH,QAAA,MAAM,SAAS,EAAE,wBAsMhB,CAAC;AAuEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"hmr.d.ts","sourceRoot":"","sources":["../../src/async-require/hmr.ts"],"names":[],"mappings":"AAqCA,KAAK,QAAQ,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,KAAK,GACL,OAAO,GACP,gBAAgB,GAChB,UAAU,GACV,OAAO,CAAC;AAMZ;;;GAGG;AACH,QAAA,MAAM,SAAS;;;+BAyCc,MAAM;eAMtB,QAAQ,QAAQ,GAAG,EAAE;yBAsCX;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE;wBAoGvB,OAAO;CAkC5B,CAAC;AA6DF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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/build/dom/internal.d.ts

@@ -1,3 +1,4 @@
 export { default as WebView } from './webview-wrapper';
+export * from './dom-internal.types';
 export declare const registerDOMComponent: undefined | typeof import('./dom-entry').registerDOMComponent;
 //# sourceMappingURL=internal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/dom/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGvD,eAAO,MAAM,oBAAoB,EAAE,SAAS,GAAG,cAAc,aAAa,EAAE,oBACjE,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/dom/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEvD,cAAc,sBAAsB,CAAC;AAGrC,eAAO,MAAM,oBAAoB,EAAE,SAAS,GAAG,cAAc,aAAa,EAAE,oBACjE,CAAC"}

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { DOMProps } from './dom.types';
 import ExpoDomWebView from './webview/ExpoDOMWebView';
 import RNWebView from './webview/RNWebView';
+import { DOMPropsInternal } from './dom-internal.types';
 type RawWebViewProps = React.ComponentProps<Exclude<typeof ExpoDomWebView, undefined>> & React.ComponentProps<Exclude<typeof RNWebView, undefined>>;
 interface Props {
     children?: any;
-    dom?: DOMProps;
+    dom?: DOMPropsInternal;
     filePath: string;
     ref: React.Ref<object>;
     [propName: string]: unknown;

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;AAI1B,OAAO,KAAK,EAAiB,QAAQ,EAA4B,MAAM,aAAa,CAAC;AAUrF,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAG5C,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC,GACpF,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;AAE7D,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,mFAgMd,CAAC;AAiBH,wBAAgB,cAAc,CAC5B,iBAAiB,EAAE,OAAO,GACzB,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAAC,CASlD;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;AAc1B,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC,GACpF,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;AAE7D,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,mFAkMd,CAAC;AAiBH,wBAAgB,cAAc,CAC5B,iBAAiB,EAAE,OAAO,GACzB,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAAC,CASlD;AAED,eAAe,UAAU,CAAC"}

package/bundledNativeModules.json

@@ -1,8 +1,8 @@
 {
-  "@expo/fingerprint": "0.15.2-canary-20251003-7b9d7ff",
-  "@expo/metro-runtime": "6.1.3-canary-20251003-7b9d7ff",
+  "@expo/fingerprint": "0.15.2-canary-20251008-6acbc1c",
+  "@expo/metro-runtime": "6.1.3-canary-20251008-6acbc1c",
   "@expo/vector-icons": "^15.0.2",
-  "@expo/ui": "0.2.0-canary-20251003-7b9d7ff",
+  "@expo/ui": "0.2.0-canary-20251008-6acbc1c",
   "@react-native-async-storage/async-storage": "2.2.0",
   "@react-native-community/datetimepicker": "8.4.4",
   "@react-native-masked-view/masked-view": "0.3.2",
@@ -12,84 +12,84 @@
   "@react-native-picker/picker": "2.11.2",
   "@react-native-segmented-control/segmented-control": "2.5.7",
   "@stripe/stripe-react-native": "0.50.3",
-  "eslint-config-expo": "10.0.1-canary-20251003-7b9d7ff",
+  "eslint-config-expo": "10.0.1-canary-20251008-6acbc1c",
   "expo-analytics-amplitude": "~11.3.0",
   "expo-app-auth": "~11.1.0",
   "expo-app-loader-provider": "~8.0.0",
-  "expo-apple-authentication": "8.0.8-canary-20251003-7b9d7ff",
-  "expo-application": "7.0.8-canary-20251003-7b9d7ff",
-  "expo-asset": "12.0.10-canary-20251003-7b9d7ff",
-  "expo-audio": "1.1.0-canary-20251003-7b9d7ff",
-  "expo-auth-session": "7.0.9-canary-20251003-7b9d7ff",
-  "expo-av": "16.0.8-canary-20251003-7b9d7ff",
-  "expo-background-fetch": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-background-task": "1.0.9-canary-20251003-7b9d7ff",
-  "expo-battery": "10.0.8-canary-20251003-7b9d7ff",
-  "expo-blur": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-brightness": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-build-properties": "1.0.10-canary-20251003-7b9d7ff",
-  "expo-calendar": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-camera": "17.0.9-canary-20251003-7b9d7ff",
-  "expo-cellular": "8.0.8-canary-20251003-7b9d7ff",
-  "expo-checkbox": "5.0.8-canary-20251003-7b9d7ff",
-  "expo-clipboard": "8.0.8-canary-20251003-7b9d7ff",
-  "expo-constants": "18.0.10-canary-20251003-7b9d7ff",
-  "expo-contacts": "15.0.10-canary-20251003-7b9d7ff",
-  "expo-crypto": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-dev-client": "6.0.14-canary-20251003-7b9d7ff",
-  "expo-device": "8.0.10-canary-20251003-7b9d7ff",
-  "expo-document-picker": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-file-system": "19.0.17-canary-20251003-7b9d7ff",
-  "expo-font": "14.0.9-canary-20251003-7b9d7ff",
-  "expo-gl": "16.0.8-canary-20251003-7b9d7ff",
-  "expo-glass-effect": "0.1.5-canary-20251003-7b9d7ff",
+  "expo-apple-authentication": "8.0.8-canary-20251008-6acbc1c",
+  "expo-application": "7.0.8-canary-20251008-6acbc1c",
+  "expo-asset": "12.0.10-canary-20251008-6acbc1c",
+  "expo-audio": "1.1.0-canary-20251008-6acbc1c",
+  "expo-auth-session": "7.0.9-canary-20251008-6acbc1c",
+  "expo-av": "16.0.8-canary-20251008-6acbc1c",
+  "expo-background-fetch": "14.0.8-canary-20251008-6acbc1c",
+  "expo-background-task": "1.0.9-canary-20251008-6acbc1c",
+  "expo-battery": "10.0.8-canary-20251008-6acbc1c",
+  "expo-blur": "15.0.8-canary-20251008-6acbc1c",
+  "expo-brightness": "14.0.8-canary-20251008-6acbc1c",
+  "expo-build-properties": "1.0.10-canary-20251008-6acbc1c",
+  "expo-calendar": "15.0.8-canary-20251008-6acbc1c",
+  "expo-camera": "17.0.9-canary-20251008-6acbc1c",
+  "expo-cellular": "8.0.8-canary-20251008-6acbc1c",
+  "expo-checkbox": "5.0.8-canary-20251008-6acbc1c",
+  "expo-clipboard": "8.0.8-canary-20251008-6acbc1c",
+  "expo-constants": "18.0.10-canary-20251008-6acbc1c",
+  "expo-contacts": "15.0.10-canary-20251008-6acbc1c",
+  "expo-crypto": "15.0.8-canary-20251008-6acbc1c",
+  "expo-dev-client": "6.0.14-canary-20251008-6acbc1c",
+  "expo-device": "8.0.10-canary-20251008-6acbc1c",
+  "expo-document-picker": "14.0.8-canary-20251008-6acbc1c",
+  "expo-file-system": "19.0.17-canary-20251008-6acbc1c",
+  "expo-font": "14.0.9-canary-20251008-6acbc1c",
+  "expo-gl": "16.0.8-canary-20251008-6acbc1c",
+  "expo-glass-effect": "0.1.5-canary-20251008-6acbc1c",
   "expo-google-app-auth": "~8.3.0",
-  "expo-haptics": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-image": "3.1.0-canary-20251003-7b9d7ff",
-  "expo-image-loader": "6.0.1-canary-20251003-7b9d7ff",
-  "expo-image-manipulator": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-image-picker": "17.0.9-canary-20251003-7b9d7ff",
-  "expo-intent-launcher": "13.0.8-canary-20251003-7b9d7ff",
-  "expo-insights": "0.10.8-canary-20251003-7b9d7ff",
-  "expo-keep-awake": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-linear-gradient": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-linking": "8.0.9-canary-20251003-7b9d7ff",
-  "expo-local-authentication": "17.0.8-canary-20251003-7b9d7ff",
-  "expo-localization": "17.0.8-canary-20251003-7b9d7ff",
-  "expo-location": "19.0.8-canary-20251003-7b9d7ff",
-  "expo-mail-composer": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-manifests": "1.0.9-canary-20251003-7b9d7ff",
-  "expo-maps": "0.12.9-canary-20251003-7b9d7ff",
-  "expo-media-library": "18.3.0-canary-20251003-7b9d7ff",
-  "expo-mesh-gradient": "0.4.8-canary-20251003-7b9d7ff",
-  "expo-module-template": "11.0.16-canary-20251003-7b9d7ff",
-  "expo-modules-core": "3.1.0-canary-20251003-7b9d7ff",
-  "expo-navigation-bar": "5.0.9-canary-20251003-7b9d7ff",
-  "expo-network": "8.0.8-canary-20251003-7b9d7ff",
-  "expo-notifications": "1.0.0-canary-20251003-7b9d7ff",
-  "expo-print": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-live-photo": "1.0.8-canary-20251003-7b9d7ff",
-  "expo-router": "6.1.0-canary-20251003-7b9d7ff",
-  "expo-screen-capture": "8.0.9-canary-20251003-7b9d7ff",
-  "expo-screen-orientation": "9.0.8-canary-20251003-7b9d7ff",
-  "expo-secure-store": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-sensors": "15.0.8-canary-20251003-7b9d7ff",
-  "expo-sharing": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-sms": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-speech": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-splash-screen": "31.0.11-canary-20251003-7b9d7ff",
-  "expo-sqlite": "16.0.9-canary-20251003-7b9d7ff",
-  "expo-status-bar": "3.0.9-canary-20251003-7b9d7ff",
-  "expo-store-review": "9.0.9-canary-20251003-7b9d7ff",
-  "expo-symbols": "1.1.0-canary-20251003-7b9d7ff",
-  "expo-system-ui": "6.0.8-canary-20251003-7b9d7ff",
-  "expo-task-manager": "14.0.8-canary-20251003-7b9d7ff",
-  "expo-tracking-transparency": "6.0.8-canary-20251003-7b9d7ff",
-  "expo-updates": "29.1.0-canary-20251003-7b9d7ff",
-  "expo-video-thumbnails": "10.0.8-canary-20251003-7b9d7ff",
-  "expo-video": "3.0.12-canary-20251003-7b9d7ff",
-  "expo-web-browser": "15.0.9-canary-20251003-7b9d7ff",
-  "jest-expo": "55.0.0-canary-20251003-7b9d7ff",
+  "expo-haptics": "15.0.8-canary-20251008-6acbc1c",
+  "expo-image": "3.1.0-canary-20251008-6acbc1c",
+  "expo-image-loader": "6.0.1-canary-20251008-6acbc1c",
+  "expo-image-manipulator": "14.0.8-canary-20251008-6acbc1c",
+  "expo-image-picker": "17.0.9-canary-20251008-6acbc1c",
+  "expo-intent-launcher": "13.0.8-canary-20251008-6acbc1c",
+  "expo-insights": "0.10.8-canary-20251008-6acbc1c",
+  "expo-keep-awake": "15.0.8-canary-20251008-6acbc1c",
+  "expo-linear-gradient": "15.0.8-canary-20251008-6acbc1c",
+  "expo-linking": "8.0.9-canary-20251008-6acbc1c",
+  "expo-local-authentication": "17.0.8-canary-20251008-6acbc1c",
+  "expo-localization": "17.0.8-canary-20251008-6acbc1c",
+  "expo-location": "19.0.8-canary-20251008-6acbc1c",
+  "expo-mail-composer": "15.0.8-canary-20251008-6acbc1c",
+  "expo-manifests": "1.0.9-canary-20251008-6acbc1c",
+  "expo-maps": "0.12.9-canary-20251008-6acbc1c",
+  "expo-media-library": "18.3.0-canary-20251008-6acbc1c",
+  "expo-mesh-gradient": "0.4.8-canary-20251008-6acbc1c",
+  "expo-module-template": "11.0.16-canary-20251008-6acbc1c",
+  "expo-modules-core": "3.1.0-canary-20251008-6acbc1c",
+  "expo-navigation-bar": "5.0.9-canary-20251008-6acbc1c",
+  "expo-network": "8.0.8-canary-20251008-6acbc1c",
+  "expo-notifications": "1.0.0-canary-20251008-6acbc1c",
+  "expo-print": "15.0.8-canary-20251008-6acbc1c",
+  "expo-live-photo": "1.0.8-canary-20251008-6acbc1c",
+  "expo-router": "6.1.0-canary-20251008-6acbc1c",
+  "expo-screen-capture": "8.0.9-canary-20251008-6acbc1c",
+  "expo-screen-orientation": "9.0.8-canary-20251008-6acbc1c",
+  "expo-secure-store": "15.0.8-canary-20251008-6acbc1c",
+  "expo-sensors": "15.0.8-canary-20251008-6acbc1c",
+  "expo-sharing": "14.0.8-canary-20251008-6acbc1c",
+  "expo-sms": "14.0.8-canary-20251008-6acbc1c",
+  "expo-speech": "14.0.8-canary-20251008-6acbc1c",
+  "expo-splash-screen": "31.0.11-canary-20251008-6acbc1c",
+  "expo-sqlite": "16.0.9-canary-20251008-6acbc1c",
+  "expo-status-bar": "3.0.9-canary-20251008-6acbc1c",
+  "expo-store-review": "9.0.9-canary-20251008-6acbc1c",
+  "expo-symbols": "1.1.0-canary-20251008-6acbc1c",
+  "expo-system-ui": "6.0.8-canary-20251008-6acbc1c",
+  "expo-task-manager": "14.0.8-canary-20251008-6acbc1c",
+  "expo-tracking-transparency": "6.0.8-canary-20251008-6acbc1c",
+  "expo-updates": "29.1.0-canary-20251008-6acbc1c",
+  "expo-video-thumbnails": "10.0.8-canary-20251008-6acbc1c",
+  "expo-video": "3.0.12-canary-20251008-6acbc1c",
+  "expo-web-browser": "15.0.9-canary-20251008-6acbc1c",
+  "jest-expo": "55.0.0-canary-20251008-6acbc1c",
   "lottie-react-native": "~7.3.1",
   "react": "19.1.1",
   "react-dom": "19.1.1",
@@ -108,7 +108,7 @@
   "react-native-view-shot": "4.0.3",
   "react-native-webview": "13.15.0",
   "sentry-expo": "~7.0.0",
-  "unimodules-app-loader": "6.0.8-canary-20251003-7b9d7ff",
+  "unimodules-app-loader": "6.0.8-canary-20251008-6acbc1c",
   "unimodules-image-loader-interface": "~6.1.0",
   "@shopify/react-native-skia": "2.2.12",
   "@shopify/flash-list": "2.0.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo",
-  "version": "55.0.0-canary-20251003-7b9d7ff",
+  "version": "55.0.0-canary-20251008-6acbc1c",
   "description": "The Expo SDK",
   "main": "src/Expo.ts",
   "module": "src/Expo.ts",
@@ -75,23 +75,24 @@
   "homepage": "https://github.com/expo/expo/tree/main/packages/expo",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
-    "@expo/cli": "54.1.0-canary-20251003-7b9d7ff",
-    "@expo/config": "12.0.11-canary-20251003-7b9d7ff",
-    "@expo/config-plugins": "54.0.3-canary-20251003-7b9d7ff",
-    "@expo/devtools": "0.1.8-canary-20251003-7b9d7ff",
-    "@expo/fingerprint": "0.15.2-canary-20251003-7b9d7ff",
+    "@expo/cli": "54.1.0-canary-20251008-6acbc1c",
+    "@expo/config": "12.0.11-canary-20251008-6acbc1c",
+    "@expo/config-plugins": "54.0.3-canary-20251008-6acbc1c",
+    "@expo/devtools": "0.1.8-canary-20251008-6acbc1c",
+    "@expo/fingerprint": "0.15.2-canary-20251008-6acbc1c",
     "@expo/metro": "~54.0.0",
-    "@expo/metro-config": "54.0.7-canary-20251003-7b9d7ff",
+    "@expo/metro-config": "54.0.7-canary-20251008-6acbc1c",
     "@expo/vector-icons": "^15.0.2",
+    "@expo/log-box": "0.0.13-canary-20251008-6acbc1c",
     "@ungap/structured-clone": "^1.3.0",
-    "babel-preset-expo": "54.0.4-canary-20251003-7b9d7ff",
-    "expo-asset": "12.0.10-canary-20251003-7b9d7ff",
-    "expo-constants": "18.0.10-canary-20251003-7b9d7ff",
-    "expo-file-system": "19.0.17-canary-20251003-7b9d7ff",
-    "expo-font": "14.0.9-canary-20251003-7b9d7ff",
-    "expo-keep-awake": "15.0.8-canary-20251003-7b9d7ff",
-    "expo-modules-autolinking": "3.1.0-canary-20251003-7b9d7ff",
-    "expo-modules-core": "3.1.0-canary-20251003-7b9d7ff",
+    "babel-preset-expo": "54.0.4-canary-20251008-6acbc1c",
+    "expo-asset": "12.0.10-canary-20251008-6acbc1c",
+    "expo-constants": "18.0.10-canary-20251008-6acbc1c",
+    "expo-file-system": "19.0.17-canary-20251008-6acbc1c",
+    "expo-font": "14.0.9-canary-20251008-6acbc1c",
+    "expo-keep-awake": "15.0.8-canary-20251008-6acbc1c",
+    "expo-modules-autolinking": "3.1.0-canary-20251008-6acbc1c",
+    "expo-modules-core": "3.1.0-canary-20251008-6acbc1c",
     "pretty-format": "^29.7.0",
     "react-refresh": "^0.14.2",
     "whatwg-url-without-unicode": "8.0.0-3"
@@ -100,15 +101,15 @@
     "@types/node": "^22.14.0",
     "@types/react": "~19.1.10",
     "@types/react-test-renderer": "~19.1.0",
-    "expo-module-scripts": "5.0.8-canary-20251003-7b9d7ff",
+    "expo-module-scripts": "5.0.8-canary-20251008-6acbc1c",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "react-native": "0.82.0-rc.5",
     "web-streams-polyfill": "^3.3.2"
   },
   "peerDependencies": {
-    "@expo/dom-webview": "0.2.8-canary-20251003-7b9d7ff",
-    "@expo/metro-runtime": "6.1.3-canary-20251003-7b9d7ff",
+    "@expo/dom-webview": "0.2.8-canary-20251008-6acbc1c",
+    "@expo/metro-runtime": "6.1.3-canary-20251008-6acbc1c",
     "react": "*",
     "react-native": "*",
     "react-native-webview": "*"

package/src/async-require/hmr.ts

@@ -8,6 +8,7 @@
  * Based on this but with web support:
  * https://github.com/facebook/react-native/blob/086714b02b0fb838dee5a66c5bcefe73b53cf3df/Libraries/Utilities/HMRClient.js
  */
+import { parseWebHmrBuildErrors, type MetroBuildError } from '@expo/log-box/utils';
 import MetroHMRClient from '@expo/metro/metro-runtime/modules/HMRClient';
 import prettyFormat, { plugins } from 'pretty-format';
 import { DeviceEventEmitter } from 'react-native';
@@ -28,17 +29,9 @@ const pendingEntryPoints: string[] = [];
 // @ts-expect-error: Account for multiple versions of pretty-format inside of a monorepo.
 const prettyFormatFunc = typeof prettyFormat === 'function' ? prettyFormat : prettyFormat.default;
 
-type HMRClientType = {
-  send: (msg: string) => void;
-  isEnabled: () => boolean;
-  disable: () => void;
-  enable: () => void;
-  hasPendingUpdates: () => boolean;
-};
-
-let hmrClient: HMRClientType | null = null;
+let hmrClient: MetroHMRClient | null = null;
 let hmrUnavailableReason: string | null = null;
-let currentCompileErrorMessage: string | null = null;
+const buildErrorQueue = new Set<MetroBuildError>();
 let didConnect: boolean = false;
 const pendingLogs: [LogLevel, any[]][] = [];
 
@@ -53,14 +46,6 @@ type LogLevel =
   | '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);
 }
@@ -69,7 +54,7 @@ function assert(foo: any, msg: string): asserts foo {
  * HMR Client that receives from the server HMR updates and propagates them
  * runtime to reflects those changes.
  */
-const HMRClient: HMRClientNativeInterface = {
+const HMRClient = {
   enable() {
     if (hmrUnavailableReason !== null) {
       // If HMR became unavailable while you weren't using it,
@@ -181,10 +166,10 @@ const HMRClient: HMRClientNativeInterface = {
     );
 
     client.on('connection-error', (e: Error) => {
-      let error = `Cannot connect to Metro.
+      let error = `Cannot connect to Expo CLI.
  
  Try the following to fix the issue:
- - Ensure the Metro dev server is running and available on the same network as this device`;
+ - Ensure the Expo dev server is running and available on the same network as this device`;
       error += `
  
  URL: ${window.location.host}
@@ -195,7 +180,7 @@ const HMRClient: HMRClientNativeInterface = {
     });
 
     client.on('update-start', ({ isInitialUpdate }: { isInitialUpdate?: boolean }) => {
-      currentCompileErrorMessage = null;
+      buildErrorQueue.clear();
       didConnect = true;
 
       if (client.isEnabled() && !isInitialUpdate) {
@@ -205,10 +190,11 @@ const HMRClient: HMRClientNativeInterface = {
 
     client.on('update', ({ isInitialUpdate }: { isInitialUpdate?: boolean }) => {
       if (client.isEnabled() && !isInitialUpdate) {
-        dismissRedbox();
+        // dismissRedbox();
         // @ts-expect-error
         globalThis.__expo_dev_resetErrors?.();
         // LogBox.clearAllLogs();
+        // dismissGlobalErrorOverlay();
       }
     });
 
@@ -216,22 +202,7 @@ const HMRClient: HMRClientNativeInterface = {
       hideLoading();
     });
 
-    client.on('error', (data: { type: string; message: string }) => {
-      hideLoading();
-
-      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('error', (data) => this._onMetroError(data));
 
     client.on('close', (closeEvent: { code: number; reason: string }) => {
       hideLoading();
@@ -242,19 +213,19 @@ const HMRClient: HMRClientNativeInterface = {
         closeEvent == null ||
         closeEvent.code === 1000 ||
         closeEvent.code === 1005 ||
+        closeEvent.code === 1006 ||
         closeEvent.code == null;
 
       setHMRUnavailableReason(
         `${
           isNormalOrUnsetCloseReason
-            ? 'Disconnected from Metro.'
-            : `Disconnected from Metro (${closeEvent.code}: "${closeEvent.reason}").`
+            ? 'Disconnected from Expo CLI.'
+            : `Disconnected from Expo CLI (${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)
-      `
+- Start the dev server with: npx expo
+- Reload the ${process.env.EXPO_OS === 'web' ? 'page' : 'app'}`
       );
     });
 
@@ -267,6 +238,41 @@ To reconnect:
     registerBundleEntryPoints(hmrClient);
     flushEarlyLogs();
   },
+
+  _onMetroError(data: unknown) {
+    if (!hmrClient) {
+      return;
+    }
+
+    assert(typeof data === 'object' && data != null, 'Expected data to be an object');
+
+    hideLoading();
+
+    if ('type' in data) {
+      if (data.type === 'GraphNotFoundError') {
+        hmrClient.close();
+        setHMRUnavailableReason('Expo CLI has restarted since the last edit. Reload to reconnect.');
+        return;
+      } else if (data.type === 'RevisionNotFoundError') {
+        hmrClient.close();
+        setHMRUnavailableReason(
+          `Expo CLI and the ${process.env.EXPO_OS} client are out of sync. Reload to reconnect.`
+        );
+        return;
+      }
+    }
+
+    // Fallback for resolution errors which don't return a type
+    // https://github.com/facebook/metro/blob/a3fac645dc377f78bd4182ca0ca73629b2707d5b/packages/metro/src/lib/formatBundlingError.js#L65-L73
+    // https://github.com/facebook/metro/pull/1487
+    const error = parseWebHmrBuildErrors(data);
+
+    buildErrorQueue.add(error);
+
+    if (hmrClient.isEnabled()) {
+      showCompileError();
+    }
+  },
 };
 
 function setHMRUnavailableReason(reason: string) {
@@ -286,7 +292,7 @@ function setHMRUnavailableReason(reason: string) {
   }
 }
 
-function registerBundleEntryPoints(client: HMRClientType | null) {
+function registerBundleEntryPoints(client: MetroHMRClient | null) {
   if (hmrUnavailableReason != null) {
     // "Bundle Splitting – Metro disconnected"
     window.location.reload();
@@ -314,27 +320,17 @@ function flushEarlyLogs() {
   }
 }
 
-function dismissRedbox() {
-  // TODO(EvanBacon): Error overlay for web.
-}
-
 function showCompileError() {
-  if (currentCompileErrorMessage === null) {
+  if (buildErrorQueue.size === 0) {
     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;
+  // dismissGlobalErrorOverlay();
 
-  const error = new Error(message);
-  // Symbolicating compile errors is wasted effort
-  // because the stack trace is meaningless:
-  // @ts-expect-error
-  error.preventSymbolication = true;
+  const error = buildErrorQueue.values().next().value;
+  buildErrorQueue.clear();
   throw error;
 }
 

package/src/dom/dom-entry.tsx

@@ -1,12 +1,12 @@
 // Entry file for a DOM Component.
 import '@expo/metro-runtime';
 
-import { withErrorOverlay } from '@expo/metro-runtime/error-overlay';
 import React from 'react';
 
 import { JSONValue } from './dom.types';
 import { addEventListener, getActionsObject } from './marshal';
 import registerRootComponent from '../launch/registerRootComponent';
+import { useLogBox } from '@expo/log-box';
 
 interface MarshalledProps {
   name: string[];
@@ -102,12 +102,12 @@ export function registerDOMComponent(AppModule: any) {
   }
 
   try {
+    if (process.env.NODE_ENV !== 'production') {
+      useLogBox();
+    }
+
     React.startTransition(() => {
-      if (process.env.NODE_ENV !== 'production') {
-        registerRootComponent(withErrorOverlay(DOMComponentRoot));
-      } else {
-        registerRootComponent(DOMComponentRoot);
-      }
+      registerRootComponent(DOMComponentRoot);
     });
   } catch (e) {
     const error = convertError(e);

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

@@ -0,0 +1,9 @@
+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 };
+}

package/src/dom/internal.ts

@@ -1,5 +1,7 @@
 export { default as WebView } from './webview-wrapper';
 
+export * from './dom-internal.types';
+
 // Skip all dom-only functions to give 'undefined is not a function' errors.
 export const registerDOMComponent: undefined | typeof import('./dom-entry').registerDOMComponent =
   undefined;

package/src/dom/webview-wrapper.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { AppState } from 'react-native';
 
 import { getBaseURL } from './base';
-import type { BridgeMessage, DOMProps, WebViewProps, WebViewRef } from './dom.types';
+import type { BridgeMessage, WebViewProps, WebViewRef } from './dom.types';
 import { _emitGlobalEvent } from './global-events';
 import {
   getInjectBodySizeObserverScript,
@@ -16,13 +16,14 @@ import {
 import ExpoDomWebView from './webview/ExpoDOMWebView';
 import RNWebView from './webview/RNWebView';
 import { useDebugZeroHeight } from './webview/useDebugZeroHeight';
+import { DOMPropsInternal } from './dom-internal.types';
 
 type RawWebViewProps = React.ComponentProps<Exclude<typeof ExpoDomWebView, undefined>> &
   React.ComponentProps<Exclude<typeof RNWebView, undefined>>;
 
 interface Props {
   children?: any;
-  dom?: DOMProps;
+  dom?: DOMPropsInternal;
   filePath: string;
   ref: React.Ref<object>;
   [propName: string]: unknown;
@@ -30,6 +31,8 @@ interface Props {
 
 const RawWebView = React.forwardRef<object, Props>((props, ref) => {
   const { children, dom, filePath, ref: _ref, ...marshalProps } = props as Props;
+  const { sourceOverride, ...domProps } = dom || {};
+
   if (__DEV__) {
     if (children !== undefined) {
       throw new Error(
@@ -66,7 +69,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: `${getBaseURL()}/${filePath}` };
+  const source = sourceOverride ?? { uri: `${getBaseURL()}/${filePath}` };
   const [containerStyle, setContainerStyle] = React.useState<WebViewProps['containerStyle']>(null);
 
   const { debugZeroHeightStyle, debugOnLayout } = useDebugZeroHeight(dom);
@@ -129,7 +132,7 @@ const RawWebView = React.forwardRef<object, Props>((props, ref) => {
         subscription.remove();
       });
     },
-    ...dom,
+    ...domProps,
     containerStyle: [containerStyle, debugZeroHeightStyle, dom?.containerStyle],
     onLayout: __DEV__ ? debugOnLayout : dom?.onLayout,
     injectedJavaScriptBeforeContentLoaded: [