serve.js

import http from 'http';
import fs from 'fs';
import path from 'path';
import url from 'url';

const PORT = 3457;

const server = http.createServer((req, res) => {
  // Parse URL to separate pathname from query string
  const parsedUrl = url.parse(req.url, true);
  const pathname = parsedUrl.pathname;

  let filePath = './dist' + (pathname === '/' ? '/src/popup/index.html' : pathname);

  // Handle root paths for different pages (strip query params for path matching)
  if (pathname === '/popup') filePath = './dist/src/popup/index.html';
  if (pathname === '/settings') filePath = './dist/src/settings/index.html';
  if (pathname === '/sidepanel') filePath = './dist/src/sidepanel/index.html';

  const ext = path.extname(filePath);
  const mimeTypes = {
    '.html': 'text/html',
    '.js': 'application/javascript',
    '.css': 'text/css',
    '.png': 'image/png',
    '.svg': 'image/svg+xml'
  };

  fs.readFile(filePath, (err, data) => {
    if (err) {
      res.writeHead(404);
      res.end('Not found: ' + filePath);
      return;
    }
    res.writeHead(200, { 'Content-Type': mimeTypes[ext] || 'text/plain' });
    res.end(data);
  });
});

server.listen(PORT, () => {
  console.log('Server running on http://localhost:' + PORT);
  console.log('Popup: http://localhost:' + PORT + '/popup');
  console.log('Settings: http://localhost:' + PORT + '/settings');
  console.log('Side Panel: http://localhost:' + PORT + '/sidepanel');
  console.log('');
  console.log('Testing URLs:');
  console.log('  Unlocked state: http://localhost:' + PORT + '/popup?unlocked=true');
  console.log('  With matching entry: http://localhost:' + PORT + '/popup?unlocked=true&testUrl=https://example.com');
});