Make unfinished features disableable

.env

@@ -1,2 +1,3 @@
 VUE_APP_MIGRATION_STATUS_URL=https://api.backendless.com/CBD0589C-4114-2D15-FF41-6FC7F3EE8800/39EBBD6D-5A94-0739-FF27-B17F3957B700/data/TokenBurnings?pageSize=100&where=pubKey%20%3D%20%27ADDRESS%27
 VUE_APP_MIGRATION_PHASE=0
+UNFINISHED_FEATURES=true

.env.production

@@ -0,0 +1 @@
+UNFINISHED_FEATURES=false

src/AppDesktop.vue

@@ -25,7 +25,7 @@ export default {
   components: {
     HeaderDesktop,
     SidebarDesktop,
-    FooterDesktop,
+    FooterDesktop: process.env.UNFINISHED_FEATURES ? FooterDesktop : () => {},
   },
   computed: mapGetters('modals', ['component', 'hidePage', 'props']),
 };

src/components/desktop/Header.vue

@@ -29,7 +29,11 @@
       <div class="details">
         {{ account ? account.name : 'Connect an account' }}
         <div class="balance">
-          {{ account ? `${prefixedAmount(account.balance)} AE` : 'With Base æpp or Ledger' }}
+          {{
+            account
+              ? `${prefixedAmount(account.balance)} AE`
+              : `With ${$globals.UNFINISHED_FEATURES ? 'Base æpp or ' : ''}Ledger`
+          }}
         </div>
       </div>
       <AeIdenticon :address="account ? account.address : ''" />
@@ -59,11 +63,11 @@ export default {
       name: 'Receive',
       routeName: 'receive',
       iconName: 'receive',
-    }, {
+    }, ...process.env.UNFINISHED_FEATURES ? [{
       name: 'Contacts',
       routeName: 'address-book',
       iconName: 'contacts',
-    }, {
+    }] : [], {
       name: 'Settings',
       routeName: 'settings',
       iconName: 'settings',

src/components/desktop/Sidebar.vue

@@ -17,7 +17,10 @@
         </ButtonPlain>
       </h1>
 
-      <div class="tabs">
+      <div
+        v-if="$globals.UNFINISHED_FEATURES"
+        class="tabs"
+      >
         <ButtonPlain
           :class="{ active: !ledgerTab }"
           @click="ledgerTab = false"
@@ -53,7 +56,7 @@ export default {
     AeIcon, SidebarModal, ConnectGuide, AccountSwitcher, ButtonPlain,
   },
   data: () => ({
-    ledgerTab: false,
+    ledgerTab: !process.env.UNFINISHED_FEATURES,
   }),
   computed: mapState({
     showSidebar: ({ desktop }) => desktop.showSidebar,

src/components/mobile/AccountSwitcher.vue

@@ -38,6 +38,7 @@
           </ListItem>
 
           <ListItem
+            v-if="$globals.UNFINISHED_FEATURES"
             title="Create a vault for AirGap"
             @click="toggleAccountSwitcher"
           >

src/components/mobile/TabBar.vue

@@ -18,7 +18,10 @@
         <AeIdenticon :address="activeIdentity.address" />
       </ButtonPlain>
 
-      <ButtonPlain :to="{ name: 'address-book' }">
+      <ButtonPlain
+        :to="{ name: 'address-book' }"
+        :disabled="!$globals.UNFINISHED_FEATURES"
+      >
         <AeIcon name="contacts" />
         Contacts
       </ButtonPlain>
@@ -82,6 +85,10 @@ export default {
       color: $color-neutral-negative-1;
       text-align: center;
 
+      &:disabled {
+        color: $color-neutral-negative-3;
+      }
+
       .ae-icon {
         font-size: 20px;
         display: block;

src/main.js

@@ -25,6 +25,7 @@ Vue.config.productionTip = false;
 Vue.prototype.$globals = {
   IS_MOBILE_DEVICE: process.env.IS_MOBILE_DEVICE,
   IS_IOS: process.env.IS_IOS,
+  UNFINISHED_FEATURES: process.env.UNFINISHED_FEATURES,
 };
 
 new Vue({

src/pages/mobile/Settings.vue

@@ -44,6 +44,7 @@
         />
       </ListItem>
       <ListItem
+        v-if="$globals.UNFINISHED_FEATURES"
         :to="{ name: 'settings-remote-connection' }"
         :subtitle="
           `${remoteConnectionsCount} device${remoteConnectionsCount === 1 ? '' : 's'} connected`"

src/router/__tests__/index.js

@@ -42,8 +42,8 @@ describe('router/index.js', () => {
       );
 
       it(
-        'pushes INTRO path if current route is APPS and no keystore is present',
-        createRedirectTest({}, 'apps', 'intro'),
+        'pushes INTRO path if current route is TRANSFER and no keystore is present',
+        createRedirectTest({}, 'transfer', 'intro'),
       );
 
       it(
@@ -52,10 +52,10 @@ describe('router/index.js', () => {
       );
 
       it(
-        'pushes LOGIN path if current route is APPS and keystore is present but not derivedKey',
+        'pushes LOGIN path if current route is TRANSFER and keystore is present but not derivedKey',
         createRedirectTest({
           mobile: { keystore: {}, derivedKey: false },
-        }, 'apps', 'login'),
+        }, 'transfer', 'login'),
       );
 
       it(
@@ -66,10 +66,10 @@ describe('router/index.js', () => {
       );
 
       it(
-        'pushes APPS path if current route is LOGIN and keystore is present and derivedKey',
+        'pushes TRANSFER path if current route is LOGIN and keystore is present and derivedKey',
         createRedirectTest({
           mobile: { keystore: {}, derivedKey: true },
-        }, 'login', 'apps'),
+        }, 'login', 'transfer'),
       );
 
       it(
@@ -80,10 +80,10 @@ describe('router/index.js', () => {
       );
 
       it(
-        'does not interfere when current route is APPS and keystore is present and derivedKey',
+        'does not interfere when current route is TRANSFER and keystore is present and derivedKey',
         createNoRedirectTest({
           mobile: { keystore: {}, derivedKey: true },
-        }, 'apps'),
+        }, 'transfer'),
       );
 
       it(

src/router/index.js

@@ -22,12 +22,12 @@ store.watch(
   (loggedIn) => {
     if (loggedIn) {
       if (process.env.IS_MOBILE_DEVICE || store.state.loginTarget) {
-        router.push(store.state.loginTarget || { name: 'apps' });
+        router.push(store.state.loginTarget || { name: 'transfer' });
         store.commit('setLoginTarget');
       }
     } else {
       store.commit('setLoginTarget', router.currentRoute.fullPath);
-      router.push({ name: process.env.IS_MOBILE_DEVICE ? 'intro' : 'apps' });
+      router.push({ name: process.env.IS_MOBILE_DEVICE ? 'intro' : 'transfer' });
     }
   },
 );

src/router/routes/common.js

@@ -4,7 +4,7 @@ import AddressBook from '../../pages/AddressBook.vue';
 import AddressBookNew from '../../pages/AddressBookNew.vue';
 import AddressBookChoose from '../../pages/AddressBookChoose.vue';
 
-export default [{
+export default process.env.UNFINISHED_FEATURES ? [{
   name: 'address-book',
   path: '/addresses',
   component: AddressBook,
@@ -20,4 +20,4 @@ export default [{
   component: AddressBookChoose,
   beforeEnter: checkLoggedIn(true),
   props: true,
-}].map(route => merge(route, { meta: { displayFooter: true } }));
+}].map(route => merge(route, { meta: { displayFooter: true } })) : [];

src/router/routes/mobile.js

@@ -76,7 +76,7 @@ export default [{
       return;
     }
     if (store.getters.loggedIn) {
-      next({ name: 'apps' });
+      next({ name: 'transfer' });
       return;
     }
     next();
@@ -193,7 +193,7 @@ export default [{
   meta: {
     displayFooter: true,
   },
-}, {
+}, ...process.env.UNFINISHED_FEATURES ? [{
   name: 'settings-remote-connection',
   path: '/settings/remote-connection',
   component: SettingsRemoteConnection,
@@ -206,4 +206,4 @@ export default [{
   path: '/settings/remote-connection/new',
   component: SettingsRemoteConnectionNew,
   beforeEnter: checkLoggedIn(true),
-}];
+}] : []];

tests/e2e/specs/migrations/fix-aes-ctr-counter-issue.js

@@ -37,7 +37,7 @@ describe('Migration: Fix AES-CTR counter issue', () => {
       .contains('Log in')
       .click()
       .url()
-      .should('contain', '/browser')
+      .should('contain', '/transfer')
       .then(() => {
         const state = JSON.parse(localStorage.vuex);
         expect(state.migrations[0]).equal(true);

vue.config.js

@@ -3,6 +3,7 @@ const parseBool = val => (val ? JSON.parse(val) : false);
 // eslint-disable-next-line camelcase
 const { IS_MOBILE_DEVICE, IS_PWA, npm_package_version } = process.env;
 const IS_CORDOVA = parseBool(process.env.IS_CORDOVA);
+const UNFINISHED_FEATURES = parseBool(process.env.UNFINISHED_FEATURES);
 
 module.exports = {
   publicPath: IS_CORDOVA ? './' : '/',
@@ -16,6 +17,7 @@ module.exports = {
     delete definitions['process.env'];
 
     definitions['process.env.IS_CORDOVA'] = IS_CORDOVA;
+    definitions['process.env.UNFINISHED_FEATURES'] = UNFINISHED_FEATURES;
 
     if (IS_CORDOVA || IS_MOBILE_DEVICE) {
       definitions['process.env.IS_MOBILE_DEVICE'] = IS_CORDOVA || parseBool(process.env.IS_MOBILE_DEVICE);