expo 52.0.0-preview.0 → 52.0.0-preview.10

package/android/build.gradle

@@ -33,7 +33,7 @@ def getRNVersion() {
 ensureDependeciesWereEvaluated(project)
 
 group = 'host.exp.exponent'
-version = '52.0.0-preview.0'
+version = '52.0.0-preview.10'
 
 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.0"
+    versionName "52.0.0-preview.10"
     consumerProguardFiles("proguard-rules.pro")
   }
   testOptions {

package/build/dom/dom-hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom-hooks.d.ts","sourceRoot":"","sources":["../../src/dom/dom-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEnG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,oBAAoB,EACnE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EACX,IAAI,EAAE,MAAM,CAAC,EACb,IAAI,CAAC,EAAE,cAAc,QAqBtB"}
+{"version":3,"file":"dom-hooks.d.ts","sourceRoot":"","sources":["../../src/dom/dom-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEnG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,oBAAoB,EACnE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EACX,IAAI,EAAE,MAAM,CAAC,EACb,IAAI,CAAC,EAAE,cAAc,QA4BtB"}

package/build/dom/global-events.d.ts

@@ -0,0 +1,4 @@
+import { BridgeMessage, JSONValue } from './dom.types';
+export declare function _emitGlobalEvent<TData extends JSONValue>(message: BridgeMessage<TData>): void;
+export declare const addGlobalDomEventListener: <TData extends JSONValue>(onSubscribe: (message: BridgeMessage<TData>) => void) => (() => void);
+//# sourceMappingURL=global-events.d.ts.map

package/build/dom/global-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-events.d.ts","sourceRoot":"","sources":["../../src/dom/global-events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIvD,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,QAEtF;AAED,eAAO,MAAM,yBAAyB,4EACY,IAAI,KACnD,CAAC,MAAM,IAAI,CAKb,CAAC"}

package/build/dom/injection.d.ts

@@ -3,6 +3,7 @@ export declare const NATIVE_ACTION = "$$native_action";
 export declare const NATIVE_ACTION_RESULT = "$$native_action_result";
 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;

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;AAE7D,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,mBAAmB,WAalC;AAED,wBAAgB,+BAA+B,WAwB9C"}

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;AAYrF,UAAU,KAAK;IACb,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,UAAU,sEA8Jd,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;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"}

package/bundledNativeModules.json

@@ -5,39 +5,39 @@
   "@react-native-community/datetimepicker": "8.2.0",
   "@react-native-masked-view/masked-view": "0.3.1",
   "@react-native-community/netinfo": "11.4.1",
-  "@react-native-community/slider": "4.5.2",
+  "@react-native-community/slider": "4.5.5",
   "@react-native-community/viewpager": "5.0.11",
-  "@react-native-picker/picker": "2.8.1",
+  "@react-native-picker/picker": "2.9.0",
   "@react-native-segmented-control/segmented-control": "2.5.4",
   "@stripe/stripe-react-native": "0.38.6",
-  "eslint-config-expo": "~8.0.0",
+  "eslint-config-expo": "~8.0.1",
   "expo-analytics-amplitude": "~11.3.0",
   "expo-app-auth": "~11.1.0",
   "expo-app-loader-provider": "~8.0.0",
-  "expo-apple-authentication": "~7.0.0",
-  "expo-application": "~6.0.0",
+  "expo-apple-authentication": "~7.0.1",
+  "expo-application": "~6.0.1",
   "expo-asset": "~11.0.0",
-  "expo-audio": "~0.2.0",
+  "expo-audio": "~0.2.3",
   "expo-auth-session": "~6.0.0",
-  "expo-av": "~15.0.0",
-  "expo-background-fetch": "~13.0.0",
-  "expo-barcode-scanner": "~14.0.0",
-  "expo-battery": "~9.0.0",
-  "expo-blur": "~14.0.0",
-  "expo-brightness": "~13.0.0",
-  "expo-build-properties": "~0.13.0",
-  "expo-calendar": "~14.0.0",
-  "expo-camera": "~16.0.0",
-  "expo-cellular": "~7.0.0",
+  "expo-av": "~15.0.1",
+  "expo-background-fetch": "~13.0.1",
+  "expo-barcode-scanner": "~14.0.1",
+  "expo-battery": "~9.0.1",
+  "expo-blur": "~14.0.1",
+  "expo-brightness": "~13.0.2",
+  "expo-build-properties": "~0.13.1",
+  "expo-calendar": "~14.0.2",
+  "expo-camera": "~16.0.3",
+  "expo-cellular": "~7.0.1",
   "expo-checkbox": "~4.0.0",
   "expo-clipboard": "~7.0.0",
-  "expo-constants": "~17.0.0",
-  "expo-contacts": "~14.0.0",
-  "expo-crypto": "~14.0.0",
-  "expo-dev-client": "~5.0.0-preview.0",
-  "expo-device": "~7.0.0",
-  "expo-document-picker": "~13.0.0",
-  "expo-face-detector": "~13.0.0",
+  "expo-constants": "~17.0.2",
+  "expo-contacts": "~14.0.1",
+  "expo-crypto": "~14.0.1",
+  "expo-dev-client": "~5.0.0-preview.3",
+  "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",
@@ -45,57 +45,57 @@
   "expo-haptics": "~14.0.0",
   "expo-image": "~2.0.0-preview.0",
   "expo-image-loader": "~5.0.0",
-  "expo-image-manipulator": "~13.0.0",
+  "expo-image-manipulator": "~13.0.5",
   "expo-image-picker": "~16.0.0",
-  "expo-intent-launcher": "~12.0.0",
-  "expo-insights": "~0.8.0",
-  "expo-keep-awake": "~14.0.0",
-  "expo-linear-gradient": "~14.0.0",
-  "expo-linking": "~7.0.0",
-  "expo-local-authentication": "~15.0.0",
+  "expo-intent-launcher": "~12.0.1",
+  "expo-insights": "~0.8.1",
+  "expo-keep-awake": "~14.0.1",
+  "expo-linear-gradient": "~14.0.1",
+  "expo-linking": "~7.0.2",
+  "expo-local-authentication": "~15.0.1",
   "expo-localization": "~16.0.0",
-  "expo-location": "~18.0.0",
-  "expo-mail-composer": "~14.0.0",
+  "expo-location": "~18.0.1",
+  "expo-mail-composer": "~14.0.1",
   "expo-media-library": "~17.0.0",
-  "expo-module-template": "~10.15.0",
-  "expo-modules-core": "~2.0.0-preview.0",
-  "expo-navigation-bar": "~4.0.0",
+  "expo-module-template": "~10.15.4",
+  "expo-modules-core": "~2.0.0-preview.7",
+  "expo-navigation-bar": "~4.0.1",
   "expo-network": "~7.0.0",
-  "expo-notifications": "~0.29.0",
-  "expo-print": "~14.0.0",
-  "expo-router": "~4.0.0-preview.0",
+  "expo-notifications": "~0.29.4",
+  "expo-print": "~14.0.2",
+  "expo-router": "~4.0.0-preview.6",
   "expo-screen-capture": "~7.0.0",
   "expo-screen-orientation": "~8.0.0",
   "expo-secure-store": "~14.0.0",
-  "expo-sensors": "~14.0.0",
+  "expo-sensors": "~14.0.1",
   "expo-sharing": "~13.0.0",
   "expo-sms": "~13.0.0",
   "expo-speech": "~13.0.0",
-  "expo-splash-screen": "~0.28.0",
-  "expo-sqlite": "~15.0.0",
+  "expo-splash-screen": "~0.28.4",
+  "expo-sqlite": "~15.0.1",
   "expo-status-bar": "~2.0.0",
   "expo-store-review": "~8.0.0",
   "expo-symbols": "~0.2.0",
-  "expo-system-ui": "~4.0.0",
+  "expo-system-ui": "~4.0.1",
   "expo-task-manager": "~12.0.0",
   "expo-tracking-transparency": "~5.0.0",
-  "expo-updates": "~0.26.0",
+  "expo-updates": "~0.26.2",
   "expo-video-thumbnails": "~9.0.0",
   "expo-video": "~2.0.0-preview.0",
   "expo-web-browser": "~14.0.0",
-  "jest-expo": "~52.0.0-preview.0",
+  "jest-expo": "~52.0.0-preview.2",
   "lottie-react-native": "7.0.0",
   "react": "18.3.1",
   "react-dom": "18.3.1",
-  "react-native": "0.76.0-rc.6",
+  "react-native": "0.76.0",
   "react-native-web": "~0.19.13",
-  "react-native-gesture-handler": "~2.20.0",
+  "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.13",
-  "react-native-safe-area-context": "4.11.0",
+  "react-native-screens": "4.0.0-beta.14",
+  "react-native-safe-area-context": "4.12.0",
   "react-native-svg": "15.8.0",
   "react-native-view-shot": "3.8.0",
   "react-native-webview": "13.12.2",

package/dom/global.d.ts

@@ -0,0 +1 @@
+export * from '../build/dom/global-events';

package/dom/global.js

@@ -0,0 +1 @@
+export * from '../src/dom/global-events';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo",
-  "version": "52.0.0-preview.0",
+  "version": "52.0.0-preview.10",
   "description": "The Expo SDK",
   "main": "src/Expo.ts",
   "module": "src/Expo.ts",
@@ -66,29 +66,29 @@
   "homepage": "https://github.com/expo/expo/tree/main/packages/expo",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
-    "@expo/cli": "0.19.0",
-    "@expo/config": "10.0.0",
-    "@expo/config-plugins": "9.0.0",
-    "@expo/metro-config": "0.19.0-preview.0",
+    "@expo/cli": "0.19.6",
+    "@expo/config": "10.0.2",
+    "@expo/config-plugins": "9.0.4",
+    "@expo/metro-config": "0.19.0-preview.2",
     "@expo/vector-icons": "^14.0.0",
-    "babel-preset-expo": "~12.0.0-preview.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",
-    "expo-keep-awake": "~14.0.0",
-    "expo-modules-autolinking": "2.0.0-preview.0",
-    "expo-modules-core": "2.0.0-preview.0",
+    "expo-keep-awake": "~14.0.1",
+    "expo-modules-autolinking": "2.0.0-preview.2",
+    "expo-modules-core": "2.0.0-preview.7",
     "fbemitter": "^3.0.0",
     "web-streams-polyfill": "^3.3.2",
     "whatwg-url-without-unicode": "8.0.0-3"
   },
   "devDependencies": {
-    "@types/react": "~18.2.79",
-    "@types/react-test-renderer": "^18.0.0",
+    "@types/react": "~18.3.12",
+    "@types/react-test-renderer": "^18.3.0",
     "expo-module-scripts": "^4.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-native": "0.76.0-rc.6"
+    "react-native": "0.76.0"
   },
   "peerDependencies": {
     "@expo/dom-webview": "*",
@@ -108,5 +108,5 @@
       "optional": true
     }
   },
-  "gitHead": "7c7d2362fff23bec26cd145ed34edd9c403551bd"
+  "gitHead": "08a7689635ffb16f4020565c56cf7a4adf730314"
 }

package/src/dom/dom-hooks.ts

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useImperativeHandle, type DependencyList, type Ref } from 'react';
 
 import type { DOMImperativeFactory } from './dom.types';
+import { REGISTER_DOM_IMPERATIVE_HANDLE_PROPS } from './injection';
 
 /**
  * A React `useImperativeHandle` like hook for DOM components.
@@ -23,6 +24,13 @@ export function useDOMImperativeHandle<T extends DOMImperativeFactory>(
   useEffect(() => {
     if (!isTargetWeb) {
       globalThis._domRefProxy = init();
+      // @ts-expect-error: Added via react-native-webview
+      window.ReactNativeWebView.postMessage(
+        JSON.stringify({
+          type: REGISTER_DOM_IMPERATIVE_HANDLE_PROPS,
+          data: Object.keys(globalThis._domRefProxy),
+        })
+      );
     }
     return () => {
       if (!isTargetWeb) {

package/src/dom/global-events.ts

@@ -0,0 +1,16 @@
+import { BridgeMessage, JSONValue } from './dom.types';
+
+const globalListeners = new Set<(message: BridgeMessage<any>) => void>();
+
+export function _emitGlobalEvent<TData extends JSONValue>(message: BridgeMessage<TData>) {
+  globalListeners.forEach((listener) => listener(message));
+}
+
+export const addGlobalDomEventListener = <TData extends JSONValue>(
+  onSubscribe: (message: BridgeMessage<TData>) => void
+): (() => void) => {
+  globalListeners.add(onSubscribe);
+  return () => {
+    globalListeners.delete(onSubscribe);
+  };
+};

package/src/dom/injection.ts

@@ -4,6 +4,7 @@ export const NATIVE_ACTION = '$$native_action';
 export const NATIVE_ACTION_RESULT = '$$native_action_result';
 export const DOM_EVENT = '$$dom_event';
 export const MATCH_CONTENTS_EVENT = '$$match_contents_event';
+export const REGISTER_DOM_IMPERATIVE_HANDLE_PROPS = '$$register_dom_imperative_handle_props';
 
 export const getInjectEventScript = <T extends BridgeMessage<any>>(detail: T) => {
   return `;(function() {

package/src/dom/webview-wrapper.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { AppState } from 'react-native';
 
 import type { BridgeMessage, DOMProps, WebViewProps, WebViewRef } from './dom.types';
+import { _emitGlobalEvent } from './global-events';
 import {
   getInjectBodySizeObserverScript,
   getInjectEventScript,
@@ -10,6 +11,7 @@ import {
   MATCH_CONTENTS_EVENT,
   NATIVE_ACTION,
   NATIVE_ACTION_RESULT,
+  REGISTER_DOM_IMPERATIVE_HANDLE_PROPS,
 } from './injection';
 import ExpoDomWebView from './webview/ExpoDOMWebView';
 import RNWebView from './webview/RNWebView';
@@ -22,18 +24,26 @@ interface Props {
 }
 
 const RawWebView = React.forwardRef<object, Props>(({ dom, source, ...marshalProps }, ref) => {
-  if (ref != null && typeof ref == 'object' && ref.current == null) {
+  if (ref != null && typeof ref === 'object' && ref.current == null) {
     ref.current = new Proxy(
       {},
       {
-        get(target, prop) {
+        get(_, prop) {
           const propName = String(prop);
-          return function (...args) {
-            const serializedArgs = args.map((arg) => JSON.stringify(arg)).join(',');
-            webviewRef.current?.injectJavaScript(
-              `window._domRefProxy.${propName}(${serializedArgs})`
-            );
-          };
+          if (domImperativeHandlePropsRef.current?.includes(propName)) {
+            return function (...args) {
+              const serializedArgs = args.map((arg) => JSON.stringify(arg)).join(',');
+              webviewRef.current?.injectJavaScript(
+                `window._domRefProxy.${propName}(${serializedArgs})`
+              );
+            };
+          }
+          if (typeof webviewRef.current?.[propName] === 'function') {
+            return function (...args) {
+              return webviewRef.current?.[propName](...args);
+            };
+          }
+          return undefined;
         },
       }
     );
@@ -41,6 +51,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 [containerStyle, setContainerStyle] = React.useState<WebViewProps['containerStyle']>(null);
 
   const emit = React.useCallback(
@@ -76,7 +87,7 @@ const RawWebView = React.forwardRef<object, Props>(({ dom, source, ...marshalPro
   return React.createElement(webView, {
     webviewDebuggingEnabled: __DEV__,
     // Make iOS scrolling feel native.
-    decelerationRate: 'normal',
+    decelerationRate: process.env.EXPO_OS === 'ios' ? 'normal' : undefined,
     originWhitelist: ['*'],
     allowFileAccess: true,
     allowFileAccessFromFileURLs: true,
@@ -127,6 +138,11 @@ const RawWebView = React.forwardRef<object, Props>(({ dom, source, ...marshalPro
         return;
       }
 
+      if (type === REGISTER_DOM_IMPERATIVE_HANDLE_PROPS) {
+        domImperativeHandlePropsRef.current = data;
+        return;
+      }
+
       if (type === NATIVE_ACTION) {
         const action = marshalProps[data.actionId];
         if (action == null) {
@@ -177,6 +193,7 @@ const RawWebView = React.forwardRef<object, Props>(({ dom, source, ...marshalPro
       } else {
         dom?.onMessage?.(event);
       }
+      _emitGlobalEvent({ type, data });
     },
   });
 });