feat: LogRocket integration (#365)

* Add logrocket

* Add env file

* Add TODO

* Fix package.json

* Cleanup

* Yarn.lock

* Linter

Author: davwys

frontend/.env

@@ -4,5 +4,5 @@
 VUE_APP_GRAPHQL_ENDPOINT=http://localhost:3000/graphql # TODO: Application specific
 VUE_APP_NAME=flox-test # TODO: Application specific
 VUE_APP_AWS_REGION=eu-central-1 # TODO: Application specific
-VUE_APP_USER_POOL_ID=eu-central-1_dfN0W5Nfh # TODO: Application specific
-VUE_APP_USER_POOL_CLIENT_ID=3v1adi0ebmc1kibgisphe6qc23 # TODO: Application specific
+VUE_APP_USER_POOL_ID=eu-central-1_dfN0W5Nfh
+VUE_APP_USER_POOL_CLIENT_ID=3v1adi0ebmc1kibgisphe6qc23

frontend/package.json

@@ -44,6 +44,7 @@
     "joi": "^17.4.2",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
+    "logrocket": "^3.0.1",
     "pinia": "^2.0.17",
     "qrcode.vue": "^3.3.3",
     "quasar": "^2.7.7",

frontend/src-pwa/custom-service-worker.js

@@ -7,4 +7,5 @@
 import { precacheAndRoute } from 'workbox-precaching'
 
 // Use with precache injection
+// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 precacheAndRoute(self.__WB_MANIFEST)

frontend/src/App.vue

@@ -11,6 +11,12 @@ import {RouterService} from 'src/services/RouterService';
 import {routerInstance} from 'boot/router';
 import {isModuleActive} from 'src/flox';
 import {MODULES} from 'src/flox/MODULES';
+import LogRocket from 'logrocket';
+
+// Add LogRocket to production deployments / builds
+if(process.env.VUE_APP_PRODUCTION === 'true'){
+  LogRocket.init('md69mq/flox'); // TODO application specific: Change LogRocket ID
+}
 
 // Quasar
 const $q = useQuasar()

frontend/yarn.lock

@@ -11534,6 +11534,11 @@ loglevel@^1.6.8:
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.7.1.tgz#005fde2f5e6e47068f935ff28573e125ef72f197"
   integrity sha512-Hesni4s5UkWkwCGJMQGAh71PaLUmKFM60dHvq0zi/vDhhrzuk+4GgNbTXJ12YYQJn6ZKBDNIjYcuQGKudvqrIw==
 
+logrocket@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/logrocket/-/logrocket-3.0.1.tgz#c746e8df3d5fee999b152975e51db1908357a6f0"
+  integrity sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ==
+
 loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"

scripts/aws-initial-setup/initial-aws-setup.sh

@@ -147,6 +147,16 @@ echo "VUE_APP_AWS_REGION=$aws_region" >> .env
 echo "VUE_APP_USER_POOL_ID=$user_pool_id" >> .env
 echo "VUE_APP_USER_POOL_CLIENT_ID=$user_pool_client_id" >> .env
 
+# Add production flag for actual live deployments so LogRocket is enabled
+# (applies only to 'test' & 'live' system; building in production mode does
+# NOT imply a production system where we need the logger to be active)
+if [[ $mode == "live" ]] || [[ $mode == "test" ]]
+then
+  echo "VUE_APP_PRODUCTION=true" >> .env
+else
+    echo "VUE_APP_PRODUCTION=false" >> .env
+fi
+
 # ==========================================
 # ==      Step 1: Parent DNS setup        ==
 # ==  (Applies only in TEST and DEV mode) ==

yarn.lock

@@ -1,4 +1,3 @@
 # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 # yarn lockfile v1
 
-