Making Electron server logs visible in devtools (#3219)

* add electron logging to main browser process console

* add logging

* removing old way

* release notes

packages/desktop-electron/index.ts

@@ -60,9 +60,21 @@ function createBackgroundProcess() {
   serverProcess = utilityProcess.fork(
     __dirname + '/server.js',
     ['--subprocess', app.getVersion()],
-    isDev ? { execArgv: ['--inspect'] } : undefined,
+    isDev ? { execArgv: ['--inspect'], stdio: 'pipe' } : { stdio: 'pipe' },
   );
 
+  serverProcess.stdout.on('data', (chunk: Buffer) => {
+    // Send the Server console.log messages to the main browser window
+    clientWin?.webContents.executeJavaScript(`
+      console.info('Server Log:', ${JSON.stringify(chunk.toString('utf8'))})`);
+  });
+
+  serverProcess.stderr.on('data', (chunk: Buffer) => {
+    // Send the Server console.error messages out to the main browser window
+    clientWin?.webContents.executeJavaScript(`
+      console.error('Server Log:', ${JSON.stringify(chunk.toString('utf8'))})`);
+  });
+
   serverProcess.on('message', msg => {
     switch (msg.type) {
       case 'captureEvent':

packages/loot-core/src/platform/exceptions/index.electron.ts

@@ -1,7 +1,7 @@
 import type * as T from '.';
 
 export const captureException: T.CaptureException = function (exc) {
-  console.log('[Exception]', exc);
+  console.error('[Exception]', exc);
 };
 
 export const captureBreadcrumb: T.CaptureBreadcrumb = function () {};

upcoming-release-notes/3219.md

@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [MikesGlitch]
+---
+
+Makinig Server logs visible in devtools on Electron