Functional Slack Login Window popup; by adding process.env.PROD clause in main electron file

Author: Shanon Lee

quasar.conf.js

@@ -48,6 +48,7 @@ module.exports = configure(function (ctx) {
       vueRouterMode: 'history', // available values: 'hash', 'history'
       // Potential fix for fs errors
       // extendWebpack(cfg) {
+      //   // cfg.target = ['electron-main', 'electron-renderer']
       //   cfg.target = ['electron-main', 'electron-renderer']
       // },
 

src-electron/electron-main.js

@@ -4,6 +4,12 @@ import isDev from 'electron-is-dev';
 import path from 'path';
 import os from 'os';
 
+if (process.env.PROD) {
+  global.__statics = require("path")
+    .join(__dirname, "statics")
+    .replace(/\\/g, "\\\\");
+}
+
 // needed in case process is undefined under Linux
 const platform = process.platform || os.platform()
 

src/components/slack_login/SlackLoginWindow.vue

@@ -91,7 +91,7 @@
 <script>
 // import { mapState, mapActions } from 'vuex'
 import localforage from "localforage";
-import { shell, ipcRenderer } from "electron";
+// import { shell, ipcRenderer } from "electron";
 
 export default {
   name: "SlackLoginWindow",
@@ -103,30 +103,30 @@ export default {
     };
   },
   created() {
-    ipcRenderer.on("tokenReceived", (event, data) => {
-      // console.log("data in SlackLoginWindow: ", data);
-      // localforage.setItem('slackWebhookURL', data.incoming_webhook.url)
-      //   .then(data => this.closeLogin())
-      return this.saveToLocalForage(
-        "slackWebhookURL",
-        data.incoming_webhook.url
-      );
-    });
-    ipcRenderer.on("slackUser", (event, user) => {
-      // console.log("user received in SlackLoginWindow: ", user);
-      // localforage.setItem('slackUser', user)
-      //   .then(data => this.closeLogin())
-      //   .catch(err => {
-      //     console.log('localforage caught an error when trying to set slackUser: ', err)
-      //     this.errorMessage = err
-      //   })
-      return this.saveToLocalForage("slackUser", user);
-    });
-    ipcRenderer.on("slackError", (event, err) => {
-      // console.log("err received in SlackLoginWindow: ", err);
-      this.printErrorMessage();
-    });
-    // console.log(`process.env: ${process.env}`);
+    // ipcRenderer.on("tokenReceived", (event, data) => {
+    //   // console.log("data in SlackLoginWindow: ", data);
+    //   // localforage.setItem('slackWebhookURL', data.incoming_webhook.url)
+    //   //   .then(data => this.closeLogin())
+    //   return this.saveToLocalForage(
+    //     "slackWebhookURL",
+    //     data.incoming_webhook.url
+    //   );
+    // });
+    // ipcRenderer.on("slackUser", (event, user) => {
+    //   // console.log("user received in SlackLoginWindow: ", user);
+    //   // localforage.setItem('slackUser', user)
+    //   //   .then(data => this.closeLogin())
+    //   //   .catch(err => {
+    //   //     console.log('localforage caught an error when trying to set slackUser: ', err)
+    //   //     this.errorMessage = err
+    //   //   })
+    //   return this.saveToLocalForage("slackUser", user);
+    // });
+    // ipcRenderer.on("slackError", (event, err) => {
+    //   // console.log("err received in SlackLoginWindow: ", err);
+    //   this.printErrorMessage();
+    // });
+    // // console.log(`process.env: ${process.env}`);
   },
   methods: {
     slackOauth: function() {

src/layouts/MyLayout.vue

@@ -18,7 +18,7 @@ Description:
           ></i>
         </q-btn>
         <q-toolbar-title> OverVue </q-toolbar-title>
-        <!-- <SlackLoginWindow /> -->
+        <SlackLoginWindow />
         <div></div>
         <!-- <i
           v-if="this.$router.app.$children[0].doneAction.length"
@@ -109,7 +109,7 @@ import Dashboard from "../components/dashboard_items/Dashboard.vue";
 // import SaveProjectComponent from "../components/file_system_interface/SaveProjectComponent.vue";
 // import OpenProjectComponent from "../c omponents/file_system_interface/OpenProjectComponent.vue";
 // import UploadImage from "../components/home_sidebar_items/UploadImage.vue";
-// import SlackLoginWindow from "../components/slack_login/SlackLoginWindow.vue";
+import SlackLoginWindow from "../components/slack_login/SlackLoginWindow.vue";
 // import RouteDisplay from "../components/home_sidebar_items/RouteDisplay.vue";
 // import VuexForm from "../components/home_sidebar_items/VuexForm.vue";
 // import ComponentTab from "../components/home_sidebar_items/ComponentTab/ComponentTab.vue";
@@ -131,7 +131,7 @@ export default {
     // SaveProjectComponent,
     // OpenProjectComponent,
     // UploadImage,
-    // SlackLoginWindow,
+    SlackLoginWindow,
     // ComponentTab,
     StoreTab,
   },