Successfully start the server even with ASAR bundling

Author: pimterry

package.json

@@ -9,7 +9,7 @@
     "build:src": "tsc",
     "start": "node setup-local.js && npm run start:app",
     "start:dev": "node setup-dev.js && cross-env APP_URL='http://local.httptoolkit.tech:8080' npm run start:app",
-    "start:app": "tsc-watch --onSuccess 'electron ./dist/index.js'",
+    "start:app": "tsc-watch --onSuccess 'electron .'",
     "package": "electron-forge package",
     "make": "electron-forge make",
     "publish": "electron-forge publish"

src/index.ts

@@ -47,6 +47,11 @@ if (!semver.parse(BUNDLED_SERVER_VERSION)) {
     throw new Error("Package.json must specify an exact server version");
 }
 
+const APP_PATH = app.getAppPath();
+const RESOURCES_PATH = APP_PATH.endsWith('app.asar')
+    ? path.dirname(APP_PATH) // If we're bundled, resources are above the bundle
+    : APP_PATH; // Otherwise everything is in the root of the app
+
 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.
 let windows: Electron.BrowserWindow[] = [];
@@ -309,7 +314,7 @@ if (!amMainInstance) {
 
     async function startServer(retries = 2) {
         const binName = isWindows ? 'httptoolkit-server.cmd' : 'httptoolkit-server';
-        const serverBinPath = path.join(__dirname, '..', 'httptoolkit-server', 'bin', binName);
+        const serverBinPath = path.join(RESOURCES_PATH, 'httptoolkit-server', 'bin', binName);
         const serverBinCommand = isWindows ? `"${serverBinPath}"` : serverBinPath;
 
         server = spawn(serverBinCommand, ['start'], {