feat: eas updates initial setup

.github/CODEOWNERS

@@ -42,6 +42,7 @@ app/core/Engine/types.ts                                    @MetaMask/mobile-pla
 app/core/Engine/controllers/remote-feature-flag-controller/ @MetaMask/mobile-platform
 app/core/DeeplinkManager                                    @MetaMask/mobile-platform
 scripts/build.sh                                            @MetaMask/mobile-platform
+scripts/update-expo-channel.js                              @MetaMask/mobile-admins
 
 # Platform & Snaps Code Fencing File
 metro.transform.js @MetaMask/mobile-platform @MetaMask/core-platform

.js.env.example

@@ -44,6 +44,9 @@ export WALLET_CONNECT_PROJECT_ID=""
 # Default PORT for metro
 export WATCHER_PORT=8081
 
+# Expo Project ID for OTA updates
+export EXPO_PROJECT_ID=""
+
 # Environment: "production", "pre-release" or "dev"
 export METAMASK_ENVIRONMENT="dev"
 

android/app/build.gradle

@@ -187,8 +187,8 @@ android {
         applicationId "io.metamask"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionName "7.60.0"
-        versionCode 2993
+        versionName "7.60.99"
+        versionCode 2997
         testBuildType System.getProperty('testBuildType', 'debug')
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         manifestPlaceholders.MM_BRANCH_KEY_TEST = "$System.env.MM_BRANCH_KEY_TEST"

app.config.js

@@ -1,3 +1,5 @@
+const { RUNTIME_VERSION, PROJECT_ID, UPDATE_URL } = require('./ota.config.js');
+
 module.exports = {
   name: 'MetaMask',
   displayName: 'MetaMask',
@@ -15,7 +17,9 @@ module.exports = {
             '../../node_modules/@notifee/react-native/android/libs',
           ],
         },
-        ios: {},
+        ios: {
+          jsEngine: 'hermes',
+        },
       },
     ],
     [
@@ -36,5 +40,28 @@ module.exports = {
   ios: {
     bundleIdentifier: 'io.metamask.MetaMask',
     usesAppleSignIn: true,
+    jsEngine: 'hermes',
+  },
+  expo: {
+    owner: 'metamask-test',
+    runtimeVersion: RUNTIME_VERSION,
+    updates: {
+      url: UPDATE_URL,
+      // Channel is set by requestHeaders, will be overridden with build script
+      requestHeaders: {
+        'expo-channel-name': 'preview',
+      },
+    },
+    extra: {
+      eas: {
+        projectId: PROJECT_ID,
+      },
+    },
+    android: {
+      package: 'io.metamask',
+    },
+    ios: {
+      bundleIdentifier: 'io.metamask.MetaMask',
+    },
   },
 };

app/__mocks__/expo-updates.ts

@@ -0,0 +1,36 @@
+// Mock for expo-updates module
+export const channel = 'test-channel';
+export const runtimeVersion = '1.0.0';
+export const isEmbeddedLaunch = true;
+export const isEnabled = true;
+export const updateId = 'mock-update-id';
+
+export const checkForUpdateAsync = jest.fn();
+export const fetchUpdateAsync = jest.fn();
+export const reloadAsync = jest.fn();
+export const useUpdates = jest.fn();
+
+export const UpdateEventType = {
+  ERROR: 'error',
+  NO_UPDATE_AVAILABLE: 'noUpdateAvailable',
+  UPDATE_AVAILABLE: 'updateAvailable',
+};
+
+export const UpdateCheckResult = {
+  isAvailable: false,
+  manifest: null,
+};
+
+export default {
+  channel,
+  runtimeVersion,
+  isEmbeddedLaunch,
+  isEnabled,
+  updateId,
+  checkForUpdateAsync,
+  fetchUpdateAsync,
+  reloadAsync,
+  useUpdates,
+  UpdateEventType,
+  UpdateCheckResult,
+};

app/components/Views/Settings/AppInformation/index.js

@@ -15,6 +15,14 @@ import {
   getVersion,
   getBuildNumber,
 } from 'react-native-device-info';
+import {
+  channel,
+  runtimeVersion,
+  isEmbeddedLaunch,
+  isEnabled as isOTAUpdatesEnabled,
+  updateId,
+} from 'expo-updates';
+import { PROJECT_ID, getFullVersion } from '../../../../constants/ota';
 import { fontStyles } from '../../../../styles/common';
 import PropTypes from 'prop-types';
 import { strings } from '../../../../../locales/i18n';
@@ -184,6 +192,11 @@ export default class AppInformation extends PureComponent {
     const colors = this.context.colors || mockTheme.colors;
     const styles = createStyles(colors);
 
+    const otaUpdateMessage =
+      __DEV__ || isEmbeddedLaunch
+        ? 'This app is running from built-in code or in development mode'
+        : 'This app is running an update';
+
     return (
       <SafeAreaView
         style={styles.wrapper}
@@ -202,27 +215,50 @@ export default class AppInformation extends PureComponent {
                 resizeMethod={'auto'}
               />
             </TouchableOpacity>
-            <Text style={styles.versionInfo}>{this.state.appInfo}</Text>
+            <Text style={styles.versionInfo}>
+              {getFullVersion(this.state.appInfo)}
+            </Text>
             {isQa ? (
               <Text style={styles.branchInfo}>
                 {`Branch: ${process.env['GIT_BRANCH']}`}
               </Text>
             ) : null}
 
-            {this.state.showEnvironmentInfo ? (
+            {this.state.showEnvironmentInfo && (
               <>
                 <Text style={styles.branchInfo}>
                   {`Environment: ${process.env.METAMASK_ENVIRONMENT}`}
                 </Text>
-
                 <Text style={styles.branchInfo}>
                   {`Remote Feature Flag Env: ${getFeatureFlagAppEnvironment()}`}
                 </Text>
                 <Text style={styles.branchInfo}>
                   {`Remote Feature Flag Distribution: ${getFeatureFlagAppDistribution()}`}
                 </Text>
+                <Text style={styles.branchInfo}>
+                  {`OTA Updates enabled: ${String(isOTAUpdatesEnabled)}`}
+                </Text>
+                {isOTAUpdatesEnabled && (
+                  <>
+                    <Text style={styles.branchInfo}>
+                      {`Expo Project ID: ${PROJECT_ID}`}
+                    </Text>
+                    <Text style={styles.branchInfo}>
+                      {`Update ID: ${updateId || 'N/A'}`}
+                    </Text>
+                    <Text style={styles.branchInfo}>
+                      {`OTA Update Channel: ${channel}`}
+                    </Text>
+                    <Text style={styles.branchInfo}>
+                      {`OTA Update runtime version: ${runtimeVersion}`}
+                    </Text>
+                    <Text style={styles.branchInfo}>
+                      {`OTA Update status: ${otaUpdateMessage}`}
+                    </Text>
+                  </>
+                )}
               </>
-            ) : null}
+            )}
           </View>
           <Text style={styles.title}>{strings('app_information.links')}</Text>
           <View style={styles.links}>

app/constants/ota.ts

@@ -0,0 +1,22 @@
+/**
+ * OTA (Over-The-Air) Update Version Tracking
+ *
+ * Re-exports from the root ota.config.js file (single source of truth).
+ * To update versions, edit ota.config.js at the project root.
+ */
+
+import otaConfig from '../../ota.config.js';
+
+export const OTA_VERSION = otaConfig.OTA_VERSION;
+export const RUNTIME_VERSION = otaConfig.RUNTIME_VERSION;
+export const PROJECT_ID = otaConfig.PROJECT_ID;
+
+/**
+ * Gets the full version string including OTA version
+ * @param appVersion - The app version from package.json/device info
+ * @returns Full version string (e.g., "7.58.0 OTA Version: v3")
+ */
+export const getFullVersion = (appVersion: string): string =>
+  process.env.METAMASK_ENVIRONMENT !== 'production' && OTA_VERSION !== 'v0'
+    ? `${appVersion} OTA: ${OTA_VERSION}`
+    : `${appVersion}`;

bitrise.yml

@@ -3574,16 +3574,16 @@ app:
       PROJECT_LOCATION_IOS: ios
     - opts:
         is_expand: false
-      VERSION_NAME: 7.60.0
+      VERSION_NAME: 7.60.99
     - opts:
         is_expand: false
-      VERSION_NUMBER: 2993
+      VERSION_NUMBER: 2997
     - opts:
         is_expand: false
-      FLASK_VERSION_NAME: 7.60.0
+      FLASK_VERSION_NAME: 7.60.99
     - opts:
         is_expand: false
-      FLASK_VERSION_NUMBER: 2993
+      FLASK_VERSION_NUMBER: 2997
     - opts:
         is_expand: false
       ANDROID_APK_LINK: ''

index.js

@@ -8,6 +8,9 @@ import 'react-native-gesture-handler';
 // why-did-you-render must run as early as possible (after gesture-handler) in dev
 import './wdyr';
 
+// Required for EAS Updates to resolve assets (.riv, .png, etc.) from OTA bundles
+import 'expo-asset';
+
 import * as Sentry from '@sentry/react-native'; // eslint-disable-line import/no-namespace
 import { setupSentry } from './app/util/sentry/utils';
 import { AppRegistry, LogBox } from 'react-native';

ios/Expo.plist

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <!-- EAS Update configuration is injected by scripts/update-expo-channel.js during build -->
+  </dict>
+</plist>