expo 52.0.0-preview.7 → 52.0.0-preview.8

package/android/build.gradle

@@ -33,7 +33,7 @@ def getRNVersion() {
 ensureDependeciesWereEvaluated(project)
 
 group = 'host.exp.exponent'
-version = '52.0.0-preview.7'
+version = '52.0.0-preview.8'
 
 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.7"
+    versionName "52.0.0-preview.8"
     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/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;AAarF,UAAU,KAAK;IACb,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,UAAU,sEA+Jd,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

@@ -45,7 +45,7 @@
   "expo-haptics": "~14.0.0",
   "expo-image": "~2.0.0-preview.0",
   "expo-image-loader": "~5.0.0",
-  "expo-image-manipulator": "~13.0.4",
+  "expo-image-manipulator": "~13.0.5",
   "expo-image-picker": "~16.0.0",
   "expo-intent-launcher": "~12.0.1",
   "expo-insights": "~0.8.1",
@@ -58,12 +58,12 @@
   "expo-mail-composer": "~14.0.1",
   "expo-media-library": "~17.0.0",
   "expo-module-template": "~10.15.3",
-  "expo-modules-core": "~2.0.0-preview.5",
+  "expo-modules-core": "~2.0.0-preview.6",
   "expo-navigation-bar": "~4.0.1",
   "expo-network": "~7.0.0",
-  "expo-notifications": "~0.29.3",
+  "expo-notifications": "~0.29.4",
   "expo-print": "~14.0.2",
-  "expo-router": "~4.0.0-preview.4",
+  "expo-router": "~4.0.0-preview.5",
   "expo-screen-capture": "~7.0.0",
   "expo-screen-orientation": "~8.0.0",
   "expo-secure-store": "~14.0.0",
@@ -83,7 +83,7 @@
   "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.1",
+  "jest-expo": "~52.0.0-preview.2",
   "lottie-react-native": "7.0.0",
   "react": "18.3.1",
   "react-dom": "18.3.1",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo",
-  "version": "52.0.0-preview.7",
+  "version": "52.0.0-preview.8",
   "description": "The Expo SDK",
   "main": "src/Expo.ts",
   "module": "src/Expo.ts",
@@ -66,9 +66,9 @@
   "homepage": "https://github.com/expo/expo/tree/main/packages/expo",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
-    "@expo/cli": "0.19.4",
+    "@expo/cli": "0.19.5",
     "@expo/config": "10.0.2",
-    "@expo/config-plugins": "9.0.3",
+    "@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.1",
@@ -77,14 +77,14 @@
     "expo-font": "~13.0.0",
     "expo-keep-awake": "~14.0.1",
     "expo-modules-autolinking": "2.0.0-preview.2",
-    "expo-modules-core": "2.0.0-preview.5",
+    "expo-modules-core": "2.0.0-preview.6",
     "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",
@@ -108,5 +108,5 @@
       "optional": true
     }
   },
-  "gitHead": "fd3bf874d4f15ec19fafd873997c393c68a25c9f"
+  "gitHead": "8b9f5addf49cb5ef7598ca27ff60c0accff6a1c3"
 }

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/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

@@ -11,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';
@@ -23,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;
         },
       }
     );
@@ -42,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(
@@ -77,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,
@@ -128,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) {