serve-visualizer.ts

/**
 * Simple static file server for the maze visualizer
 * Serves files to avoid CORS issues with local file:// protocol
 */

const PORT = 3000;

const server = Bun.serve({
  port: PORT,
  async fetch(req) {
    const url = new URL(req.url);
    let filePath = url.pathname;
    
    // Default to visualizer.html
    if (filePath === '/') {
      filePath = '/visualizer.html';
    }
    
    // Construct file path
    const file = Bun.file(`.${filePath}`);
    const exists = await file.exists();
    
    if (!exists) {
      return new Response('Not Found', { status: 404 });
    }
    
    // Serve the file
    return new Response(file);
  },
});

console.log('\n🎨 Maze Visualizer Server');
console.log('=' .repeat(50));
console.log(`✓ Server running at: http://localhost:${PORT}`);
console.log(`✓ Opening browser...`);
console.log(`\nPress Ctrl+C to stop the server\n`);

// Try to open the browser
const openCommands = {
  darwin: 'open',
  linux: 'xdg-open',
  win32: 'start'
};

const platform = process.platform as keyof typeof openCommands;
const openCmd = openCommands[platform] || 'open';

try {
  await Bun.spawn([openCmd, `http://localhost:${PORT}`], {
    stdout: 'ignore',
    stderr: 'ignore',
  });
} catch (error) {
  console.log(`Please open http://localhost:${PORT} in your browser`);
}