// esbuild build for @hive/swarm-ui (project-bootstrap scope). Output
// layout (`dist/`):
//
//   dist/index.html              served at GET /
//   dist/static/main.js          served at /static/main.js (ESM bundle,
//                                 Preact + wouter-preact)
//   dist/static/main.js.map      source map sibling
//   dist/static/main.css         every component's own `import
//                                 './Foo.css'` (Shell.css, Panel.css, …),
//                                 folded by esbuild into one companion
//                                 output alongside main.js — no separate
//                                 build step, this falls out of bundling
//                                 main.tsx with `bundle: true`
//   dist/static/colors.css       served at /static/colors.css
//   dist/static/theme.css        served at /static/theme.css
//   dist/static/swarm-ui.css     served at /static/swarm-ui.css — just the
//                                 shared base reset now (@import resolved
//                                 from @hive/shared), NOT component styles
//
// Not yet wired into any Rust binary's `ServeDir` — swarm-controller
// only serves `/health` today (see swarm-controller/README.md); this
// just makes `dist/` buildable so nix/packages/swarm-ui.nix has
// something to package. `.tsx` → JS: esbuild transpiles TypeScript
// natively (types stripped, not checked) — run `npm run typecheck`
// (plain `tsc --noEmit`) separately for real type errors; not yet
// wired into CI.

import { build } from 'esbuild';
import { mkdirSync, copyFileSync, rmSync } from 'node:fs';
import { dirname, resolve } from 'node:path';
import { fileURLToPath } from 'node:url';

const here = dirname(fileURLToPath(import.meta.url));
const src = (p) => resolve(here, 'src', p);
const dist = (p) => resolve(here, 'dist', p);
const staticDir = (p) => resolve(here, 'dist', 'static', p);

rmSync(dist(''), { recursive: true, force: true });
mkdirSync(staticDir(''), { recursive: true });

await build({
  entryPoints: [src('main.tsx')],
  outfile: staticDir('main.js'),
  bundle: true,
  format: 'esm',
  platform: 'browser',
  target: ['es2022'],
  sourcemap: true,
  logLevel: 'info',
  jsx: 'automatic',
  jsxImportSource: 'preact',
});

for (const entry of ['colors.css', 'theme.css', 'swarm-ui.css']) {
  await build({
    entryPoints: [src(entry)],
    outfile: staticDir(entry),
    bundle: true,
    loader: { '.css': 'css' },
    logLevel: 'info',
  });
}

copyFileSync(src('index.html'), dist('index.html'));

console.log('swarm-ui build ok →', dist(''));