main.js

const { app, BrowserWindow, dialog } = require('electron');
const path = require('path');

const PORT = 3535;
let mainWindow = null;

function createWindow(port) {
  mainWindow = new BrowserWindow({
    width: 1100,
    height: 780,
    minWidth: 720,
    minHeight: 540,
    title: 'Tutorial Recorder',
    show: false,
    webPreferences: {
      contextIsolation: true,
      nodeIntegration: false,
    },
  });

  mainWindow.loadURL(`http://localhost:${port}`);
  mainWindow.once('ready-to-show', () => mainWindow.show());
  mainWindow.on('closed', () => { mainWindow = null; });
}

app.whenReady().then(async () => {
  // Point Playwright at the bundled browser directory so the app works
  // without a separate `playwright install` step.
  //   - Packaged: browsers are in the app's Resources folder (extraResources)
  //   - Dev:      browsers are in ./playwright-browsers/ (npm run install:browsers)
  const browsersPath = app.isPackaged
    ? path.join(process.resourcesPath, 'playwright-browsers')
    : path.join(__dirname, 'playwright-browsers');
  process.env.PLAYWRIGHT_BROWSERS_PATH = browsersPath;

  // Lazy require — after env vars are in place
  const { startServer } = require('./server');

  try {
    const port = await startServer(PORT);
    createWindow(port);
  } catch (err) {
    dialog.showErrorBox('Startup Error', err.message);
    app.quit();
  }
});

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') app.quit();
});

app.on('activate', () => {
  if (mainWindow === null) createWindow(PORT);
});