expo 52.0.29 → 52.0.31

package/android/build.gradle

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

package/build/dom/webview/useDebugZeroHeight.d.ts

@@ -0,0 +1,12 @@
+import { type ViewProps } from 'react-native';
+import { type DOMProps, type WebViewProps } from '../dom.types';
+type UseDebugZeroHeightType = (dom: DOMProps) => {
+    debugZeroHeightStyle: WebViewProps['containerStyle'] | undefined;
+    debugOnLayout: ViewProps['onLayout'];
+};
+/**
+ * Debug only hook to help identify zero height issues in the DOM component.
+ */
+export declare const useDebugZeroHeight: UseDebugZeroHeightType;
+export {};
+//# sourceMappingURL=useDebugZeroHeight.d.ts.map

package/build/dom/webview/useDebugZeroHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebugZeroHeight.d.ts","sourceRoot":"","sources":["../../../src/dom/webview/useDebugZeroHeight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,sBAAsB,GAAG,CAAC,GAAG,EAAE,QAAQ,KAAK;IAC/C,oBAAoB,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACjE,aAAa,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,sBAgD3B,CAAC"}

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;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"}
+{"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;AAcrF,UAAU,KAAK;IACb,GAAG,EAAE,QAAQ,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,sEAoLd,CAAC;AAaH,wBAAgB,cAAc,CAAC,iBAAiB,EAAE,OAAO,OASxD;AAED,eAAe,UAAU,CAAC"}

package/bundledNativeModules.json

@@ -27,7 +27,7 @@
   "expo-brightness": "~13.0.3",
   "expo-build-properties": "~0.13.2",
   "expo-calendar": "~14.0.6",
-  "expo-camera": "~16.0.14",
+  "expo-camera": "~16.0.15",
   "expo-cellular": "~7.0.2",
   "expo-checkbox": "~4.0.1",
   "expo-clipboard": "~7.0.1",
@@ -38,7 +38,7 @@
   "expo-device": "~7.0.2",
   "expo-document-picker": "~13.0.2",
   "expo-face-detector": "~13.0.2",
-  "expo-file-system": "~18.0.9",
+  "expo-file-system": "~18.0.10",
   "expo-font": "~13.0.3",
   "expo-gl": "~15.0.4",
   "expo-google-app-auth": "~8.3.0",
@@ -58,8 +58,8 @@
   "expo-mail-composer": "~14.0.2",
   "expo-media-library": "~17.0.5",
   "expo-module-template": "~10.15.13",
-  "expo-modules-core": "~2.2.0",
-  "expo-navigation-bar": "~4.0.7",
+  "expo-modules-core": "~2.2.1",
+  "expo-navigation-bar": "~4.0.8",
   "expo-network": "~7.0.5",
   "expo-notifications": "~0.29.13",
   "expo-print": "~14.0.3",
@@ -72,14 +72,14 @@
   "expo-sms": "~13.0.1",
   "expo-speech": "~13.0.1",
   "expo-splash-screen": "~0.29.21",
-  "expo-sqlite": "~15.1.1",
+  "expo-sqlite": "~15.1.2",
   "expo-status-bar": "~2.0.1",
   "expo-store-review": "~8.0.1",
   "expo-symbols": "~0.2.2",
-  "expo-system-ui": "~4.0.7",
+  "expo-system-ui": "~4.0.8",
   "expo-task-manager": "~12.0.5",
   "expo-tracking-transparency": "~5.1.1",
-  "expo-updates": "~0.26.15",
+  "expo-updates": "~0.26.17",
   "expo-video-thumbnails": "~9.0.3",
   "expo-video": "~2.0.5",
   "expo-web-browser": "~14.0.2",
@@ -87,7 +87,7 @@
   "lottie-react-native": "7.1.0",
   "react": "18.3.1",
   "react-dom": "18.3.1",
-  "react-native": "0.76.6",
+  "react-native": "0.76.7",
   "react-native-web": "~0.19.13",
   "react-native-gesture-handler": "~2.20.2",
   "react-native-get-random-values": "~1.11.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo",
-  "version": "52.0.29",
+  "version": "52.0.31",
   "description": "The Expo SDK",
   "main": "src/Expo.ts",
   "module": "src/Expo.ts",
@@ -68,20 +68,20 @@
   "homepage": "https://github.com/expo/expo/tree/main/packages/expo",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
-    "@expo/cli": "0.22.11",
+    "@expo/cli": "0.22.13",
     "@expo/config": "~10.0.8",
-    "@expo/config-plugins": "~9.0.14",
+    "@expo/config-plugins": "~9.0.15",
     "@expo/fingerprint": "0.11.8",
     "@expo/metro-config": "0.19.9",
     "@expo/vector-icons": "^14.0.0",
-    "babel-preset-expo": "~12.0.6",
+    "babel-preset-expo": "~12.0.7",
     "expo-asset": "~11.0.3",
     "expo-constants": "~17.0.5",
-    "expo-file-system": "~18.0.9",
+    "expo-file-system": "~18.0.10",
     "expo-font": "~13.0.3",
     "expo-keep-awake": "~14.0.2",
     "expo-modules-autolinking": "2.0.7",
-    "expo-modules-core": "2.2.0",
+    "expo-modules-core": "2.2.1",
     "fbemitter": "^3.0.0",
     "web-streams-polyfill": "^3.3.2",
     "whatwg-url-without-unicode": "8.0.0-3"
@@ -92,7 +92,7 @@
     "expo-module-scripts": "^4.0.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-native": "0.76.6"
+    "react-native": "0.76.7"
   },
   "peerDependencies": {
     "@expo/dom-webview": "*",
@@ -112,5 +112,5 @@
       "optional": true
     }
   },
-  "gitHead": "8478e7a78d20fc1548ddb038aef60fa11df7b588"
+  "gitHead": "9442f00874e0cd738030abae80e5bdef184a2581"
 }

package/src/dom/webview/useDebugZeroHeight.ts

@@ -0,0 +1,62 @@
+import { useState, useCallback } from 'react';
+import { type ViewProps } from 'react-native';
+
+import { type DOMProps, type WebViewProps } from '../dom.types';
+
+type UseDebugZeroHeightType = (dom: DOMProps) => {
+  debugZeroHeightStyle: WebViewProps['containerStyle'] | undefined;
+  debugOnLayout: ViewProps['onLayout'];
+};
+
+/**
+ * Debug only hook to help identify zero height issues in the DOM component.
+ */
+export const useDebugZeroHeight: UseDebugZeroHeightType = __DEV__
+  ? (dom) => {
+      const [debugZeroHeightStyle, setDebugZeroHeightStyle] = useState<
+        WebViewProps['containerStyle'] | undefined
+      >(undefined);
+      const [hasLoggedWarning, setHasLoggedWarning] = useState(false);
+
+      const debugOnLayout = useCallback<NonNullable<ViewProps['onLayout']>>(
+        (event) => {
+          dom.onLayout?.(event);
+          if (dom.matchContents) {
+            return;
+          }
+          if (debugZeroHeightStyle !== undefined) {
+            return;
+          }
+          if (event.nativeEvent.layout.height === 0) {
+            if (!hasLoggedWarning) {
+              console.warn(`
+The DOM component has a zero height in native hierarchy.
+We are adding a debug style to help you identify the issue.
+You can remove this style by using the \`matchContents\` prop or explicitly add a height from the component callsite.
+\`\`\`
+<YourDomComponent dom={{ matchContents: true }} />
+// or
+<YourDomComponent dom={{ style: { height: 50 } }} />
+\`\`\`
+`);
+              setHasLoggedWarning(true);
+            }
+            setDebugZeroHeightStyle({
+              borderWidth: 1,
+              borderColor: 'red',
+              borderRadius: 2,
+              minHeight: 40,
+            });
+          } else {
+            setDebugZeroHeightStyle({});
+          }
+        },
+        [dom.matchContents, dom.onLayout, debugZeroHeightStyle, hasLoggedWarning]
+      );
+
+      return { debugZeroHeightStyle, debugOnLayout };
+    }
+  : (dom) => ({
+      debugZeroHeightStyle: undefined,
+      debugOnLayout: dom.onLayout,
+    });

package/src/dom/webview-wrapper.tsx

@@ -15,6 +15,7 @@ import {
 } from './injection';
 import ExpoDomWebView from './webview/ExpoDOMWebView';
 import RNWebView from './webview/RNWebView';
+import { useDebugZeroHeight } from './webview/useDebugZeroHeight';
 
 interface Props {
   dom: DOMProps;
@@ -53,6 +54,8 @@ const RawWebView = React.forwardRef<object, Props>(({ dom, filePath, ...marshalP
   const source = { uri: `${getBaseURL()}/${filePath}` };
   const [containerStyle, setContainerStyle] = React.useState<WebViewProps['containerStyle']>(null);
 
+  const { debugZeroHeightStyle, debugOnLayout } = useDebugZeroHeight(dom);
+
   const emit = React.useCallback(
     (detail: BridgeMessage<any>) => {
       webviewRef.current?.injectJavaScript(getInjectEventScript(detail));
@@ -110,8 +113,9 @@ const RawWebView = React.forwardRef<object, Props>(({ dom, filePath, ...marshalP
         subscription.remove();
       });
     },
-    containerStyle,
     ...dom,
+    containerStyle: [containerStyle, debugZeroHeightStyle, dom?.containerStyle],
+    onLayout: __DEV__ ? debugOnLayout : dom.onLayout,
     injectedJavaScriptBeforeContentLoaded: [
       // On first mount, inject `$$EXPO_INITIAL_PROPS` with the initial props.
       `window.$$EXPO_INITIAL_PROPS = ${JSON.stringify(smartActions)};true;`,