trying to get the right code for oauth, also might need to figure out if gzip needs to be factored in

Author: aleckslu

.gitignore

@@ -1,3 +1,7 @@
+#secret Api keys, Webhook URLs etc
+slackApiStuff.js
+.env
+#
 .quasar
 .DS_Store
 .thumbs.db

package-lock.json

@@ -26,6 +26,7 @@
     "aws-amplify-vue": "^0.2.13",
     "aws-appsync": "^1.8.1",
     "dot-prop": "^6.0.0",
+    "dotenv": "^10.0.0",
     "electron-deeplink": "^1.0.8",
     "fs-extra": "^8.1.0",
     "localforage": "^1.7.3",

package.json

@@ -2,6 +2,7 @@
 // https://quasar.dev/quasar-cli/quasar-conf-js
 
 module.exports = function (ctx) {
+  console.log('webpack\'s context parameter: ', ctx)
   return {
     // app boot file (/src/boot)
     // --> boot files are part of "main.js"
@@ -99,8 +100,8 @@ module.exports = function (ctx) {
     },
 
     devServer: {
-      https: true,
-      port: 8080,
+      // https: true,
+      // port: 8080,
       open: true // opens browser window automatically
     },
 

quasar.conf.js

@@ -2,10 +2,12 @@ import { app, BrowserWindow, net, shell, ipcMain } from "electron";
 import { Deeplink } from "electron-deeplink";
 import isDev from "electron-is-dev";
 
-import slackApiStuff from '../../secretStuff/slackApiStuff'
+import slackApiStuff from "../../secretStuff/slackApiStuff";
 
-const clientId = slackApiStuff.clientId
-const clientSecret = slackApiStuff.clientSecret
+const clientId = slackApiStuff.clientId;
+const clientSecret = slackApiStuff.clientSecret;
+import dotenv from "dotenv";
+dotenv.config();
 
 /**
  * Set `__statics` path to static files in production;
@@ -20,103 +22,127 @@ if (process.env.PROD) {
 let mainWindow;
 let authCode;
 
-function logEverywhere(...toBeLogged) {
-  console.log(...toBeLogged);
-  if (mainWindow && mainWindow.webContents) {
-    mainWindow.webContents.executeJavaScript(`console.log("${toBeLogged}")`);
+function logEverywhere(toBeLogged) {
+  if (isDev) {
+    console.log(toBeLogged);
+  } else {
+    console.log(toBeLogged);
+    if (mainWindow && mainWindow.webContents) {
+      mainWindow.webContents.executeJavaScript(
+        'console.log("' + toBeLogged + '" )'
+      );
+    }
   }
 }
 
-const protocol = isDev ? 'overvuedev' : 'overvue'
+const protocol = isDev ? "overvuedev" : "overvue";
 const deeplink = new Deeplink({
   app,
   mainWindow,
   protocol,
-  isDev ,
+  isDev,
   debugLogging: true,
-  electronPath: '../../node_modules/electron/dist/electron.exe'
+  electronPath: "../../node_modules/electron/dist/electron.exe"
 });
 // ipcMain.handle('slackAuth', slackAuth)
 
-let deeplinkingUrl;
-
-function customDeepLink() {
-  if (isDev && process.platform === 'win32') {
-    // Set the path of electron.exe and your app.
-    // These two additional parameters are only available on windows.
-    // Setting this is required to get this working in dev mode.
-    app.setAsDefaultProtocolClient('overvuedev', process.execPath, [
-      resolve(process.argv[1])
-    ]);
-  } else {
-    app.setAsDefaultProtocolClient('overvue');
-  }
-
-  app.on('open-url', function (event, url) {
-    event.preventDefault();
-    deeplinkingUrl = url;
-  });
-
-  // Force single application instance
-  const gotTheLock = app.requestSingleInstanceLock();
-
-  if (!gotTheLock) {
-    app.quit();
-    return;
-  } else {
-    app.on('second-instance', (e, argv) => {
-      if (process.platform !== 'darwin') {
-        // Find the arg that is our custom protocol url and store it
-        deeplinkingUrl = argv.find((arg) => arg.startsWith('overvuedev://test'));
-      }
-
-      if (myWindow) {
-        if (myWindow.isMinimized()) myWindow.restore();
-        myWindow.focus();
-      }
-    })
-  }
-}
-
+// function customDeepLink() {
+//   let deeplinkingUrl;
+
+//   if (isDev && process.platform === 'win32') {
+//     // Set the path of electron.exe and your app.
+//     // These two additional parameters are only available on windows.
+//     // Setting this is required to get this working in dev mode.
+//     app.setAsDefaultProtocolClient('overvuedev', process.execPath, [
+//       resolve(process.argv[1])
+//     ]);
+//   } else {
+//     app.setAsDefaultProtocolClient('overvue');
+//   }
+
+//   app.on('open-url', function (event, url) {
+//     event.preventDefault();
+//     deeplinkingUrl = url;
+//   });
+
+//   // Force single application instance
+//   const gotTheLock = app.requestSingleInstanceLock();
+
+//   if (!gotTheLock) {
+//     app.quit();
+//     return;
+//   } else {
+//     app.on('second-instance', (e, argv) => {
+//       if (process.platform !== 'darwin') {
+//         // Find the arg that is our custom protocol url and store it
+//         deeplinkingUrl = argv.find((arg) => arg.startsWith('overvuedev://test'));
+//       }
+
+//       if (myWindow) {
+//         if (myWindow.isMinimized()) myWindow.restore();
+//         myWindow.focus();
+//       }
+//     })
+//   }
+// }
+
+function getSlackAuth() {
+  logEverywhere("inside getSlackAuth");
 
-function getSlackAuth () {
   const authData = {
     client_id: clientId,
     client_secret: clientSecret,
     code: authCode,
-    redirect_uri: isDev ? 'overvuedev://test' : 'overvue://slack'
-  }
-
+    redirect_uri: isDev ? "overvuedev://test" : "overvue://slack"
+  };
+  logEverywhere(authData.code)
+  // https://slack.com/api/openid.connect.token?client_id=2696943977700.2696948669268&client_secret=6a6206cc93da2e49243ee9683f958438&code=2696943977700.2713919388452.23b787dec24adec68eeca105f6b7d6e517425de1033a1b6bc5ba3e116b933619&redirect_uri=overvue://slack
+  const url =
+    "https://slack.com/api/openid.connect.token?" +
+    "client_id=" +
+    authData.client_id +
+    "&client_secret=" +
+    authData.client_secret +
+    "&code=" +
+    authData.code +
+    "&redirect_uri=" +
+    authData.redirect_uri;
+  logEverywhere(url);
   const request = net.request({
-    method: 'POST',
-    url: 'https://slack.com/api/openid.connect.token?' +
-      'client_id=' + authData.client_id +
-      '&client_secret=' + authData.client_secret +
-      '&code=' + authData.authCode +
-      '&redirect_uri=' + authData.redirect_uri,
+    method: "POST",
+    url: url,
     headers: {
-      'Content-Type': 'application/x-www-form-urlencoded',
+      "Content-Type": "application/x-www-form-urlencoded"
       // 'Content-Length': authData.length
     }
-  })
-
-  request.on('response', (response) => {
-    logEverywhere('RESPONSE RECEIVED SON')
-    JSON.parse(response)
-      .then(data => {
-        logEverywhere('response with token: ')
-        logEverywhere(response)
-        mainWindow.webContents.send('tokenReceived', response)
-      })
-  })
-  request.end()
+  });
+
+  request.on("response", response => {
+    let body;
+    logEverywhere("RESPONSE RECEIVED SON");
+    mainWindow.webContents.send("tokenReceived", response);
+    // logEverywhere('STATUS: ', response.statusCode)
+    // logEverywhere(`HEADERS: ${JSON.stringify(response.headers)}`)
+    response.on("data", data => {
+      // logEverywhere(`response.on datas CHUNK: ${chunk}`)
+      logEverywhere("chunked");
+      logEverywhere(data);
+      body = data;
+    });
+    response.on("end", () => {
+      logEverywhere("Response ended ");
+      mainWindow.webContents.send("tokenReceived", body);
+    });
+  });
+  request.end();
 }
 
-function getSlackToken () {
+function getSlackToken() {
   return deeplink.on("received", link => {
-    logEverywhere('auth worked here link: ', link)
-    authCode = link.split('=')[1]
-    getSlackAuth()
+    logEverywhere(`auth worked here link: ${link}`);
+    authCode = link.split("=")[1];
+    // authCode = link.split("=")[1].split(".")[2];
+    getSlackAuth();
   });
 }
 
@@ -135,18 +161,18 @@ function createWindow() {
     }
   });
 
-  logEverywhere('current protocol ', deeplink.getProtocol())
-  mainWindow.loadURL(process.env.APP_URL)
+  logEverywhere(`current protocol ${deeplink.getProtocol()}`);
+  mainWindow.loadURL(process.env.APP_URL);
 
   mainWindow.on("closed", () => {
     mainWindow = null;
   });
 }
 
 app.on("ready", () => {
-  createWindow()
-  getSlackToken()
-  logEverywhere("process.env: ", process.env)
+  createWindow();
+  getSlackToken();
+  logEverywhere(`process.env.CLIENT_ID:  ${process.env.CLIENT_ID}`);
 });
 
 app.on("window-all-closed", () => {
@@ -157,8 +183,8 @@ app.on("window-all-closed", () => {
 
 app.on("activate", () => {
   if (mainWindow === null) {
-    createWindow()
-    getSlackToken()
-    logEverywhere("process.env: ", process.env)
+    createWindow();
+    getSlackToken();
+    logEverywhere(`process.env:  ${process.env}`);
   }
-})
+});

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

@@ -36,7 +36,7 @@ export default {
     }
   },
   created () {
-    ipcRenderer.once('tokenReceived', (data) => {
+    ipcRenderer.on('tokenReceived', (data) => {
       console.log('data received in SlackLoginWindow: ', data)
     })
   },

src/components/slack_login/SlackLoginWindow.vue

@@ -49,6 +49,7 @@ import ExportProjectComponent from '../components/file_system_interface/ExportPr
 import SaveProjectComponent from '../components/file_system_interface/SaveProjectComponent.vue'
 import OpenProjectComponent from '../components/file_system_interface/OpenProjectComponent.vue'
 import UploadImage from '../components/home_sidebar_items/UploadImage.vue'
+import SlackLoginWindow from '../components/slack_login/SlackLoginWindow.vue'
 
 export default {
   data () {
@@ -64,7 +65,8 @@ export default {
     ExportProjectComponent,
     SaveProjectComponent,
     OpenProjectComponent,
-    UploadImage
+    UploadImage,
+    SlackLoginWindow
   },
   methods: {
     undo () {

src/layouts/MyLayout.vue

@@ -1,7 +1,7 @@
 
 const routes = [
   {
-    path: '/',
+    path: '/start',
     // redirect: ''
     component: () => import('components/slack_login/SlackLoginWindow.vue')
   },
@@ -11,7 +11,7 @@ const routes = [
     redirect: '/pow'
   },
   {
-    path: '/sdfg',
+    path: '/',
     component: () => import('layouts/MyLayout.vue'),
     children: [
       { path: '', component: () => import('pages/Index.vue') }