From 0c3c98d7af361d7bb6ed60ffbea73b5088aa186b Mon Sep 17 00:00:00 2001
From: Mo <mo@standardnotes.com>
Date: Fri, 16 Sep 2022 12:44:06 -0500
Subject: [PATCH] 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             |  1 +
 packages/mobile/.eslintignore                 |  9 +++++++--
 packages/mobile/src/AppStack.tsx              | 13 +++++++++++++
 packages/mobile/src/Lib/Application.ts        |  4 ++++
 packages/mobile/src/MobileWebAppContainer.tsx |  1 +
 5 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 packages/components/.eslintignore

diff --git a/packages/components/.eslintignore b/packages/components/.eslintignore
new file mode 100644
index 000000000..53c37a166
--- /dev/null
+++ b/packages/components/.eslintignore
@@ -0,0 +1 @@
+dist
\ No newline at end of file
diff --git a/packages/mobile/.eslintignore b/packages/mobile/.eslintignore
index 7b9e4fbcc..aee931263 100644
--- a/packages/mobile/.eslintignore
+++ b/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
\ No newline at end of file
diff --git a/packages/mobile/src/AppStack.tsx b/packages/mobile/src/AppStack.tsx
index d1abe60a6..d2ec25580 100644
--- a/packages/mobile/src/AppStack.tsx
+++ b/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}
diff --git a/packages/mobile/src/Lib/Application.ts b/packages/mobile/src/Lib/Application.ts
index 3776b5d29..c658b9398 100644
--- a/packages/mobile/src/Lib/Application.ts
+++ b/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 })
   }
 
diff --git a/packages/mobile/src/MobileWebAppContainer.tsx b/packages/mobile/src/MobileWebAppContainer.tsx
index 582b4cbda..205a26db0 100644
--- a/packages/mobile/src/MobileWebAppContainer.tsx
+++ b/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')}