feat: add the ability to open files from the UI

components/chat/chatBar/upload/files.tsx

@@ -47,9 +47,8 @@ const Files: React.FC<FilesProps> = ({ files, setFiles }) => {
                   color="primary"
                   radius="full"
                   onPress={async () =>
-                    window.alert(
-                      'Coming soon, we promise! This will open your file.'
-                    )
+                    // This submits a request to the electron main process to open the file
+                    window.electronAPI.openFile(path.join(file.path, file.name))
                   }
                 />
                 <Button

electron/main.mjs

@@ -5,6 +5,7 @@ import { existsSync, mkdirSync, writeFileSync } from 'fs';
 import fixPath from 'fix-path';
 import os from 'os';
 import { config } from './config.mjs';
+import { ipcMain } from 'electron/main';
 
 app.on('window-all-closed', () => app.quit());
 app.on('ready', startServer);
@@ -73,6 +74,11 @@ function createWindow(url) {
     },
   });
 
+  // This is necessary to allow the renderer process (NextJS) to open files in the default system application
+  ipcMain.on('open-file', (event, arg) => {
+    shell.openPath(arg);
+  });
+
   // Check if the platform is macOS before calling setWindowButtonVisibility
   if (isMac) {
     win.setWindowButtonVisibility(true);

electron/preload.mjs

@@ -11,4 +11,5 @@ contextBridge.exposeInMainWorld('electronAPI', {
   send: (channel, args) => {
     ipcRenderer.send(channel, args);
   },
+  openFile: (file) => ipcRenderer.send('open-file', file),
 });

types/window.d.ts

@@ -0,0 +1,9 @@
+declare global {
+  interface Window {
+    electronAPI: {
+      openFile: (path: string) => void;
+    };
+  }
+}
+
+export {};