Mapbox token as env variable

src/client/configs/portalConfig.json

@@ -83,7 +83,6 @@
         }
     },
     "mapboxConfig": {
-        "mapboxAccessToken": "pk.eyJ1IjoiZWtrb25lbiIsImEiOiJja2FkbGxiY2owMDZkMnFxcGVqNTZ0dmk2In0.6keLTN8VveJkM5y4_OFmUw",
         "mapboxStyle": "light-v10"
     },
     "yasguiConfig": {

src/client/helpers/helpers.js

@@ -187,9 +187,13 @@ export const createURIfromLocalID = ({ localID, baseURI, URITemplate }) => {
 }
 
 export const processPortalConfig = async portalConfig => {
-  const { layoutConfig } = portalConfig
+  const { layoutConfig, mapboxConfig } = portalConfig
   const { bannerImage, bannerBackround } = layoutConfig.mainPage
   const { default: bannerImageURL } = await import(/* webpackMode: "eager" */ `../img/${bannerImage}`)
+  const mapboxAccessToken = process.env.MAPBOX_ACCESS_TOKEN
+  if (mapboxConfig && mapboxAccessToken) {
+    mapboxConfig.mapboxAccessToken = mapboxAccessToken
+  }
   layoutConfig.mainPage.bannerBackround = bannerBackround.replace('<BANNER_IMAGE_URL', bannerImageURL)
 }
 

webpack.client.common.js

 const path = require('path')
+const dotenv = require('dotenv').config()
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const { CleanWebpackPlugin } = require('clean-webpack-plugin')
 const webpack = require('webpack')
@@ -27,7 +28,8 @@ module.exports = {
       favicon: 'src/client/favicon.ico'
     }),
     new webpack.DefinePlugin({
-      'process.env.API_URL': JSON.stringify(apiUrl)
+      'process.env.API_URL': JSON.stringify(apiUrl),
+      'process.env': JSON.stringify(dotenv.parsed)
     })
   ],
   output: {