Support using the native file open dialog

Required for Electron apps on macOS. httptoolkit/httptoolkit#329

Author: datenreisender

src/index.ts

@@ -11,7 +11,7 @@ import * as path from 'path';
 import { promisify } from 'util';
 import * as querystring from 'querystring';
 import { URL } from 'url';
-import { app, BrowserWindow, shell, Menu, dialog, session } from 'electron';
+import { app, BrowserWindow, shell, Menu, dialog, session, ipcMain } from 'electron';
 import * as uuid from 'uuid/v4';
 import * as yargs from 'yargs';
 import * as semver from 'semver';
@@ -77,6 +77,7 @@ const createWindow = (logStream: WriteStream) => {
         height: windowState.height,
 
         webPreferences: {
+            preload: path.join(__dirname, 'preload.js'),
             contextIsolation: true,
             nodeIntegration: false
         },
@@ -583,4 +584,12 @@ if (!amMainInstance) {
             app.quit();
         }
     });
-}
+}
+
+ipcMain.handle(
+  'open-file',
+  () =>
+    dialog.showOpenDialogSync({
+      properties: ['openFile', 'treatPackageAsDirectory'],
+    })?.[0]
+);

src/preload.ts

@@ -0,0 +1,5 @@
+import {contextBridge, ipcRenderer} from 'electron';
+
+contextBridge.exposeInMainWorld('nativeFile', {
+  open: () => ipcRenderer.invoke('open-file'),
+});

tsconfig.json

@@ -26,6 +26,7 @@
     },
     "include": [
         "./src/index.ts",
+        "./src/preload.ts",
         "./custom-typings/**/*.d.ts"
     ]
-}
+}