umtandClaude Fable 5.1
b22c440139
- pnpm workspace: apps/{web,server}, packages/{contracts,db,domain,adapters,tasks,agent,testkit}
- server: Hono + zod-openapi, API Key auth with scopes, redacting pino logger, SSE event bus with replay, worker heartbeat
- db: Kysely + pg, file migrator, 0001_init (settings/api_key/audit_event/outbox_event)
- web: React Router 7 SPA console shell with 12 workspace placeholders, uhd_web tokens/ui/guard scripts
- docs: ADR-001 (Node over Deno), dev runbook, design system rules
Co-Authored-By: Claude Fable 5.1 <[email protected]>
40 lines
1.9 KiB
JavaScript
40 lines
1.9 KiB
JavaScript
#!/usr/bin/env node
|
|
// 从 apps/web/app/app.css 抽出自定义工具类的 token 名,生成 app/lib/design-tokens.generated.ts,
|
|
// 供 cn() 的 tailwind-merge 登记。不登记的话合并器会把 `text-control` 当成文字颜色、
|
|
// 和 `text-muted-foreground` 冲突后丢掉字号(2026-09-12 页面级复验抓到的)。
|
|
// 手动维护登记表会漂移,所以改成生成:改了 app.css 跑 `pnpm gen:tokens`,CI 校验生成物是最新的。
|
|
import { readFileSync, writeFileSync } from "node:fs";
|
|
|
|
const css = readFileSync(new URL("../app/app.css", import.meta.url), "utf8");
|
|
const pick = (ns) => [
|
|
...new Set([...css.matchAll(new RegExp(`^\\s*--${ns}-([a-z0-9-]+)\\s*:`, "gm"))].map((m) => m[1])),
|
|
];
|
|
const tokens = {
|
|
fontSizes: pick("text").filter((n) => !/^(xs|sm|base|lg|xl|\dxl)$/.test(n)),
|
|
eases: pick("ease"),
|
|
radii: pick("radius"),
|
|
durations: [...new Set([...css.matchAll(/^@utility duration-([a-z0-9-]+)/gm)].map((m) => m[1]))],
|
|
};
|
|
const out = `// 由 scripts/gen-design-tokens.mjs 从 app/app.css 生成,不要手改;改了 app.css 跑 pnpm gen:tokens
|
|
export const DESIGN_TOKENS = ${JSON.stringify(tokens, null, 2)} as const;
|
|
`;
|
|
const target = new URL("../app/lib/design-tokens.generated.ts", import.meta.url);
|
|
if (process.argv.includes("--check")) {
|
|
let current = "";
|
|
try {
|
|
current = readFileSync(target, "utf8");
|
|
} catch {}
|
|
if (current !== out) {
|
|
console.error("app/lib/design-tokens.generated.ts 已过期,运行 pnpm gen:tokens");
|
|
process.exit(1);
|
|
}
|
|
console.log(
|
|
`design token 登记表是最新的(字号 ${tokens.fontSizes.length} / 缓动 ${tokens.eases.length} / 圆角 ${tokens.radii.length} / 时长 ${tokens.durations.length})`,
|
|
);
|
|
} else {
|
|
writeFileSync(target, out);
|
|
console.log(
|
|
`已生成 app/lib/design-tokens.generated.ts(字号 ${tokens.fontSizes.length} / 缓动 ${tokens.eases.length} / 圆角 ${tokens.radii.length} / 时长 ${tokens.durations.length})`,
|
|
);
|
|
}
|