Complete rewrite of configuration

- no bash scripts
  * error prone
  * platform dependent)
- replace `dotenv` with `config`
  * less redundancy, merge config with defaults
  * consistency with API repository
  * configurable in docker container

Author: roschaefer

.env.tmp

@@ -1,7 +1,7 @@
 import { isEmpty } from 'lodash'
 
-export default async ({ store, route, redirect }) => {
-  let publicPages = process.env.publicPages
+export default async ({ store, env, route, redirect }) => {
+  let publicPages = env.publicPages
   publicPages.push('auth-logout')
   // only affect non public pages
   if (publicPages.indexOf(route.name) >= 0) {

entrypoint.sh

@@ -1,7 +1,7 @@
 
-export default async function ({ app, error, store, redirect, route }) {
+export default async function ({ app, env, error, store, redirect, route }) {
   let isMaintenanceEnabled = false
-  if (Boolean(app.$env.MAINTENANCE) === true) {
+  if (Boolean(env.MAINTENANCE) === true) {
     error({ statusCode: 503, message: 'Maintenance Mode' })
     return
   }

middleware/authenticated.js

@@ -93,7 +93,6 @@ module.exports = {
     }
   },
   plugins: [
-    {src: '~/plugins/env.js'},
     {src: '~/plugins/debug.js', ssr: false},
     {src: '~/plugins/raven-client.js', ssr: false},
     {src: '~/plugins/api.js'},
@@ -112,8 +111,20 @@ module.exports = {
     {src: '~/plugins/open-page-in-modal.js', ssr: false}
   ],
   modules: [
-    'cookie-universal-nuxt',
-    '@nuxtjs/dotenv'
+    ['@nuxtjs/dotenv', {
+      only: [
+        'WEBAPP_HOST',
+        'WEBAPP_PORT',
+        'WEBAPP_BASE_URL',
+        'API_HOST',
+        'API_PORT',
+        'EMBED_API_URL',
+        'SENTRY_DNS_PUBLIC',
+        'MAPBOX_TOKEN',
+        'MAINTENANCE',
+      ]
+    }],
+    'cookie-universal-nuxt'
     // '@nuxtjs/pwa'
   ],
   router: {

middleware/maintenance.js

@@ -27,22 +27,17 @@
     "yarn": ">= 1.3.0"
   },
   "scripts": {
-    "dev": "yarn dev:env && backpack dev",
-    "dev:local": "sh scripts/run-local.sh",
-    "dev:debug": "yarn dev:env && backpack dev --inspect-brk=9229",
-    "dev:env": "sh scripts/on-dev.sh",
-    "build": "yarn build:env && nuxt build && backpack build",
-    "build:env": "sh scripts/on-build.sh",
-    "start": "yarn start:env && node build/main.js",
-    "start:pm2": "yarn start:env && pm2 start node build/main.js -n frontend -i 2 --attach",
-    "start:env": "sh scripts/on-start.sh",
-    "refresh": "rm -rf node_modules && yarn install && npm run dev",
+    "clean": "rm -rf build/*",
+    "dev": "backpack dev",
+    "dev:debug": "backpack dev --inspect=0.0.0.0:9229",
+    "build": "nuxt build && backpack build",
+    "start": "node build/main.js",
+    "start:pm2": "pm2 start node build/main.js -n frontend -i 2 --attach",
     "precommit": "yarn eslint",
     "eslint": "eslint --ext .js,.vue .",
     "styleguide": "vue-styleguidist server",
     "styleguide:build": "vue-styleguidist build",
     "test": "ava",
-    "test:env": "sh scripts/on-dev.sh",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
     "coverage": "nyc report --reporter=text-lcov > coverage.lcov && codecov"
@@ -52,7 +47,7 @@
     "@feathersjs/client": "^3.5.3",
     "@feathersjs/feathers": "^3.1.7",
     "@feathersjs/socketio": "^3.2.2",
-    "@nuxtjs/dotenv": "~1.1.0",
+    "@nuxtjs/dotenv": "^1.1.1",
     "@nuxtjs/pwa": "~2.0.5",
     "axios": "^0.18.0",
     "babel-eslint": "~8.2.5",

nuxt.config.js

@@ -5,9 +5,9 @@ import authentication from '@feathersjs/authentication-client'
 import urlHelper from '~/helpers/urls'
 import Vue from 'vue'
 
-export default ({app, store, redirect, router}) => {
+export default ({app, env, store, redirect, router}) => {
   const authKey = 'feathers-jwt'
-  const endpoint = urlHelper.buildEndpointURL(app.$env.API_HOST, { port: app.$env.API_PORT })
+  const endpoint = urlHelper.buildEndpointURL(env.API_HOST, { port: env.API_PORT })
   const storage = {
     getItem: (key) => {
       const res = app.$cookies.get(key)
@@ -26,7 +26,7 @@ export default ({app, store, redirect, router}) => {
     },
     clear: () => {
       const res = app.$cookies.removeAll()
-      if (process.env.NODE_ENV === 'development') {
+      if (env.NODE_ENV === 'development') {
         console.log(`## STORAGE: clear()`, res)
       }
       return res
@@ -60,7 +60,7 @@ export default ({app, store, redirect, router}) => {
       all: [
         async (hook) => {
           // hook.accessToken = await api.passport.getJWT()
-          if (process.env.NODE_ENV === 'development') {
+          if (env.NODE_ENV === 'development') {
             console.log('# API:', `${hook.method} ${hook.path}`)
             console.info('data', hook.data)
             // console.log('# ' + hook.accessToken)
@@ -70,7 +70,7 @@ export default ({app, store, redirect, router}) => {
       ]
     },
     async error (ctx) {
-      if (process.env.NODE_ENV === 'development') {
+      if (env.NODE_ENV === 'development') {
         console.log('####################')
         console.error(ctx.error)
         console.info('JWT TOKEN: ', app.$cookies.get(authKey))

package.json

@@ -4,8 +4,8 @@ import { debounce, isEmpty } from 'lodash'
 
 import vuexI18n from 'vuex-i18n/dist/vuex-i18n.umd.js'
 
-export default ({ app, req, cookie, store }) => {
-  const doDebug = process.env.NODE_ENV !== 'production'
+export default ({ app, env, req, cookie, store }) => {
+  const doDebug = env.NODE_ENV !== 'production'
   const key = 'locale'
 
   const changeHandler = debounce((mutation, store) => {

plugins/api.js

@@ -2,14 +2,14 @@ import Vue from 'vue'
 import Raven from 'raven-js'
 import RavenVue from 'raven-js/plugins/vue'
 
-export default ({app}) => {
-  if (process.browser && app.$env.SENTRY_DNS_PUBLIC) {
+export default ({env}) => {
+  if (process.browser && env.SENTRY_DNS_PUBLIC) {
     Raven
-      .config(app.$env.SENTRY_DNS_PUBLIC, {
-        release: app.$env.BUILD_DATE,
-        environment: app.$env.NODE_ENV,
+      .config(env.SENTRY_DNS_PUBLIC, {
+        release: env.BUILD_DATE,
+        environment: env.NODE_ENV,
         tags: {
-          deployed: app.$env.DEPLOY_DATE,
+          deployed: env.DEPLOY_DATE,
           client: true
         }
       })