Strip the sourcemap comment from the preload script

Author: pimterry

package.json

@@ -13,6 +13,7 @@
     "build:src": "tsc",
     "build:electron": "npm run server:setup && electron-builder build",
     "build:dir-only": "npm run server:setup && electron-builder --dir",
+    "postbuild": "ts-node ./strip-preload-map.ts",
     "start": "npm run server:setup && npm run start:app",
     "start:dev": "ts-node ./skip-server.ts && cross-env HTK_DEV=true APP_URL='http://local.httptoolkit.tech:8080' npm run start:app",
     "start:app": "tsc-watch --onSuccess \"electron .\""

strip-preload-map.ts

@@ -0,0 +1,24 @@
+import * as path from 'path';
+import { readFileSync, writeFileSync } from 'fs';
+
+function removeSourceMapAnnotation(filePath: string): void {
+    const fileContent = readFileSync(filePath, 'utf8');
+    const lines = fileContent.split('\n');
+
+    if (lines[lines.length - 1].startsWith('//# sourceMappingURL=')) {
+        lines.pop(); // Remove the last line
+    } else {
+        console.log(`No sourcemap annotation found in ${filePath}`);
+        return;
+    }
+
+    const newContent = lines.join('\n');
+    writeFileSync(filePath, newContent, 'utf8');
+    console.log(`Sourcemap annotation removed from ${filePath}`);
+}
+
+// We have to strip the source map comment from here, otherwise when it loads
+// in Chrome, it tries to get preload.js.map from the real server, leaving
+// us with an annoying error because that's never going to work.
+const filePath = path.join(__dirname, 'build', 'preload.js');
+removeSourceMapAnnotation(filePath);