@brust/core 2.0.0-alpha.2 → 2.0.0-alpha.4

package/src/build/config.ts

@@ -4,12 +4,16 @@
 // `server_only` is the app config `serverOnly` of the compiler spec (§8.2): the compiler refuses
 // such an import in client code, and every browser bundle refuses to include it.
 import { join } from 'node:path'
-import { DEFAULT_ACTION_PREFIX, DEFAULT_MAX_BODY_BYTES, DEFAULT_MAX_RESPONSE_BYTES, MAX_ACTION_BYTES, prefixError } from '../actions/prefix'
+import { ACTION_CREDENTIALS, type ActionCredentials, DEFAULT_ACTION_PREFIX, DEFAULT_MAX_BODY_BYTES, DEFAULT_MAX_RESPONSE_BYTES, MAX_ACTION_BYTES, baseUrlError, prefixError } from '../actions/prefix'
+import { ADAPTER_NAMES, BUILTINS, installHint } from '../cache-adapter/load'
 import { BuildError } from './errors'
 
 // [actions] (opt-in, ruling R6): present table => actions on. Both byte caps cross napi as u32 (F82: 1..64 MiB / 256 KiB..64 MiB).
 //   [actions]
 //   entry = "actions.ts"   prefix = "/_brust/action"   max_body_bytes = 1048576  max_response_bytes = 8388608   cross_site = "reject" | "allow" (F87)
+//   base_url = "https://api.example.com"  credentials = "same-origin" | "include" | "omit"   (L16: the browser client's target; runtime settings, validated here too)
+// `prefix = "/"` is accepted only for an actions-only build (L16 R16.4).
+// `ACTION_INLINE_BODY_BYTES` (Rust): the inline/heap threshold of an action body, independent of the response slot size (`slotBytes`).
 const MIN_RESPONSE_BYTES = 262_144
 
 export interface ActionsBuildConfig {
@@ -18,14 +22,227 @@ export interface ActionsBuildConfig {
   maxBodyBytes: number
   maxResponseBytes: number
   crossSite: 'reject' | 'allow'
+  /** `[actions] base_url`; with no actions file present the build is page-only (L16 R16.4b). */
+  baseUrl: string | undefined
+  credentials: ActionCredentials
+  /** `entry` was written in brust.toml (a missing file is then an error, never a page-only build). */
+  entryExplicit: boolean
+}
+
+// [cloudflare] (M4-CF; only read by `--target cloudflare`, validated always so errors surface early):
+//   name = "my-worker"  compatibility_date = "2026-10-01"  l1_capacity = 256  job_cache_capacity = 512  stats = false
+//   edge_cache = "off"  [cloudflare.alias]  "lib/db.ts" = "lib/db.cf.ts"   # app-root-relative module swaps (spec R12)
+const CF_KEYS = new Set(['name', 'compatibility_date', 'l1_capacity', 'job_cache_capacity', 'stats', 'edge_cache', 'alias'])
+export const CF_MIN_COMPAT_DATE = '2026-08-04'
+const U32_MAX = 4_294_967_295
+
+export interface CloudflareBuildConfig {
+  name: string | undefined
+  compatibilityDate: string | undefined
+  l1Capacity: number
+  jobCacheCapacity: number
+  stats: boolean
+  edgeCache: 'off'
+  /** absolute module path -> absolute replacement path */
+  alias: Record<string, string>
+}
+
+// [cache] (cache adapters, opt-in; spec §6): a shared second tier behind the in-process cache.
+//   adapter = "redis" | "dragonfly" | "cloudflare-kv" | "cloudflare-do" | "custom"   module = "lib/cache.ts" (custom)
+//   broadcast = "<built-in>"   namespace = "<package name>"   get_timeout_ms = 50 (native) / 100 (Workers)
+//   max_body_bytes = 1048576   epoch_interval_ms = 1000   [cache.redis] url = "env:REDIS_URL"   [cache.cloudflare]   [cache.options]
+const CACHE_KEYS = new Set(['adapter', 'broadcast', 'module', 'namespace', 'get_timeout_ms', 'max_body_bytes', 'epoch_interval_ms', 'redis', 'cloudflare', 'options'])
+export const MAX_L2_BODY_BYTES = 67_108_864
+
+export interface CacheBuildConfig {
+  adapter: (typeof ADAPTER_NAMES)[number]
+  /** `custom`: the module, app-root-relative as written. */
+  module: string | undefined
+  broadcast: string | undefined
+  /** The factory's options: `[cache.redis]` / `[cache.cloudflare]` for built-ins, `[cache.options]` for custom. */
+  options: Record<string, unknown>
+  broadcastOptions: Record<string, unknown> | undefined
+  namespace: string
+  /** Absent = the runtime default (native 50, Workers 100). */
+  getTimeoutMs: number | undefined
+  maxBodyBytes: number
+  epochIntervalMs: number
 }
 
 export interface BuildConfig {
   serverOnly: string[]
   actions: ActionsBuildConfig | null
+  cloudflare: CloudflareBuildConfig | null
+  cache: CacheBuildConfig | null
+  /** `[css] global` (L19, R19.1): app-root-relative stylesheets every route links first, in order. */
+  cssGlobal: string[]
+}
+
+const isTable = (v: unknown): v is Record<string, unknown> => v !== null && typeof v === 'object' && !Array.isArray(v)
+
+function rangeInt(file: string, key: string, v: unknown, lo: number, hi: number, dflt: number): number {
+  if (v === undefined) return dflt
+  if (typeof v !== 'number' || !Number.isInteger(v) || v < lo || v > hi)
+    throw new BuildError('cache', `${file}: cache.${key} must be an integer in ${lo}..${hi} (got ${String(v)})`)
+  return v
 }
 
-function parseActions(file: string, raw: unknown): ActionsBuildConfig | null {
+/** `[cache.redis]`'s keys and ranges (cache-redis R10); `@brust/cache-redis` validates the same list at worker boot. */
+const REDIS_INT_KEYS: ReadonlyArray<readonly [string, number, number]> = [
+  ['connect_timeout_ms', 100, 60_000],
+  ['max_body_bytes', 1, MAX_L2_BODY_BYTES],
+  ['marker_ttl_ms', 60_000, 604_800_000],
+  ['unlink_batch', 1, 10_000],
+  ['reconnect_min_ms', 10, 60_000],
+  ['reconnect_max_ms', 10, 600_000],
+]
+const REDIS_TLS_KEYS: Record<string, string> = { reject_unauthorized: 'boolean', server_name: 'string', ca_file: 'string' }
+
+function checkRedisTable(file: string, r: Record<string, unknown>): void {
+  const known = new Set(['url', 'tls', ...REDIS_INT_KEYS.map(([k]) => k)])
+  for (const k of Object.keys(r)) if (!known.has(k)) throw new BuildError('cache', `${file}: cache.redis.${k} is not a known key`)
+  for (const [k, lo, hi] of REDIS_INT_KEYS) rangeInt(file, `redis.${k}`, r[k], lo, hi, lo)
+  if (typeof r.reconnect_min_ms === 'number' && typeof r.reconnect_max_ms === 'number' && r.reconnect_max_ms < r.reconnect_min_ms)
+    throw new BuildError('cache', `${file}: cache.redis.reconnect_max_ms must be >= cache.redis.reconnect_min_ms`)
+  const tls = r.tls
+  if (tls === undefined || typeof tls === 'boolean') return
+  if (!isTable(tls)) throw new BuildError('cache', `${file}: cache.redis.tls must be a boolean or a table`)
+  for (const [k, v] of Object.entries(tls)) {
+    const want = REDIS_TLS_KEYS[k]
+    if (!want) throw new BuildError('cache', `${file}: cache.redis.tls.${k} is not a known key`)
+    if (typeof v !== want || v === '') throw new BuildError('cache', `${file}: cache.redis.tls.${k} must be a ${want === 'string' ? 'non-empty string' : want}`)
+  }
+}
+
+/** The option table a built-in reads. */
+function builtinOptions(name: string, t: Record<string, unknown>): Record<string, unknown> {
+  const key = name === 'redis' || name === 'dragonfly' ? 'redis' : 'cloudflare'
+  return { ...((t[key] as Record<string, unknown> | undefined) ?? {}) }
+}
+
+async function packageName(appRoot: string): Promise<string | undefined> {
+  const f = Bun.file(join(appRoot, 'package.json'))
+  if (!(await f.exists())) return undefined
+  try {
+    const n = ((await f.json()) as { name?: unknown }).name
+    return typeof n === 'string' && n.trim() ? n.trim() : undefined
+  } catch {
+    return undefined
+  }
+}
+
+async function parseCache(file: string, appRoot: string, raw: unknown): Promise<CacheBuildConfig | null> {
+  if (raw === undefined) return null
+  if (!isTable(raw)) throw new BuildError('cache', `${file}: [cache] must be a table`)
+  const t = raw
+  for (const k of Object.keys(t)) if (!CACHE_KEYS.has(k)) throw new BuildError('cache', `${file}: cache.${k} is not a known key`)
+  for (const k of ['redis', 'cloudflare', 'options'] as const)
+    if (t[k] !== undefined && !isTable(t[k])) throw new BuildError('cache', `${file}: [cache.${k}] must be a table`)
+  const adapter = t.adapter
+  if (typeof adapter !== 'string' || !(ADAPTER_NAMES as readonly string[]).includes(adapter))
+    throw new BuildError('cache', `${file}: cache.adapter must be one of ${ADAPTER_NAMES.map((n) => `"${n}"`).join(', ')} (got ${JSON.stringify(adapter)})`)
+  const name = adapter as CacheBuildConfig['adapter']
+  let module: string | undefined
+  if (name === 'custom') {
+    if (typeof t.module !== 'string' || t.module.trim() === '') throw new BuildError('cache', `${file}: cache.module is required for adapter "custom"`)
+    module = t.module.trim()
+  } else if (t.module !== undefined) throw new BuildError('cache', `${file}: cache.module is only for adapter "custom"`)
+  let broadcast: string | undefined
+  if (t.broadcast !== undefined) {
+    if (typeof t.broadcast !== 'string' || !(t.broadcast in BUILTINS))
+      throw new BuildError('cache', `${file}: cache.broadcast must name a built-in adapter (${Object.keys(BUILTINS).map((n) => `"${n}"`).join(', ')})`)
+    broadcast = t.broadcast
+  }
+  // `env:` indirection only: a literal URL may carry a password, so the error never echoes the value.
+  const redis = t.redis as Record<string, unknown> | undefined
+  if (redis?.url !== undefined && (typeof redis.url !== 'string' || !/^env:[A-Za-z_][A-Za-z0-9_]*$/.test(redis.url)))
+    throw new BuildError('cache', `${file}: cache.redis.url must be "env:NAME" (a literal URL is refused: it may hold a password)`)
+  if (redis) checkRedisTable(file, redis)
+  for (const n of [name, broadcast]) {
+    if (n === undefined || n === 'custom') continue
+    try {
+      Bun.resolveSync(BUILTINS[n]!, appRoot)
+    } catch {
+      throw new BuildError('cache', `${file}: ${installHint(n)}`)
+    }
+  }
+  const options = name === 'custom' ? { ...((t.options as Record<string, unknown> | undefined) ?? {}) } : builtinOptions(name, t)
+  let namespace = (await packageName(appRoot)) ?? 'brust'
+  if (t.namespace !== undefined) {
+    if (typeof t.namespace !== 'string' || !/^[A-Za-z0-9@._/-]{1,64}$/.test(t.namespace))
+      throw new BuildError('cache', `${file}: cache.namespace must be 1..64 of [A-Za-z0-9@._/-]`)
+    namespace = t.namespace
+  }
+  return {
+    adapter: name,
+    module,
+    broadcast,
+    options,
+    broadcastOptions: broadcast ? builtinOptions(broadcast, t) : undefined,
+    namespace,
+    getTimeoutMs: t.get_timeout_ms === undefined ? undefined : rangeInt(file, 'get_timeout_ms', t.get_timeout_ms, 1, 1000, 50),
+    maxBodyBytes: rangeInt(file, 'max_body_bytes', t.max_body_bytes, 1, MAX_L2_BODY_BYTES, 1_048_576),
+    epochIntervalMs: rangeInt(file, 'epoch_interval_ms', t.epoch_interval_ms, 250, 60_000, 1000),
+  }
+}
+
+function cfCapacity(file: string, key: string, v: unknown, dflt: number): number {
+  if (v === undefined) return dflt
+  if (typeof v !== 'number' || !Number.isInteger(v) || v < 1 || v > U32_MAX)
+    throw new BuildError('config', `${file}: cloudflare.${key} must be an integer in 1..${U32_MAX} (got ${String(v)})`)
+  return v
+}
+
+function parseCloudflare(file: string, appRoot: string, raw: unknown): CloudflareBuildConfig | null {
+  if (raw === undefined) return null
+  if (raw === null || typeof raw !== 'object' || Array.isArray(raw)) throw new BuildError('config', `${file}: [cloudflare] must be a table`)
+  const t = raw as Record<string, unknown>
+  for (const k of Object.keys(t)) if (!CF_KEYS.has(k)) throw new BuildError('config', `${file}: cloudflare.${k} is not a known key`)
+  if (t.name !== undefined && (typeof t.name !== 'string' || t.name.trim() === ''))
+    throw new BuildError('config', `${file}: cloudflare.name must be a non-empty string`)
+  let compatibilityDate: string | undefined
+  if (t.compatibility_date !== undefined) {
+    const d = t.compatibility_date
+    if (typeof d !== 'string' || !/^\d{4}-\d{2}-\d{2}$/.test(d)) throw new BuildError('config', `${file}: cloudflare.compatibility_date must be YYYY-MM-DD`)
+    if (d < CF_MIN_COMPAT_DATE)
+      throw new BuildError('config', `${file}: cloudflare.compatibility_date must be >= ${CF_MIN_COMPAT_DATE} (nodejs_compat is default from then)`)
+    compatibilityDate = d
+  }
+  if (t.stats !== undefined && typeof t.stats !== 'boolean') throw new BuildError('config', `${file}: cloudflare.stats must be a boolean`)
+  if (t.edge_cache !== undefined) {
+    if (t.edge_cache === 'workers-cache') throw new BuildError('config', `${file}: cloudflare.edge_cache = "workers-cache" lands with M4-CF-7`)
+    if (t.edge_cache !== 'off') throw new BuildError('config', `${file}: cloudflare.edge_cache must be "off"`)
+  }
+  const alias: Record<string, string> = {}
+  if (t.alias !== undefined) {
+    if (t.alias === null || typeof t.alias !== 'object' || Array.isArray(t.alias))
+      throw new BuildError('config', `${file}: cloudflare.alias must be a table of module paths`)
+    for (const [from, to] of Object.entries(t.alias as Record<string, unknown>)) {
+      if (typeof to !== 'string' || to.trim() === '') throw new BuildError('config', `${file}: cloudflare.alias["${from}"] must be a non-empty string`)
+      alias[resolveAlias(file, appRoot, from)] = resolveAlias(file, appRoot, to)
+    }
+  }
+  return {
+    name: t.name === undefined ? undefined : (t.name as string).trim(),
+    compatibilityDate,
+    l1Capacity: cfCapacity(file, 'l1_capacity', t.l1_capacity, 256),
+    jobCacheCapacity: cfCapacity(file, 'job_cache_capacity', t.job_cache_capacity, 512),
+    stats: (t.stats as boolean | undefined) ?? false,
+    edgeCache: 'off',
+    alias,
+  }
+}
+
+function resolveAlias(file: string, appRoot: string, p: string): string {
+  const rel = p.trim().replace(/^\.\//, '')
+  try {
+    return Bun.resolveSync(`./${rel}`, appRoot)
+  } catch {
+    throw new BuildError('config', `${file}: cloudflare.alias: cannot resolve "${p}" from the app root`)
+  }
+}
+
+function parseActions(file: string, raw: unknown, actionsOnly: boolean): ActionsBuildConfig | null {
   if (raw === undefined) return null
   if (raw === null || typeof raw !== 'object' || Array.isArray(raw)) throw new BuildError('config', `${file}: [actions] must be a table`)
   const t = raw as Record<string, unknown>
@@ -36,7 +253,8 @@ function parseActions(file: string, raw: unknown): ActionsBuildConfig | null {
   }
   let prefix = DEFAULT_ACTION_PREFIX
   if (t.prefix !== undefined) {
-    const why = prefixError(t.prefix)
+    // `/` is the prefix of an actions-only deployment; a page-only build (base_url, no local app) may name it too.
+    const why = prefixError(t.prefix, actionsOnly || t.base_url !== undefined)
     if (why) throw new BuildError('config', `${file}: actions.prefix ${why}`)
     prefix = t.prefix as string
   }
@@ -59,15 +277,39 @@ function parseActions(file: string, raw: unknown): ActionsBuildConfig | null {
     if (t.cross_site !== 'reject' && t.cross_site !== 'allow') throw new BuildError('config', `${file}: actions.cross_site must be "reject" or "allow"`)
     crossSite = t.cross_site
   }
-  return { entry, prefix, maxBodyBytes, maxResponseBytes, crossSite }
+  let baseUrl: string | undefined
+  if (t.base_url !== undefined) {
+    const why = baseUrlError(t.base_url)
+    if (why) throw new BuildError('config', `${file}: actions.base_url ${why}`)
+    baseUrl = t.base_url as string
+  }
+  let credentials: ActionCredentials = 'same-origin'
+  if (t.credentials !== undefined) {
+    if (typeof t.credentials !== 'string' || !ACTION_CREDENTIALS.includes(t.credentials as ActionCredentials))
+      throw new BuildError('config', `${file}: actions.credentials must be one of ${ACTION_CREDENTIALS.join(', ')} (got ${JSON.stringify(t.credentials)})`)
+    credentials = t.credentials as ActionCredentials
+  }
+  return { entry, prefix, maxBodyBytes, maxResponseBytes, crossSite, baseUrl, credentials, entryExplicit: t.entry !== undefined }
 }
 
 const DEFAULT_ENTRY = 'actions.ts'
 
-export async function loadBuildConfig(appRoot: string): Promise<BuildConfig> {
+/** `[css]`: only `global`, a list of `.css` files relative to the app root (checked to exist by the build). */
+function parseCss(file: string, raw: unknown): string[] {
+  if (raw === undefined) return []
+  if (!isTable(raw)) throw new BuildError('config', `${file}: [css] must be a table`)
+  for (const k of Object.keys(raw)) if (k !== 'global') throw new BuildError('config', `${file}: unknown key css.${k} (allowed: global)`)
+  const g = raw.global
+  if (g === undefined) return []
+  if (!Array.isArray(g) || g.some((p) => typeof p !== 'string' || !p.trim().endsWith('.css')))
+    throw new BuildError('config', `${file}: css.global must be an array of .css paths (relative to the app root)`)
+  return g.map((p: string) => p.trim())
+}
+
+export async function loadBuildConfig(appRoot: string, o: { actionsOnly?: boolean } = {}): Promise<BuildConfig> {
   const file = join(appRoot, 'brust.toml')
   const f = Bun.file(file)
-  if (!(await f.exists())) return { serverOnly: [], actions: null }
+  if (!(await f.exists())) return { serverOnly: [], actions: null, cloudflare: null, cache: null, cssGlobal: [] }
   let parsed: unknown
   try {
     parsed = Bun.TOML.parse(await f.text())
@@ -75,13 +317,16 @@ export async function loadBuildConfig(appRoot: string): Promise<BuildConfig> {
     throw new BuildError('config', `failed to parse ${file}: ${(e as Error).message}`)
   }
   const root = (parsed ?? {}) as Record<string, unknown>
-  const actions = parseActions(file, root.actions)
+  const actions = parseActions(file, root.actions, o.actionsOnly === true)
+  const cloudflare = parseCloudflare(file, appRoot, root.cloudflare)
+  const cache = await parseCache(file, appRoot, root.cache)
+  const cssGlobal = parseCss(file, root.css)
   const build = root.build
-  if (build === undefined) return { serverOnly: [], actions }
+  if (build === undefined) return { serverOnly: [], actions, cloudflare, cache, cssGlobal }
   if (build === null || typeof build !== 'object' || Array.isArray(build)) throw new BuildError('config', `${file}: [build] must be a table`)
   const so = (build as Record<string, unknown>).server_only
-  if (so === undefined) return { serverOnly: [], actions }
+  if (so === undefined) return { serverOnly: [], actions, cloudflare, cache, cssGlobal }
   if (!Array.isArray(so) || so.some((p) => typeof p !== 'string' || p.trim() === ''))
     throw new BuildError('config', `${file}: build.server_only must be an array of non-empty strings`)
-  return { serverOnly: so.map((p: string) => p.trim().replace(/^\.\//, '')), actions }
+  return { serverOnly: so.map((p: string) => p.trim().replace(/^\.\//, '')), actions, cloudflare, cache, cssGlobal }
 }

package/src/build/css.ts

@@ -0,0 +1,286 @@
+// CSS for `brust build` (gaps round L19, R19.1-R19.4): which stylesheets each route links, one
+// minified content-hashed `client/<stem>-<hex10>.css` per source file, the class maps of CSS
+// Modules, and the one plugin every JS build uses so no JS build ever emits CSS.
+//
+// - A route's CSS: `[css] global` first, then every `.css` import reachable from its chain files
+//   (root layout → page), depth-first in import order, first occurrence wins.
+// - CSS Modules: one in-process Bun.build of every source (a JS entry per file), so one set of class
+//   names serves the server (jobs.js), the browser chunks and the Cloudflare worker alike.
+// - Relative `url()` fonts and images are emitted next to the CSS as `client/<name>-<hex10>.<ext>`;
+//   absolute `/public/*` and `/_brust/*` stay as written.
+import { createHash } from 'node:crypto'
+import { existsSync, mkdirSync, readFileSync, realpathSync, writeFileSync } from 'node:fs'
+import { basename, dirname, isAbsolute, join, relative, resolve, sep } from 'node:path'
+import type { BunPlugin } from 'bun'
+import type { FlatRoute } from '../routes'
+import { BuildError } from './errors'
+
+const hex = (b: string | Uint8Array) => createHash('sha256').update(b).digest('hex').slice(0, 10)
+const real = (p: string) => {
+  try {
+    return realpathSync(p)
+  } catch {
+    return p
+  }
+}
+const isCss = (p: string) => p.endsWith('.css')
+const isModule = (p: string) => p.endsWith('.module.css')
+/** A name the static rules serve (`[A-Za-z0-9_.-]`, no leading dot). */
+const safeName = (s: string) => s.replace(/[^A-Za-z0-9_.-]/g, '_').replace(/^\.+/, '_')
+
+/** The stylesheets one source file reaches through static and dynamic imports, in order, real paths. Source
+ * files outside node_modules are followed; a `.css` import (an app file or a package's CSS) is
+ * collected, never followed (its `@import`s are the CSS bundler's). */
+export class CssGraph {
+  private memo = new Map<string, string[]>()
+  private active = new Set<string>()
+  private transpilers = new Map<string, InstanceType<typeof Bun.Transpiler>>()
+
+  of(file: string): string[] {
+    const f = real(file)
+    const hit = this.memo.get(f)
+    if (hit) return hit
+    if (this.active.has(f)) return [] // an import cycle: the outer visit already lists what follows
+    this.active.add(f)
+    const out: string[] = []
+    const add = (c: string) => {
+      if (!out.includes(c)) out.push(c)
+    }
+    const loader = /\.(tsx|ts|jsx|js|mjs)$/.exec(f)?.[1]
+    let src = ''
+    try {
+      src = loader ? readFileSync(f, 'utf8') : ''
+    } catch {}
+    if (loader && src) {
+      const l = loader === 'mjs' ? 'js' : (loader as 'tsx' | 'ts' | 'jsx' | 'js')
+      let t = this.transpilers.get(l)
+      if (!t) this.transpilers.set(l, (t = new Bun.Transpiler({ loader: l })))
+      for (const imp of t.scanImports(src)) {
+        // A dynamic import() is walked too (review N4): its CSS is linked eagerly for the route, so a
+        // lazily loaded component is styled on first paint and its CSS Modules are built.
+        if (imp.kind !== 'import-statement' && imp.kind !== 'dynamic-import') continue
+        let dep: string
+        try {
+          dep = real(Bun.resolveSync(imp.path, dirname(f)))
+        } catch {
+          continue // unresolvable: the JS build reports it
+        }
+        if (isCss(dep)) add(dep)
+        else if (!dep.split(sep).includes('node_modules')) for (const c of this.of(dep)) add(c)
+      }
+    }
+    this.active.delete(f)
+    this.memo.set(f, out)
+    return out
+  }
+}
+
+/** R19.1: every route's ordered source stylesheets (real paths), by route id. `chainFiles` maps a leaf to
+ * its chain's component files, root layout first. */
+export function routeCssSources(leaves: FlatRoute[], chainFiles: (l: FlatRoute) => string[], globals: string[], graph = new CssGraph()): Map<string, string[]> {
+  const out = new Map<string, string[]>()
+  for (const leaf of leaves) {
+    const list: string[] = [...globals]
+    for (const file of chainFiles(leaf)) for (const c of graph.of(file)) if (!list.includes(c)) list.push(c)
+    out.set(leaf.id, list)
+  }
+  return out
+}
+
+/** `[css] global` resolved: each a `.css` file inside the app. */
+export function resolveGlobals(appRoot: string, globals: string[]): string[] {
+  return globals.map((g) => {
+    const abs = resolve(appRoot, g)
+    const rel = relative(appRoot, abs)
+    if (isAbsolute(g) || rel.startsWith('..') || isAbsolute(rel) || !existsSync(abs)) throw new BuildError('css', `css.global ${g} is not a file inside the app`)
+    return real(abs)
+  })
+}
+
+export interface CssBuild {
+  /** source (real path) → `client/<stem>-<hex10>.css`; absent when the file emits no CSS. */
+  file: Map<string, string>
+  /** `.module.css` source (real path) → its class map. */
+  maps: Map<string, Record<string, string>>
+}
+
+const CLASS = /\.(-?[_a-zA-Z][_a-zA-Z0-9-]*)/g
+
+/** The asset types `static_rules::is_safe_client_asset_filename` serves from `/_brust/client/` (review N1). */
+export const SERVED_ASSET_EXT = ['.woff2', '.woff', '.ttf', '.otf', '.eot', '.png', '.jpg', '.jpeg', '.gif', '.webp', '.avif', '.svg', '.ico']
+
+/** R19.2/R19.4: builds every source stylesheet (one JS entry each) into `<dist>/client/`. `minify`
+ * is off only for a development build (`brust dev`, review N3). */
+export async function buildCss(
+  dist: string,
+  sources: string[],
+  minify = true,
+  o: { appRoot?: string; log?: (s: string) => void } = {},
+): Promise<CssBuild> {
+  const file = new Map<string, string>()
+  const maps = new Map<string, Record<string, string>>()
+  if (sources.length === 0) return { file, maps }
+  const appRoot = o.appRoot ?? process.cwd()
+  const tw = tailwindUse(sources)
+  const plugins: BunPlugin[] = []
+  if (tw.using.length > 0) {
+    plugins.push(await loadTailwind(appRoot, tw.using[0]!))
+    if (tw.imports.length > 1)
+      o.log?.(
+        `[brust] warning tailwind @import "tailwindcss" is in ${tw.imports.length} files (${tw.imports.map((f) => relative(appRoot, f)).join(', ')}): each one ships the whole of Tailwind; import it once (e.g. app.css) and use @reference elsewhere`,
+      )
+  }
+  const stage = join(dist, '.stage', 'css')
+  mkdirSync(stage, { recursive: true })
+  const entries = sources.map((src, i) => {
+    const e = join(stage, `s${i}.js`)
+    writeFileSync(e, isModule(src) ? `export { default } from ${JSON.stringify(src)}\n` : `import ${JSON.stringify(src)}\n`)
+    return e
+  })
+  const res = await Bun.build({
+    entrypoints: entries,
+    target: 'browser',
+    format: 'esm',
+    minify,
+    naming: { entry: '[name]-[hash].[ext]', chunk: '[name]-[hash].[ext]', asset: '[name]-[hash].[ext]' },
+    external: ['/public/*', '/_brust/*'],
+    // L21: Tailwind's content detection scans the app (bun-plugin-tailwind reads `root`).
+    root: appRoot,
+    plugins,
+  })
+  if (!res.success) throw new BuildError('css', res.logs.map(String).join('\n'))
+  // Assets a stylesheet references (fonts, images): `<name>-<hex10>.<ext>`, references rewritten.
+  const rename = new Map<string, string>()
+  const assets: { name: string; bytes: Uint8Array }[] = []
+  const css = new Map<number, string>()
+  const js = new Map<number, string>()
+  const unserved: string[] = []
+  for (const o of res.outputs) {
+    const name = basename(o.path)
+    const entry = /^s(\d+)-[^-.]+\.(css|js)$/.exec(name)
+    if (entry) {
+      ;(entry[2] === 'css' ? css : js).set(Number(entry[1]), await o.text())
+      continue
+    }
+    const m = /^(.*)-[^-.]+(\.[^.]+)$/.exec(name)
+    if (!m) throw new BuildError('css', `unexpected output ${name}`)
+    const ext = m[2]!.toLowerCase()
+    if (!SERVED_ASSET_EXT.includes(ext)) {
+      unserved.push(name)
+      continue
+    }
+    const bytes = new Uint8Array(await o.arrayBuffer())
+    const to = `${safeName(m[1]!)}-${hex(bytes)}${ext}`
+    rename.set(name, to)
+    assets.push({ name: to, bytes })
+  }
+  // Fail closed (review N1): an asset the server would not serve from /_brust/client would 404.
+  if (unserved.length > 0) {
+    const lines = unserved.map((name) => {
+      const by = sources.filter((_, i) => css.get(i)?.includes(name))
+      const [, stem, ext] = /^(.*)-[^-.]+(\.[^.]+)$/.exec(name)!
+      return `${stem}${ext} (url() in ${by.join(', ') || 'a stylesheet'})`
+    })
+    throw new BuildError(
+      'css-asset-type',
+      `${lines.join('; ')}: brust serves only ${SERVED_ASSET_EXT.join(' ')} from /_brust/client; put the file in public/ and reference it as /public/…`,
+    )
+  }
+  for (const a of assets) writeFileSync(join(dist, 'client', a.name), a.bytes)
+  for (const [i, src] of sources.entries()) {
+    let text = css.get(i)
+    if (text !== undefined && text.trim() !== '') {
+      for (const [from, to] of rename) text = text.split(from).join(to)
+      const stem = safeName(basename(src).replace(/\.css$/, ''))
+      const out = `${stem}-${hex(text)}.css`
+      writeFileSync(join(dist, 'client', out), text)
+      file.set(src, `client/${out}`)
+    }
+    if (!isModule(src)) continue
+    const mod = join(stage, `map${i}.mjs`)
+    writeFileSync(mod, js.get(i) ?? 'export default {}')
+    const map = { ...((await import(mod)).default as Record<string, string>) }
+    // R19.4: every class the map hands out exists in the CSS it ships with.
+    const have = new Set([...(text ?? '').matchAll(CLASS)].map((x) => x[1]!))
+    for (const [k, v] of Object.entries(map))
+      for (const cls of v.split(/\s+/).filter(Boolean))
+        if (!have.has(cls)) throw new BuildError('css', `${src}: class ${k} maps to ${cls}, which is not in the emitted CSS`)
+    maps.set(src, map)
+  }
+  return { file, maps }
+}
+
+// ---- Tailwind CSS v4 (gaps round L21, R21.1) ----
+
+/** A stylesheet that needs the Tailwind compiler. */
+const TAILWIND_USE = /@import\s+(?:url\(\s*)?["']tailwindcss(?:\/[^"']*)?["']|@apply\b|@reference\b|@theme\b|@plugin\b/
+const TAILWIND_IMPORT = /@import\s+(?:url\(\s*)?["']tailwindcss["']/
+const CSS_IMPORT = /@import\s+(?:url\(\s*)?["'](\.{1,2}\/[^"']+)["']/g
+
+/** Which sources (or the relative `@import`s they pull in) use Tailwind, and which `@import "tailwindcss"`. */
+export function tailwindUse(sources: string[]): { using: string[]; imports: string[] } {
+  const using: string[] = []
+  const imports: string[] = []
+  const seen = new Set<string>()
+  const visit = (f: string) => {
+    if (seen.has(f)) return
+    seen.add(f)
+    let text = ''
+    try {
+      text = readFileSync(f, 'utf8')
+    } catch {
+      return
+    }
+    if (TAILWIND_USE.test(text)) using.push(f)
+    if (TAILWIND_IMPORT.test(text)) imports.push(f)
+    for (const m of text.matchAll(CSS_IMPORT)) visit(resolve(dirname(f), m[1]!))
+  }
+  for (const s of sources) visit(s)
+  return { using, imports }
+}
+
+/** `bun-plugin-tailwind`, resolved from the app (R21.1: `tailwindcss@4` and the plugin are the app's own dev
+ * dependencies). Missing → `tailwind-missing` with the exact install command. */
+export async function loadTailwind(appRoot: string, usedBy: string): Promise<BunPlugin> {
+  const missing = ['tailwindcss', 'bun-plugin-tailwind'].filter((p) => {
+    try {
+      Bun.resolveSync(`${p}/package.json`, appRoot)
+      return false
+    } catch {
+      return true
+    }
+  })
+  if (missing.length > 0)
+    throw new BuildError(
+      'tailwind-missing',
+      `${relative(appRoot, usedBy)} uses Tailwind CSS, but ${missing.join(' and ')} ${missing.length > 1 ? 'are' : 'is'} not installed in the app: run \`bun add -d tailwindcss@4 bun-plugin-tailwind\``,
+    )
+  return (await import(Bun.resolveSync('bun-plugin-tailwind', appRoot))).default as BunPlugin
+}
+
+/** R19.4: the one CSS plugin of every JS build. A `.module.css` import is its class map
+ * (`export default Object.freeze({…})`); any other `.css` import is an empty module, because the
+ * stylesheet itself is linked by the server (R19.3), never bundled into JS. */
+export function cssPlugin(maps: Map<string, Record<string, string>>): BunPlugin {
+  return {
+    name: 'brust-css',
+    setup(b) {
+      b.onLoad({ filter: /\.css$/ }, (a) => {
+        if (!isModule(a.path)) return { contents: '', loader: 'js' }
+        const map = maps.get(real(a.path))
+        if (!map) throw new Error(`${a.path} is imported by code the build did not reach from a route; import it from a route's component files`)
+        return { contents: `export default Object.freeze(${JSON.stringify(map)})\n`, loader: 'js' }
+      })
+    },
+  }
+}
+
+/** Direct `.css` imports of `file` (the route entry: linked to no route, so the build warns). */
+export function directCss(file: string): string[] {
+  const src = readFileSync(file, 'utf8')
+  const t = new Bun.Transpiler({ loader: file.endsWith('.tsx') ? 'tsx' : 'ts' })
+  return t
+    .scanImports(src)
+    .filter((i) => i.kind === 'import-statement' && i.path.endsWith('.css'))
+    .map((i) => i.path)
+}