feat: Added option to show the exported data

Author: viralgupta

electron/main/index.ts

@@ -72,6 +72,9 @@ app.whenReady().then(()=>{
     const {filePath} = await dialog.showSaveDialog(win, {title: "Save Exported Data", defaultPath: `${formattedDate}`, filters: [{name: "XLSX File", extensions: ["xlsx"]}]})
     return filePath == "" ? null : filePath;
   })
+  ipcMain.on("shell:showInFolder", (_event, path) => {
+    shell.showItemInFolder(path);
+  })
   createWindow();
 });
 

electron/preload/index.ts

@@ -75,7 +75,7 @@ const writePort = async (data: string) => {
 const saveData = async () => {
   const path: string = await ipcRenderer.invoke('dialog:openSave')
   if (!path) {
-    return { message: 'File Saving Canceled!', success: false }
+    return { message: 'File Saving Canceled!', success: false, path: null }
   }
 
   const workbook = new excelJS.Workbook();
@@ -114,9 +114,9 @@ const saveData = async () => {
 
   try {
     await workbook.xlsx.writeFile(path);
-    return { message: 'Data saved successfully', success: true };
+    return { message: 'Data saved successfully', success: true, path: path };
   } catch (error) {
-    return { message: `Error saving data`, success: false };
+    return { message: `Error saving data`, success: false, path: null };
   }
 }
 
@@ -233,6 +233,9 @@ const getPosition = () => {
   return position;
 }
 
+const showSavedFile = (path: string) => {
+  ipcRenderer.send("shell:showInFolder", path);
+}
 
 ipcRenderer.on("close-port", () => {
   if (serialport) {
@@ -248,7 +251,8 @@ contextBridge.exposeInMainWorld("backend", {
   getStream,
   closeStream,
   getData,
-  getPosition
+  getPosition,
+  showSavedFile
 })
 
 // --------- Preload scripts loading ---------

src/App.tsx

@@ -86,7 +86,12 @@ function App() {
 
   const exportData = async () => {
     const response = await window.backend.saveData()
-    response.success ? toast.success(response.message) : toast.error(response.message)
+    response.success ? toast(response.message, {
+      action: {
+        label: 'Show',
+        onClick: () => window.backend.showSavedFile(response.path)
+      },
+    }) : toast.error(response.message)
   };
 
   const postData = async () => {

src/vite-env.d.ts

@@ -42,6 +42,7 @@ interface Window {
     saveData: () => Promise<{
       message: string;
       success: boolean;
+      path: string;
     }>;
     getStream: (port: string) => Promise<void>;
     closeStream: () => void;
@@ -51,5 +52,6 @@ interface Window {
       y: number;
       z: number;
     };
+    showSavedFile: (path: string) => void;
   };
 }