Fix Electron app black screen issue and rebuild portable exe

- Add CSP meta tag for proper content loading in Electron
- Add backgroundColor to prevent flash of unstyled content
- Improve error logging in main.js for debugging
- Rebuild portable exe with fixes

Author: pankaj-bind

frontend/main.js

@@ -25,31 +25,46 @@ function createWindow() {
     height: 800,
     icon: path.join(__dirname, 'build-resources/icon.png'),
     title: 'SecureScript',
+    backgroundColor: '#0F172A',
     webPreferences: {
       preload: path.join(__dirname, 'preload.js'),
       nodeIntegration: false,
       contextIsolation: true,
+      devTools: isDev
     },
   });
 
   // Determine the correct path to load
-  const indexPath = isDev
-    ? 'http://localhost:3000'
-    : `file://${path.join(__dirname, 'build', 'index.html')}`;
+  let indexPath;
+  if (isDev) {
+    indexPath = 'http://localhost:3000';
+  } else {
+    // In production, the build folder is at the root level in the packaged app
+    indexPath = `file://${path.join(__dirname, 'build', 'index.html')}`;
+  }
 
   console.log('Loading URL:', indexPath);
   console.log('__dirname:', __dirname);
   console.log('isDev:', isDev);
+  console.log('app.isPackaged:', app.isPackaged);
 
-  win.loadURL(indexPath);
+  win.loadURL(indexPath).catch(err => {
+    console.error('Failed to load URL:', err);
+  });
 
   if (isDev) {
     win.webContents.openDevTools({ mode: 'detach' });
   }
 
   // Handle load errors
-  win.webContents.on('did-fail-load', (event, errorCode, errorDescription) => {
-    console.error('Failed to load:', errorCode, errorDescription);
+  win.webContents.on('did-fail-load', (event, errorCode, errorDescription, validatedURL) => {
+    console.error('Failed to load:', errorCode, errorDescription, validatedURL);
+    console.error('Attempted to load from:', validatedURL);
+  });
+  
+  // Log when content is loaded
+  win.webContents.on('did-finish-load', () => {
+    console.log('Content loaded successfully');
   });
 }
 

frontend/public/index.html

@@ -5,6 +5,7 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#0066CC" />
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' data:; connect-src 'self' https://pankajbind.pythonanywhere.com https://*.pythonanywhere.com;" />
     <meta
       name="description"
       content="SecureScript - Security compliance and hardening tool for Windows systems"