fix(electron): resolve production build path issues (#45)

- main.ts: Fix HTML path resolution in packaged app (3 levels up vs 4)
- main.tsx: Switch from BrowserRouter to HashRouter for file:// protocol
- Landing.tsx: Fix logo path from absolute to relative

These changes fix the blank white screen issue in the packaged Electron app.

Author: antmikinka

package-lock.json

@@ -142,18 +142,22 @@ function createWindow(): void {
       console.error('Failed to load dev server:', err);
     });
   } else {
-    // __dirname is: dist/electron/src/electron_app/
-    // Go up 4 levels to app root, then into dist/renderer/
-    const htmlPath = path.join(__dirname, '..', '..', '..', '..', 'dist', 'renderer', 'index.html');
+    // In production, __dirname is inside app.asar
+    // The dist/renderer folder IS inside the asar, so we can use a relative path
+    // __dirname = resources/app.asar/dist/electron/src/electron_app
+    // We need: resources/app.asar/dist/renderer/index.html
+    // Go up 3 levels to reach app.asar/dist, then down to renderer/index.html
+    const htmlPath = path.join(__dirname, '..', '..', '..', 'renderer', 'index.html');
     console.log('Loading production HTML from:', htmlPath);
     console.log('App is packaged:', app.isPackaged);
     console.log('Resolved path:', path.resolve(htmlPath));
-    
+
     if (!fs.existsSync(htmlPath)) {
       console.error('ERROR: Production HTML not found at:', htmlPath);
       console.error('__dirname is:', __dirname);
+      console.error('Resolved path is:', path.resolve(htmlPath));
     }
-    
+
     mainWindow.loadFile(htmlPath);
   }
 

src/electron_app/main.ts

@@ -1,14 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { BrowserRouter } from 'react-router-dom';
+import { HashRouter } from 'react-router-dom';
 import App from './App';
 import './index.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    {/* @ts-expect-error: Suppressing future flag type error until types catch up */}
-    <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
+    <HashRouter>
       <App />
-    </BrowserRouter>
+    </HashRouter>
   </React.StrictMode>,
 );

src/ui/main.tsx

@@ -207,7 +207,7 @@ const Landing: React.FC = () => {
 
       {/* Logo + Title */}
       <div className="flex flex-col items-center mb-10">
-        <img src="/logo.png" alt="lemonade" className="w-16 h-16 mb-4" />
+        <img src="./logo.png" alt="lemonade" className="w-16 h-16 mb-4" />
         <h1 className="text-2xl font-bold tracking-tight">interviewer</h1>
         <p className={`mt-2 text-sm text-gray-500 dark:text-white/40 transition-all duration-500 ${
           step !== 'initial' ? 'opacity-100' : 'opacity-0 pointer-events-none'