refactor(mobile): default to web frame if isDev (#1586)

* refactor(mobile): default to web frame if isDev

* fix: ignore native challenges

* fix: use contentInset for padding

packages/components/.eslintignore

@@ -0,0 +1 @@
+dist

packages/mobile/.eslintignore

@@ -1,3 +1,8 @@
 metro.config.js
-packages/mobile/html/Web.bundle/src/components
-packages/mobile/html/Web.bundle/src/web-src
+html/**/*
+node_modules
+ios
+e2e
+android
+fastlane
+WebFrame

packages/mobile/src/AppStack.tsx

@@ -146,6 +146,19 @@ export const AppStackComponent = (props: ModalStackNavigationProp<'AppStack'>) =
     return removeObserver
   }, [application, navigation])
 
+  if (IsDev) {
+    return (
+      <AppStack.Navigator
+        screenOptions={() => ({
+          headerShown: false,
+        })}
+        initialRouteName={SCREEN_NOTES}
+      >
+        <AppStack.Screen name={SCREEN_NOTES} component={IsDev ? MobileWebAppContainer : Root} />
+      </AppStack.Navigator>
+    )
+  }
+
   return (
     <DrawerLayout
       ref={drawerRef}

packages/mobile/src/Lib/Application.ts

@@ -135,6 +135,10 @@ export class MobileApplication extends SNApplication {
   }
 
   promptForChallenge(challenge: Challenge) {
+    if (IsDev) {
+      return
+    }
+
     push(SCREEN_AUTHENTICATE, { challenge, title: challenge.modalTitle })
   }
 

packages/mobile/src/MobileWebAppContainer.tsx

@@ -123,6 +123,7 @@ export const MobileWebAppContainer = () => {
       ref={webViewRef}
       source={{ uri: sourceUri }}
       originWhitelist={['*']}
+      contentInset={{ top: 30, bottom: 10 }}
       onLoad={() => {}}
       onError={(err) => console.error('An error has occurred', err)}
       onHttpError={() => console.error('An HTTP error occurred')}