added support for .env.development -- gitignored -- to allow dynamic environment variables depending on node environment

Author: aleckslu

.env.example

@@ -1,10 +1,12 @@
 #DO NOT DELETE THIS FILE, and follow instructions:
 # Required for Slack Oauth features
-# Create a file named .env in this directory, and give it the following variables
-# Any variable you create in .env, you MUST create an example for here in .env.example
+# 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 

.gitignore

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

quasar.conf.js

@@ -2,7 +2,11 @@
 // https://quasar.dev/quasar-cli/quasar-conf-js
 
 module.exports = function(ctx) {
-  const env = require("quasar-dotenv").config();
+  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"
@@ -89,7 +93,7 @@ module.exports = function(ctx) {
         //   }
         // })
       },
-      env: env
+      env: env,
     },
 
     devServer: {

src-electron/main-process/electron-main.dev.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')

src-electron/main-process/electron-main.js

@@ -13,11 +13,6 @@ if (process.env.PROD) {
     .replace(/\\/g, "\\\\");
 }
 
-let mainWindow;
-let authCode;
-const protocol = isDev ? "overvuedev" : "overvue";
-
-// Used to console log for main process in production mode
 function logEverywhere(toBeLogged) {
   if (isDev) {
     console.log(toBeLogged);
@@ -31,13 +26,19 @@ function logEverywhere(toBeLogged) {
   }
 }
 
+let mainWindow;
+let authCode;
+const protocol = isDev ? "overvuedev" : "overvue";
+
+// Used to console log for main process in production mode
+
 const deeplink = new Deeplink({
   app,
   mainWindow,
   protocol,
   isDev,
   debugLogging: true,
-  // electronPath: '../../node_modules/electron/dist/electron.app'
+  electronPath: '/node_modules/electron/dist/electron.exe'
 });
 // logEverywhere(`electron path:  ${require('path').join(__dirname, '../../node_modules/electron/dist/electron.exe')}`);
 // Sends request to Slack for User's information,
@@ -49,7 +50,7 @@ function sendTokenRequest() {
     client_id: process.env.SLACK_CLIENT_ID,
     client_secret: process.env.SLACK_CLIENT_SECRET,
     code: authCode,
-    redirect_uri: isDev ? "overvuedev://test" : "overvue://slack"
+    redirect_uri: process.env.SLACK_REDIRECT_URI
   };
   logEverywhere(authData.code);
 
@@ -127,6 +128,7 @@ function createWindow() {
   });
 
   logEverywhere(`Current deeplink Protocol: ${deeplink.getProtocol()}`);
+  logEverywhere(`process.execPath: ${process.execPath}`);
   mainWindow.loadURL(process.env.APP_URL);
 
   mainWindow.on("closed", () => {

src/components/slack_login/SlackLoginWindow.vue

@@ -52,14 +52,15 @@ export default {
     ipcRenderer.on('tokenReceived', (event, data) => {
       console.log('data in SlackLoginWindow: ', data)
     })
+    console.log(`process.env: ${process.env}`)
   },
   methods: {
     slackOauth: function () {
       const slackBaseUrl = 'https://slack.com/openid/connect/authorize'
       const responseType = 'code'
       const scope = 'openid profile'
       const clientId = process.env.SLACK_CLIENT_ID
-      const redirectUri = process.env.DEV ? 'overvuedev://test' : 'overvue://slack'
+      const redirectUri = process.env.SLACK_REDIRECT_URI
 
       this.isAuthenticating = true;