From 125ffd1017e0994fce4ded4418d382896c3eac7a Mon Sep 17 00:00:00 2001
From: Jonathan Bernard <jonathan@jdbernard.com>
Date: Fri, 12 Apr 2019 05:56:58 -0500
Subject: [PATCH] web: exploring other dev environment options.

---
 web/.env.prod             |  3 +++
 web/Makefile              | 26 ++++++++++++++++++++++----
 web/dev-proxy.config.json | 10 ++++++++++
 web/vue.config.js         | 13 +++++++++++++
 4 files changed, 48 insertions(+), 4 deletions(-)
 create mode 100644 web/.env.prod
 create mode 100644 web/dev-proxy.config.json

diff --git a/web/.env.prod b/web/.env.prod
new file mode 100644
index 0000000..03d084a
--- /dev/null
+++ b/web/.env.prod
@@ -0,0 +1,3 @@
+VUE_APP_PM_API_BASE=https://personal-measure.jdb-labs.com/api
+VUE_APP_LOG_LEVEL=INFO
+VUE_APP_API_LOG_LEVEL=ERROR
diff --git a/web/Makefile b/web/Makefile
index d5d3261..cb46e87 100644
--- a/web/Makefile
+++ b/web/Makefile
@@ -1,6 +1,24 @@
+API_HOST='localhost'
+API_LOG_LEVEL='WARN'
+LOG_LEVEL='TRACE'
+
+build-dev:
+	npm run build-dev
+
+build:
+	npm run build
+
 serve:
-	local-ssl-proxy --source=8443 --target=8080 &
-	VUE_APP_LOG_LEVEL=TRACE \
-	VUE_APP_API_LOG_LEVEL=WARN \
-	VUE_APP_PM_API_BASE=https://localhost:8443/api \
+	VUE_APP_PM_API_BASE=http://${API_HOST}:8080/api \
+	VUE_APP_API_LOG_LEVEL=${API_LOG_LEVEL} \
+	VUE_APP_LOG_LEVEL=${LOG_LEVEL} \
 	npm run serve
+
+serve-dev: build-dev
+	(cd dist && npx live-server . --port=8080 --entry-file=index.html --proxy=/api:http://localhost:8081/api --no-browser)
+
+serve-ssl: build-dev
+	(cd dist && \
+		(local-ssl-proxy --source=8443 --target=8080 & \
+		echo `pwd` && \
+		npx live-server . --port=8080 --entry-file=index.html --proxy=/api:http://localhost:8081/api --no-browser))
diff --git a/web/dev-proxy.config.json b/web/dev-proxy.config.json
new file mode 100644
index 0000000..5483201
--- /dev/null
+++ b/web/dev-proxy.config.json
@@ -0,0 +1,10 @@
+{
+  "web": {
+    "source": "8443",
+    "target": "8080"
+  },
+  "api": {
+    "source": "8444",
+    "target": "8081"
+  }
+}
diff --git a/web/vue.config.js b/web/vue.config.js
index 0391375..c72f6fd 100644
--- a/web/vue.config.js
+++ b/web/vue.config.js
@@ -3,6 +3,19 @@ module.exports = {
     proxy: {
       '/api': { target: 'http://localhost:8081' }
     },
+    host: 'localhost',
     disableHostCheck: true
+  },
+
+  // disable Hot Reloading (kills devtools performance and crashes the tab).
+  // chainWebpack: config => {
+  //   config.plugins.delete("hmr");
+  // },
+
+  pluginOptions: {
+    webpackBundleAnalyzer: {
+      analyzerMode: 'static',
+      openAnalyzer: false
+    }
   }
 };