feat: add the ability to open files from the UI

Signed-off-by: tylerslaton <[email protected]>

components/chat/chatBar/upload/files.tsx

@@ -47,8 +47,9 @@ 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 as any).electronAPI.openFile(
+                      path.join(file.path, file.name)
                     )
                   }
                 />

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),
 });