feat(electron): enable vscode debugger for electron

toeverything · Dec 26, 2024 · 5d7454e · 5d7454e
1 parent 96fae47
commit 5d7454e
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 3 deletions.
diff --git a/packages/frontend/apps/electron/scripts/dev.ts b/packages/frontend/apps/electron/scripts/dev.ts
@@ -34,7 +34,12 @@ function spawnOrReloadElectron() {
   const ext = process.platform === 'win32' ? '.cmd' : '';
   const exe = resolve(rootDir, 'node_modules', '.bin', `electron${ext}`);
 
-  delete process.env['NODE_OPTIONS'];
+  // remove import loader option
+  const NODE_OPTIONS = process.env.NODE_OPTIONS;
+  if (NODE_OPTIONS) {
+    process.env.NODE_OPTIONS = NODE_OPTIONS.replace(/--import=[^\s]*/, '');
+  }
+
   spawnProcess = spawn(exe, ['.'], {
     cwd: electronDir,
     env: process.env,

diff --git a/packages/frontend/apps/electron/src/main/windows-manager/onboarding.ts b/packages/frontend/apps/electron/src/main/windows-manager/onboarding.ts
@@ -4,6 +4,7 @@ import type { Display } from 'electron';
 import { BrowserWindow, screen } from 'electron';
 
 import { isMacOS } from '../../shared/utils';
+import { isDev } from '../config';
 import { onboardingViewUrl } from '../constants';
 // import { getExposedMeta } from './exposed';
 import { logger } from '../logger';
@@ -90,6 +91,10 @@ async function createOnboardingWindow(additionalArguments: string[]) {
     fullscreenAndCenter(browserWindow);
   });
 
+  if (isDev) {
+    browserWindow.webContents.openDevTools();
+  }
+
   await browserWindow.loadURL(onboardingViewUrl);
 
   return browserWindow;

diff --git a/tools/cli/src/run.ts b/tools/cli/src/run.ts
@@ -151,12 +151,18 @@ export class RunCommand extends PackageCommand {
       new RegExp(ignore).test(scriptName)
     );
 
+    const loaderOption =
+      '--import=' + currentDir.join('../register.js').toFileUrl();
+    let nodeOptions = process.env.NODE_OPTIONS
+      ? process.env.NODE_OPTIONS + ` ${loaderOption}`
+      : loaderOption;
+
     await execAsync(pkg.name, ['yarn', scriptName, ...args], {
       cwd: pkg.path.value,
       ...(isLoaderRequired
         ? {
             env: {
-              NODE_OPTIONS: `--import=${currentDir.join('../register.js').toFileUrl()}`,
+              NODE_OPTIONS: nodeOptions,
             },
           }
         : {}),

diff --git a/tools/utils/src/path.ts b/tools/utils/src/path.ts
@@ -15,7 +15,7 @@ export class Path {
     return './' + this.path.slice(ProjectRoot.path.length).replace(/\\/g, '/');
   }
 
-  constructor(public readonly path: string) {}
+  constructor(public readonly path: string) { }
 
   join(...paths: string[]) {
     return new Path(join(this.path, ...paths));