cli.js

#!/usr/bin/env bun

import { resolve } from 'node:path';
import { watch } from 'node:fs';
import { build } from './build.js';
import { startServer } from './serve.js';

const args = process.argv.slice(2);
const command = args[0];

const USAGE = `Usage:
  dash build                        Build HTML files to dist/
  dash build --script <filepath>    Build with a custom transform script
  dash serve                        Serve dist/ on port 3000
  dash serve --port <number>        Serve on a custom port
  dash serve --script <filepath>    Serve with a custom transform script
  dash serve --watch                Build, serve, and rebuild on changes`;

async function loadTransform() {
  const scriptIdx = args.indexOf('--script');

  if (scriptIdx === -1) {
    return undefined;
  }

  const scriptPath = args[scriptIdx + 1];

  if (!scriptPath) {
    console.error('Error: --script requires a file path');
    process.exit(1);
  }

  const mod = await import(resolve(scriptPath));
  return mod.default;
}

if (command === 'build') {
  await build({ transform: await loadTransform() });
} else if (command === 'serve') {
  const watching = args.includes('--watch');
  const transform = await loadTransform();

  await build({ transform });

  if (watching) {
    let debounceTimer;

    watch('.', { recursive: true }, (event, filename) => {
      if (!filename) {
        return;
      }

      if (filename.startsWith('dist/') || filename.startsWith('.')) {
        return;
      }

      if (!/\.(html|css|js|mjs|png|jpe?g|svg|gif|webp|avif|woff2?|ttf|otf|eot|ico)$/i.test(filename)) {
        return;
      }

      clearTimeout(debounceTimer);
      debounceTimer = setTimeout(async () => {
        console.log(`Changed: ${filename}, rebuilding...`);
        await build({ transform, clean: false });
      }, 100);
    });
  }

  const portIdx = args.indexOf('--port');
  const port = portIdx === -1 ? 3000 : Number(args[portIdx + 1]);

  startServer(port);
} else {
  console.log(USAGE);
}