[Wallet] Wallet can switch between hosted and local node

README-dev.md

@@ -4,23 +4,23 @@
 
 Many packages depend on other packages within the monorepo. When this happens, follow these rules:
 
-  1. All packages must use **master version** of sibling packages.
-  2. Exception to (1) are packages that represent a GAE/firebase app which must use the last published version.
-  3. To differentiate published vs unpublished version. Master version (in package.json) must end with suffix `-dev` and should not be published.
-  4. If a developer want to publish a version; then after publishing it needs to set master version to next `-dev` version and change all package.json that require on it.
+1.  All packages must use **master version** of sibling packages.
+2.  Exception to (1) are packages that represent a GAE/firebase app which must use the last published version.
+3.  To differentiate published vs unpublished version. Master version (in package.json) must end with suffix `-dev` and should not be published.
+4.  If a developer want to publish a version; then after publishing it needs to set master version to next `-dev` version and change all package.json that require on it.
 
 To check which pakages need amending, you can run (in the root pkg):
 
     yarn check:packages
 
 A practical example:
 
- * In any given moment, `contractkit/package.json#version` field **must** of the form `x.y.z-dev`
- * If current version of contractkit is: `0.1.6-dev` and we want to publish a new version, we should:
-    * publish version `0.1.6`
-    * change `package.json#version` to `0.1.7-dev`
-    * change in other packages within monorepo that were using `0.1.6-dev` to `0.1.7-dev`
-  
+- In any given moment, `contractkit/package.json#version` field **must** of the form `x.y.z-dev`
+- If current version of contractkit is: `0.1.6-dev` and we want to publish a new version, we should:
+  - publish version `0.1.6`
+  - change `package.json#version` to `0.1.7-dev`
+  - change in other packages within monorepo that were using `0.1.6-dev` to `0.1.7-dev`
+
 ## How to publish a new npm package
 
 First checkout the alfajores branch.

packages/mobile/.env

@@ -1,8 +1,10 @@
 ENVIRONMENT=local
-DEFAULT_TESTNET=integration
-# -1 == ZeroSync, 5 == Ultralight, see src/geth/consts.ts for more info
+DEFAULT_TESTNET=alfajores
+# If ZERO_SYNC_ENABLED_INITIALLY, local geth will not run initially. 
+# If toggled on, it will use DEFAULT_SYNC_MODE. See src/geth/consts.ts for more info
+ZERO_SYNC_ENABLED_INITIALLY=false
 DEFAULT_SYNC_MODE=5
 DEV_SETTINGS_ACTIVE_INITIALLY=true
 FIREBASE_ENABLED=true
 SECRETS_KEY=debug
-SHOW_TESTNET_BANNER=true
+SHOW_TESTNET_BANNER=true

packages/mobile/.env.alfajores

@@ -1,6 +1,8 @@
 ENVIRONMENT=alfajores
 DEFAULT_TESTNET=alfajores
-# -1 == ZeroSync, 5 == Ultralight, see src/geth/consts.ts for more info
+# If ZERO_SYNC_ENABLED_INITIALLY, local geth will not run initially. 
+# If toggled on, it will use DEFAULT_SYNC_MODE. See src/geth/consts.ts for more info
+ZERO_SYNC_ENABLED_INITIALLY=false
 DEFAULT_SYNC_MODE=5
 DEV_SETTINGS_ACTIVE_INITIALLY=false
 FIREBASE_ENABLED=true

packages/mobile/.env.integration

@@ -1,6 +1,8 @@
 ENVIRONMENT=integration
 DEFAULT_TESTNET=integration
-# -1 == ZeroSync, 5 == Ultralight, see src/geth/consts.ts for more info
+# If ZERO_SYNC_ENABLED_INITIALLY, local geth will not run initially. 
+# If toggled on, it will use DEFAULT_SYNC_MODE. See src/geth/consts.ts for more info
+ZERO_SYNC_ENABLED_INITIALLY=false
 DEFAULT_SYNC_MODE=5
 DEV_SETTINGS_ACTIVE_INITIALLY=true
 FIREBASE_ENABLED=true

packages/mobile/.env.pilot

@@ -1,6 +1,8 @@
 ENVIRONMENT=pilot
 DEFAULT_TESTNET=pilot
-# -1 == ZeroSync, 5 == Ultralight, see src/geth/consts.ts for more info
+# If ZERO_SYNC_ENABLED_INITIALLY, local geth will not run initially. 
+# If toggled on, it will use DEFAULT_SYNC_MODE. See src/geth/consts.ts for more info
+ZERO_SYNC_ENABLED_INITIALLY=false
 DEFAULT_SYNC_MODE=5
 DEV_SETTINGS_ACTIVE_INITIALLY=false
 FIREBASE_ENABLED=true

packages/mobile/.env.pilotstaging

@@ -1,6 +1,8 @@
 ENVIRONMENT=pilotstaging
 DEFAULT_TESTNET=pilotstaging
-# -1 == ZeroSync, 5 == Ultralight, see src/geth/consts.ts for more info
+# If ZERO_SYNC_ENABLED_INITIALLY, local geth will not run initially. 
+# If toggled on, it will use DEFAULT_SYNC_MODE. See src/geth/consts.ts for more info
+ZERO_SYNC_ENABLED_INITIALLY=false
 DEFAULT_SYNC_MODE=5
 DEV_SETTINGS_ACTIVE_INITIALLY=true
 FIREBASE_ENABLED=true

packages/mobile/.env.production

@@ -1,6 +1,8 @@
 ENVIRONMENT=production
 DEFAULT_TESTNET=argentinaproduction
-# -1 == ZeroSync, 5 == Ultralight, see src/geth/consts.ts for more info
+# If ZERO_SYNC_ENABLED_INITIALLY, local geth will not run initially. 
+# If toggled on, it will use DEFAULT_SYNC_MODE. See src/geth/consts.ts for more info
+ZERO_SYNC_ENABLED_INITIALLY=false
 DEFAULT_SYNC_MODE=5
 DEV_SETTINGS_ACTIVE_INITIALLY=false
 FIREBASE_ENABLED=true

packages/mobile/.env.staging

@@ -1,6 +1,8 @@
 ENVIRONMENT=staging
 DEFAULT_TESTNET=alfajoresstaging
-# -1 == ZeroSync, 5 == Ultralight, see src/geth/consts.ts for more info
+# If ZERO_SYNC_ENABLED_INITIALLY, local geth will not run initially. 
+# If toggled on, it will use DEFAULT_SYNC_MODE. See src/geth/consts.ts for more info
+ZERO_SYNC_ENABLED_INITIALLY=false
 DEFAULT_SYNC_MODE=5
 DEV_SETTINGS_ACTIVE_INITIALLY=true
 FIREBASE_ENABLED=true

packages/mobile/.env.test

@@ -1,6 +1,8 @@
 ENVIRONMENT=local
 DEFAULT_TESTNET=integration
-# -1 == ZeroSync, 5 == Ultralight, see src/geth/consts.ts for more info
+# If ZERO_SYNC_ENABLED_INITIALLY, local geth will not run initially. 
+# If toggled on, it will use DEFAULT_SYNC_MODE. See src/geth/consts.ts for more info
+ZERO_SYNC_ENABLED_INITIALLY=false
 DEFAULT_SYNC_MODE=5
 DEV_SETTINGS_ACTIVE_INITIALLY=true
 FIREBASE_ENABLED=false

packages/mobile/locales/en-US/global.json

@@ -92,6 +92,7 @@
   "web3FailedToSync": "Failing to sync, check your network connection",
   "errorDuringSync": "Error occurred during sync, please try again later",
   "calculateFeeFailed": "Could not calculate fee",
+  "failedToSwitchSyncModes": "Failed to switch sync modes",
   "gold": "Gold",
   "localCurrencyTitle": "Select Currency"
 }

packages/mobile/locales/es-419/global.json

@@ -93,6 +93,7 @@
   "web3FailedToSync": "Fallo la sincronización, por favor verifica tu conexión",
   "errorDuringSync": "Ocurrió un error duranet la sincronización, por favor intente más tarde",
   "calculateFeeFailed": "No se pudo calcular la comisión",
+  "failedToSwitchSyncModes": "Error al cambiar de red modos",
   "gold": "Oro",
   "localCurrencyTitle": "Seleccione el tipo de moneda"
 }

packages/mobile/src/account/Account.tsx

@@ -238,9 +238,7 @@ export class Account extends React.Component<Props, State> {
               <SettingsItem title={t('celoRewards')} onPress={navigateToVerifierApp} />
             )}
             <SettingsItem title={t('analytics')} onPress={this.goToAnalytics} />
-            {/* // TODO(anna) Disabled until switch geth on/off is implemented
-            <SettingsItem title={t('celoLite')} onPress={this.goToCeloLite} /> 
-            */}
+            <SettingsItem title={t('celoLite')} onPress={this.goToCeloLite} />
             <SettingsItem title={t('languageSettings')} onPress={this.goToLanguageSetting} />
             <SettingsItem
               title={t('localCurrencySetting')}

packages/mobile/src/account/CeloLite.tsx

@@ -6,7 +6,7 @@ import { WithNamespaces, withNamespaces } from 'react-i18next'
 import { ScrollView, StyleSheet, Text } from 'react-native'
 import { connect } from 'react-redux'
 import i18n, { Namespaces } from 'src/i18n'
-import { headerWithCancelButton } from 'src/navigator/Headers'
+import { headerWithBackButton } from 'src/navigator/Headers'
 import { RootState } from 'src/redux/reducers'
 import { setZeroSyncMode } from 'src/web3/actions'
 
@@ -32,7 +32,7 @@ const mapStateToProps = (state: RootState): StateProps => {
 
 export class CeloLite extends React.Component<Props> {
   static navigationOptions = () => ({
-    ...headerWithCancelButton,
+    ...headerWithBackButton,
     headerTitle: i18n.t('accountScreen10:celoLite'),
   })
 

packages/mobile/src/account/__snapshots__/Account.test.tsx.snap

@@ -463,6 +463,81 @@ exports[`Account renders correctly 1`] = `
             </View>
           </View>
         </View>
+        <View
+          accessible={true}
+          isTVSelectable={true}
+          nativeBackgroundAndroid={
+            Object {
+              "attribute": "selectableItemBackground",
+              "type": "ThemeAttrAndroid",
+            }
+          }
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+        >
+          <View
+            style={
+              Object {
+                "borderBottomWidth": 1,
+                "borderColor": "#EEEEEE",
+                "flexDirection": "row",
+                "justifyContent": "space-between",
+                "marginLeft": 15,
+                "padding": 20,
+              }
+            }
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "justifyContent": "center",
+                  },
+                ]
+              }
+            >
+              <Text
+                style={
+                  Object {
+                    "color": "#2E3338",
+                    "fontFamily": "Hind-Regular",
+                    "fontSize": 16,
+                    "lineHeight": 24,
+                  }
+                }
+              >
+                celoLite
+              </Text>
+            </View>
+            <View
+              style={
+                Array [
+                  Object {
+                    "justifyContent": "center",
+                  },
+                ]
+              }
+            >
+              <svg
+                height={16}
+                style={Object {}}
+                viewBox="0 0 15 15"
+                width={16}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M8.70376 9.12461L2.12123 15.7071C1.73071 16.0976 1.09755 16.0976 0.707015 15.7071C0.316497 15.3166 0.316497 14.6834 0.707015 14.2929L6.58575 8.41419L0.707091 2.53553C0.316573 2.14501 0.316573 1.51185 0.707091 1.12131C1.09761 0.730797 1.73079 0.730797 2.12131 1.12131L8.70708 7.70708C9.0976 8.09762 9.0976 8.73078 8.70708 9.1213L8.70376 9.12461Z"
+                  fill="#42D689"
+                  style={Object {}}
+                />
+              </svg>
+            </View>
+          </View>
+        </View>
         <View
           accessible={true}
           isTVSelectable={true}
@@ -1382,6 +1457,81 @@ exports[`Account renders correctly when dev mode active 1`] = `
             </View>
           </View>
         </View>
+        <View
+          accessible={true}
+          isTVSelectable={true}
+          nativeBackgroundAndroid={
+            Object {
+              "attribute": "selectableItemBackground",
+              "type": "ThemeAttrAndroid",
+            }
+          }
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+        >
+          <View
+            style={
+              Object {
+                "borderBottomWidth": 1,
+                "borderColor": "#EEEEEE",
+                "flexDirection": "row",
+                "justifyContent": "space-between",
+                "marginLeft": 15,
+                "padding": 20,
+              }
+            }
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "justifyContent": "center",
+                  },
+                ]
+              }
+            >
+              <Text
+                style={
+                  Object {
+                    "color": "#2E3338",
+                    "fontFamily": "Hind-Regular",
+                    "fontSize": 16,
+                    "lineHeight": 24,
+                  }
+                }
+              >
+                celoLite
+              </Text>
+            </View>
+            <View
+              style={
+                Array [
+                  Object {
+                    "justifyContent": "center",
+                  },
+                ]
+              }
+            >
+              <svg
+                height={16}
+                style={Object {}}
+                viewBox="0 0 15 15"
+                width={16}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M8.70376 9.12461L2.12123 15.7071C1.73071 16.0976 1.09755 16.0976 0.707015 15.7071C0.316497 15.3166 0.316497 14.6834 0.707015 14.2929L6.58575 8.41419L0.707091 2.53553C0.316573 2.14501 0.316573 1.51185 0.707091 1.12131C1.09761 0.730797 1.73079 0.730797 2.12131 1.12131L8.70708 7.70708C9.0976 8.09762 9.0976 8.73078 8.70708 9.1213L8.70376 9.12461Z"
+                  fill="#42D689"
+                  style={Object {}}
+                />
+              </svg>
+            </View>
+          </View>
+        </View>
         <View
           accessible={true}
           isTVSelectable={true}

packages/mobile/src/app/ErrorMessages.ts

@@ -41,5 +41,6 @@ export enum ErrorMessages {
   QR_FAILED_INVALID_ADDRESS = 'qrFailedInvalidAddress',
   CORRUPTED_CHAIN_DELETED = 'corruptedChainDeleted',
   CALCULATE_FEE_FAILED = 'calculateFeeFailed',
+  FAILED_TO_SWITCH_SYNC_MODES = 'failedToSwitchSyncModes',
   FAILED_FETCH_MNEMONIC = 'failedFetchMnemonic',
 }

packages/mobile/src/app/saga.ts

@@ -12,6 +12,9 @@ import { Screens, Stacks } from 'src/navigator/Screens'
 import { PersistedRootState } from 'src/redux/reducers'
 import Logger from 'src/utils/Logger'
 import { clockInSync } from 'src/utils/time'
+import { setZeroSyncMode } from 'src/web3/actions'
+import { isInitiallyZeroSyncMode } from 'src/web3/contracts'
+import { zeroSyncSelector } from 'src/web3/selectors'
 
 const TAG = 'app/saga'
 
@@ -58,6 +61,17 @@ export function* checkAppDeprecation() {
   }
 }
 
+// Upon every app restart, web3 is initialized according to .env file
+// This updates to the chosen zeroSync mode in store
+export function* toggleToProperSyncMode() {
+  Logger.info(TAG, '@toggleToProperSyncMode ensuring proper sync mode...')
+  yield take(REHYDRATE)
+  const zeroSyncMode = yield select(zeroSyncSelector)
+  if (zeroSyncMode !== isInitiallyZeroSyncMode()) {
+    yield put(setZeroSyncMode(zeroSyncMode))
+  }
+}
+
 export function* navigateToProperScreen() {
   yield all([take(REHYDRATE), take(NavActions.SET_NAVIGATOR)])
 
@@ -120,4 +134,5 @@ export function handleDeepLink(deepLink: string) {
 export function* appSaga() {
   yield spawn(checkAppDeprecation)
   yield spawn(navigateToProperScreen)
+  yield spawn(toggleToProperSyncMode)
 }

packages/mobile/src/config.ts

@@ -72,3 +72,7 @@ export const GOLD_TRANSACTION_MIN_AMOUNT = 0.001
 export const DEFAULT_SYNC_MODE: GethSyncMode = Config.DEFAULT_SYNC_MODE
   ? new BigNumber(Config.DEFAULT_SYNC_MODE).toNumber()
   : GethSyncMode.Ultralight
+
+export const ZERO_SYNC_ENABLED_INITIALLY = Config.ZERO_SYNC_ENABLED_INITIALLY
+  ? stringToBoolean(Config.ZERO_SYNC_ENABLED_INITIALLY)
+  : false