implement lavamoat

Author: TheTrunk

Gemfile.lock

@@ -80,9 +80,9 @@ GEM
       mutex_m
     i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    json (2.15.2)
+    json (2.16.0)
     logger (1.7.0)
-    minitest (5.26.0)
+    minitest (5.26.1)
     molinillo (0.8.0)
     mutex_m (0.3.0)
     nanaimo (0.3.0)

babel.config.js

@@ -24,4 +24,6 @@ module.exports = {
       plugins: ['transform-remove-console'],
     },
   },
+  // Ignore SES files from transformation for LavaMoat compatibility
+  ignore: [/\/ses\.cjs$/, /\/ses-hermes\.cjs$/],
 };

index.js

@@ -1,6 +1,9 @@
 /**
  * @format
  */
+
+// LavaMoat lockdown is automatically injected by the Metro serializer
+// configured in metro.config.js - no manual import needed
 import './shim.js';
 import 'react-native-get-random-values';
 import { AppRegistry } from 'react-native';

metro.config.js

@@ -1,10 +1,17 @@
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+const { lockdownSerializer } = require('@lavamoat/react-native-lockdown');
 
 const defaultConfig = getDefaultConfig(__dirname);
 const { assetExts, sourceExts } = defaultConfig.resolver;
 
+// Polyfills needed for React Native
+const getPolyfills = () => [
+  // eslint-disable-next-line import/no-extraneous-dependencies
+  ...require('@react-native/js-polyfills')(),
+];
+
 /**
- * Metro configuration
+ * Metro configuration with LavaMoat lockdown protection
  * https://reactnative.dev/docs/metro
  *
  * @type {import('@react-native/metro-config').MetroConfig}
@@ -15,8 +22,12 @@ const config = {
   },
   resolver: {
     assetExts: assetExts.filter((ext) => ext !== 'svg'),
-    sourceExts: [...sourceExts, 'svg'],
+    sourceExts: [...sourceExts, 'svg', 'cjs'],
   },
+  serializer: lockdownSerializer(
+    { hermesRuntime: true },
+    { getPolyfills }
+  ),
 };
 
 module.exports = mergeConfig(getDefaultConfig(__dirname), config);

package.json

@@ -22,12 +22,14 @@
   },
   "dependencies": {
     "@alchemy/aa-core": "3.19.0",
+    "@lavamoat/react-native-lockdown": "0.0.2",
     "@notifee/react-native": "9.1.8",
     "@react-native-clipboard/clipboard": "1.16.3",
     "@react-native-community/blur": "4.4.1",
     "@react-native-firebase/app": "23.5.0",
     "@react-native-firebase/messaging": "23.5.0",
     "@react-native-picker/picker": "2.11.4",
+    "@react-native/js-polyfills": "0.82.1",
     "@react-navigation/native": "7.1.19",
     "@react-navigation/stack": "7.6.2",
     "@reduxjs/toolkit": "2.10.1",
@@ -90,6 +92,7 @@
     "@babel/preset-env": "7.28.5",
     "@babel/runtime": "7.28.4",
     "@eslint/js": "9.39.1",
+    "@lavamoat/allow-scripts": "^3.0.4",
     "@react-native-community/cli": "20.0.2",
     "@react-native-community/cli-platform-android": "20.0.2",
     "@react-native-community/cli-platform-ios": "20.0.2",
@@ -159,5 +162,36 @@
     "tls": false,
     "net": "react-native-tcp-socket",
     "zlib": "browserify-zlib"
+  },
+  "lavamoat": {
+    "allowScripts": {
+      "@notifee/react-native": false,
+      "@react-native-firebase/app": false,
+      "@react-native-firebase/messaging": false,
+      "@react-native/js-polyfills": false,
+      "jail-monkey": false,
+      "react-native": false,
+      "react-native-camera-kit": false,
+      "react-native-encrypted-storage": false,
+      "react-native-gesture-handler": false,
+      "react-native-keychain": false,
+      "react-native-mmkv": false,
+      "react-native-nitro-modules": false,
+      "react-native-permissions": false,
+      "react-native-quick-crypto": false,
+      "react-native-reanimated": false,
+      "react-native-screens": false,
+      "react-native-svg": false,
+      "react-native-tcp-socket": false,
+      "react-native-vector-icons": false,
+      "react-native-worklets": false,
+      "$root$": true,
+      "@react-native-firebase/app>firebase>@firebase/firestore>@grpc/proto-loader>protobufjs": false,
+      "@react-native-firebase/app>firebase>@firebase/util": false,
+      "@runonflux/aa-schnorr-multisig-sdk>secp256k1": true,
+      "@runonflux/utxo-lib>secp256k1": true,
+      "jest>@jest/core>jest-resolve>unrs-resolver": false,
+      "postinstall-postinstall": true
+    }
   }
 }

src/components/HelpSection/HelpSection.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import {
   View,
   Text,
@@ -17,10 +17,12 @@ import packageJson from '../../../package.json';
 const HelpSection = (props: {
   actionStatus: (status: boolean) => void;
   visible: boolean;
+  navigation?: any;
 }) => {
   const { t } = useTranslation(['home', 'common']);
   const { Fonts, Gutters, Layout, Common, Colors, darkMode, Images } =
     useTheme();
+  const [versionTapCount, setVersionTapCount] = useState(0);
 
   const close = () => {
     console.log('Close');
@@ -46,6 +48,20 @@ const HelpSection = (props: {
     Linking.openURL('https://runonflux.io');
   };
 
+  const handleVersionTap = () => {
+    const newCount = versionTapCount + 1;
+    setVersionTapCount(newCount);
+    if (newCount >= 5) {
+      setVersionTapCount(0);
+      close();
+      if (props.navigation) {
+        setTimeout(() => {
+          props.navigation.navigate('LavaMoatTest');
+        }, 100);
+      }
+    }
+  };
+
   return (
     <Modal
       animationType="fade"
@@ -127,14 +143,16 @@ const HelpSection = (props: {
                 }
               />
             </TouchableOpacity>
-            <Text
-              style={[
-                Fonts.textTiny,
-                Fonts.textCenter
-              ]}
-            >
-              v{packageJson.version}
-            </Text>
+            <TouchableOpacity onPress={handleVersionTap}>
+              <Text
+                style={[
+                  Fonts.textTiny,
+                  Fonts.textCenter
+                ]}
+              >
+                v{packageJson.version}
+              </Text>
+            </TouchableOpacity>
           </View>
           <View style={[Layout.justifyContentEnd]}>
             <TouchableOpacity

src/components/Navbar/Navbar.tsx

@@ -5,7 +5,7 @@ import { useTheme } from '../../hooks';
 
 import HelpSection from '../../components/HelpSection/HelpSection';
 
-function Navbar(props: { openSettingsTrigger: () => void }) {
+function Navbar(props: { openSettingsTrigger: () => void; navigation?: any }) {
   const { darkMode, Gutters, Layout, Images, Colors } = useTheme();
   const [helpSectionModalOpen, setHelpSectionModalOpen] = useState(false);
   const openHelp = () => {
@@ -48,6 +48,7 @@ function Navbar(props: { openSettingsTrigger: () => void }) {
         <HelpSection
           actionStatus={handleHelpModalAction}
           visible={helpSectionModalOpen}
+          navigation={props.navigation}
         />
       </View>
     </>

src/navigators/Main.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Home, Welcome, Create, Restore } from '../screens';
+import { Home, Welcome, Create, Restore, LavaMoatTest } from '../screens';
 import { createStackNavigator } from '@react-navigation/stack';
 import { useAppSelector } from '../hooks';
 
@@ -17,6 +17,7 @@ const MainNavigator = () => {
       )}
       <Stack.Screen name="Create" component={Create} />
       <Stack.Screen name="Restore" component={Restore} />
+      <Stack.Screen name="LavaMoatTest" component={LavaMoatTest} />
     </Stack.Navigator>
   );
 };

src/screens/Home/Home.tsx

@@ -1323,7 +1323,7 @@ function Home({ navigation }: Props) {
 
   return (
     <View style={[Layout.fill, Layout.colCenter, Layout.scrollSpaceBetween]}>
-      <Navbar openSettingsTrigger={openSettings} />
+      <Navbar openSettingsTrigger={openSettings} navigation={navigation} />
       <Divider color={Colors.textGray200} />
       <KeyboardAwareScrollView
         keyboardShouldPersistTaps="always"