FUNCTIONAL ExportProject component using ipcRenderer.invoke and ipcMain.handle. OK in dev mode and build mode

Author: Shanon Lee

package-lock.json

@@ -21,6 +21,7 @@
     "core-js": "^3.6.5",
     "dotenv": "^10.0.0",
     "electron-deeplink": "^1.0.9",
+    "fs-extra": "^10.0.0",
     "localforage": "^1.10.0",
     "lodash.clonedeep": "^4.5.0",
     "lodash.isequal": "^4.5.0",

package.json

@@ -1,4 +1,4 @@
-import { app, BrowserWindow, nativeTheme } from 'electron';
+import { app, BrowserWindow, nativeTheme, dialog, ipcMain } from 'electron';
 import { Deeplink } from "electron-deeplink";
 import isDev from 'electron-is-dev';
 import path from 'path';
@@ -38,6 +38,13 @@ if (process.env.PROD) {
   });
 }
 
+// ******************* Handling dialogs for ExportProject *********************
+ipcMain.handle('exportProject', async (event, arg) => {
+  const result = await dialog.showSaveDialog(arg)
+  return result;
+})
+
+// ************** Slack OAuth functions **********************
 // Sends request to Slack for User's information,
 // then sends user information back to renderer process
 function slackErrorHandler(err) {
@@ -120,8 +127,6 @@ function setOauthListener() {
   });
 }
 
-
-// ********************* Default ***************** 
 function createWindow () {
   /**
    * Initial window options

src-electron/electron-main.js

@@ -17,15 +17,32 @@
  */
 
 
- const {ipcRenderer, shell, contextBridge} = require('electron');
+const {ipcRenderer, shell, contextBridge} = require('electron');
+const path = require('path');
+const fs = require('fs-extra');
+
  // ipcRenderer contextBridge
+ // on: used in SlackLoginWindow
+ // 
  contextBridge.exposeInMainWorld("ipcRenderer",{
-     on: (channel, func) => ipcRenderer.on(
-         channel,
-         (event, ...args) => func(args)
-     )
+     on: (channel, func) => ipcRenderer.on(channel,(event, ...args) => func(args)), 
+     invoke: async (channel, ...args) => await ipcRenderer.invoke(channel, ...args)
  });
 
+ // shell, used in SlackLoginWindow
  contextBridge.exposeInMainWorld("shell", {
      openExternal: (url, options) => shell.openExternal(url, options)
- })
+ })
+
+ // fs from fs-extra, used in ExportProject
+ contextBridge.exposeInMainWorld("fs", {
+    writeFileSync: (file, data, options) => fs.writeFileSync(file, data, options), 
+    existsSync: (data) => fs.existsSync(data), 
+    mkdirSync: (data) => fs.mkdirSync(data)
+})
+
+ // Exposing path module
+ contextBridge.exposeInMainWorld("path", {
+    join: (...paths) => path.join(...paths)
+})
+