package-lock issues

Author: Jeffrey Sul

.env.example

@@ -0,0 +1,14 @@
+#DO NOT DELETE THIS FILE, and follow instructions:
+# Required for Slack Oauth features
+# Create TWO files, one named ".env" and the second named ".env.development" in this directory, and give them the following variables
+# Any environment variables you create MUST also be created here in .env.example
+
+SLACK_CLIENT_SECRET = "ENTER_CLIENT_SECRET_HERE"
+SLACK_CLIENT_ID = "ENTER_CLIENT_ID_HERE"
+SLACK_WEBHOOK_URL = "ENTER WEBHOOK URL HERE"
+SLACK_REDIRECT_URI = "REDIRECT URL HERE"
+
+# https://www.npmjs.com/package/dotenv
+# https://www.npmjs.com/package/quasar-dotenv 
+# https://v1.quasar.dev/quasar-cli/handling-process-env
+# https://v1.quasar.dev/quasar-cli/quasar-conf-js#using-dotenv

.gitignore

@@ -1,6 +1,7 @@
 #secret Api keys, Webhook URLs etc
 slackApiStuff.js
 .env
+.env.development
 #
 .quasar
 .DS_Store

.vsls.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "http://json.schemastore.org/vsls",
+  "gitignore":"none"
+}

package-lock.json

@@ -29,6 +29,7 @@
     "dotenv": "^10.0.0",
     "electron-deeplink": "^1.0.8",
     "fs-extra": "^8.1.0",
+    "jwt-decode": "^3.1.2",
     "localforage": "^1.7.3",
     "lodash": "^4.17.21",
     "lodash.isequal": "^4.5.0",
@@ -37,6 +38,7 @@
     "npm": "^6.14.14",
     "prismjs": "^1.24.1",
     "quasar": "^1.0.0",
+    "quasar-dotenv": "^1.0.5",
     "vue-custom-context-menu": "^3.0.1",
     "vue-drag-resize": "^1.3.2",
     "vue-draggable-nested-tree": "^2.2.17",

package.json

@@ -1,17 +1,18 @@
 // Configuration for your app
 // https://quasar.dev/quasar-cli/quasar-conf-js
 
-module.exports = function (ctx) {
-  console.log('webpack\'s context parameter: ', ctx)
+module.exports = function(ctx) {
+  const env = ctx.dev
+    ? require("quasar-dotenv").config({ path: '.env.development' })
+    : require("quasar-dotenv").config()
+
+  // console.log('ctx: ', ctx)
   return {
     // app boot file (/src/boot)
     // --> boot files are part of "main.js"
-    boot: [
-    ],
+    boot: [],
 
-    css: [
-      'app.styl'
-    ],
+    css: ["app.styl"],
 
     extras: [
       // 'ionicons-v4',
@@ -21,8 +22,8 @@ module.exports = function (ctx) {
       // 'themify',
       // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
 
-      'roboto-font', // optional, you are not bound to it
-      'material-icons' // optional, you are not bound to it
+      "roboto-font", // optional, you are not bound to it
+      "material-icons" // optional, you are not bound to it
     ],
 
     framework: {
@@ -32,61 +33,56 @@ module.exports = function (ctx) {
       // all: true, // --- includes everything; for dev only!
 
       components: [
-        'QLayout',
-        'QHeader',
-        'QDrawer',
-        'QPageContainer',
-        'QPage',
-        'QToolbar',
-        'QToolbarTitle',
-        'QBtn',
-        'QIcon',
-        'QList',
-        'QItem',
-        'QItemSection',
-        'QItemLabel',
-        'QExpansionItem',
-        'QInput',
-        'QBar',
-        'QFooter',
-        'QAvatar',
-        'QTabs',
-        'QTab',
-        'QRouteTab',
-        'QTabPanels',
-        'QDialog',
-        'QSelect',
-        'QTabPanel',
-        'QFab',
-        'QFabAction',
-        'QMenu',
-        'QUploader',
-        'QEditor',
-        'QCard',
-        'QChip'
+        "QLayout",
+        "QHeader",
+        "QDrawer",
+        "QPageContainer",
+        "QPage",
+        "QToolbar",
+        "QToolbarTitle",
+        "QBtn",
+        "QIcon",
+        "QList",
+        "QItem",
+        "QItemSection",
+        "QItemLabel",
+        "QExpansionItem",
+        "QInput",
+        "QBar",
+        "QFooter",
+        "QAvatar",
+        "QTabs",
+        "QTab",
+        "QRouteTab",
+        "QTabPanels",
+        "QDialog",
+        "QSelect",
+        "QTabPanel",
+        "QFab",
+        "QFabAction",
+        "QMenu",
+        "QUploader",
+        "QEditor",
+        "QCard",
+        "QChip"
       ],
 
-      directives: [
-        'Ripple',
-        'ClosePopup'
-      ],
+      directives: ["Ripple", "ClosePopup"],
 
       // Quasar plugins
-      plugins: [
-        'Notify'
-      ]
+      plugins: ["Notify"]
     },
 
     supportIE: false,
 
     build: {
-      scopeHoisting: true,
+      // scopeHoisting: true,
       // vueRouterMode: 'history',
       // vueCompiler: true,
       // gzip: true,
       // analyze: true,
       // extractCSS: false,
-      extendWebpack (cfg) {
+      extendWebpack(cfg) {
         // cfg.module.rules.push({
         //   enforce: 'pre',
         //   test: /\.(js|vue)$/,
@@ -96,13 +92,17 @@ module.exports = function (ctx) {
         //     formatter: require('eslint').CLIEngine.getFormatter('stylish')
         //   }
         // })
-      }
+      },
+      env: env,
     },
 
     devServer: {
-      // https: true,
+      https: true,
       // port: 8080,
+      // public: 'overvuedev',
+      // host: 'overvuedev',
       open: true // opens browser window automatically
+
     },
 
     // animations: 'all', // --- includes all animations
@@ -119,35 +119,35 @@ module.exports = function (ctx) {
         // name: 'Quasar App',
         // short_name: 'Quasar App',
         // description: 'A Quasar Framework app',
-        display: 'standalone',
-        orientation: 'portrait',
-        background_color: '#ffffff',
-        theme_color: '#027be3',
+        display: "standalone",
+        orientation: "portrait",
+        background_color: "#ffffff",
+        theme_color: "#027be3",
         icons: [
           {
-            'src': 'statics/icons/icon-128x128.png',
-            'sizes': '128x128',
-            'type': 'image/png'
+            src: "statics/icons/icon-128x128.png",
+            sizes: "128x128",
+            type: "image/png"
           },
           {
-            'src': 'statics/icons/icon-192x192.png',
-            'sizes': '192x192',
-            'type': 'image/png'
+            src: "statics/icons/icon-192x192.png",
+            sizes: "192x192",
+            type: "image/png"
           },
           {
-            'src': 'statics/icons/icon-256x256.png',
-            'sizes': '256x256',
-            'type': 'image/png'
+            src: "statics/icons/icon-256x256.png",
+            sizes: "256x256",
+            type: "image/png"
           },
           {
-            'src': 'statics/icons/icon-384x384.png',
-            'sizes': '384x384',
-            'type': 'image/png'
+            src: "statics/icons/icon-384x384.png",
+            sizes: "384x384",
+            type: "image/png"
           },
           {
-            'src': 'statics/icons/icon-512x512.png',
-            'sizes': '512x512',
-            'type': 'image/png'
+            src: "statics/icons/icon-512x512.png",
+            sizes: "512x512",
+            type: "image/png"
           }
         ]
       }
@@ -159,10 +159,10 @@ module.exports = function (ctx) {
     },
 
     electron: {
-      bundler: 'packager',
+      bundler: "packager",
       // bundler: 'builder', // or 'packager'
 
-      extendWebpack (cfg) {
+      extendWebpack(cfg) {
         // do something with Electron main process Webpack cfg
         // chainWebpack also available besides this extendWebpack
       },
@@ -171,10 +171,10 @@ module.exports = function (ctx) {
         // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
 
         // OS X / Mac App Store
-        appBundleId: 'overvue',
+        appBundleId: "overvue",
         // appCategoryType: '',
         // osxSign: '',
-        protocol: 'overvue'
+        protocol: "overvue"
 
         // Windows only
         // win32metadata: { ... }
@@ -183,17 +183,17 @@ module.exports = function (ctx) {
       builder: {
         // https://www.electron.build/configuration/configuration
 
-        appId: 'com.electron.OverVue',
+        appId: "com.electron.OverVue",
         win: {
-          target: 'nsis'
+          target: "nsis"
         },
         protocols: [
           {
-            name: 'overvue',
-            schemes: ['overvue']
+            name: "overvue",
+            schemes: ["overvue"]
           }
         ]
       }
     }
-  }
-}
+  };
+};

quasar.conf.js

@@ -5,20 +5,8 @@
  *  environment.
  */
 
-// NOTE Aug 2021 - VUEJS DevTools not loading, need to debug why is does not in Dev mode
-
 // Install `electron-debug` with `devtron`
 require('electron-debug')({ showDevTools: true })
 
-// Install `vue-devtools`
-// require('electron').app.on('ready', () => {
-//   let installExtension = require('electron-devtools-installer')
-//   installExtension.default(installExtension.VUEJS_DEVTOOLS)
-//     .then(() => {})
-//     .catch(err => {
-//       console.log('Unable to install `vue-devtools`: \n', err)
-//     })
-// })
-
 // Require `main` process to boot app
 require('./electron-main')