@trinityui/design-system-css 2.4.1 → 2.6.0

package/build.mjs

@@ -0,0 +1,73 @@
+#!/usr/bin/env node
+/**
+ * Build script for @trinityui/design-system-css.
+ *
+ * Reads the auto-generated CSS source (produced by
+ * `scripts/generate-css-from-tokens.ts` from `src/tokens.ts`) and emits:
+ *   dist/trinity.css      — identical copy of source (pretty, with banner)
+ *   dist/trinity.min.css  — minified via esbuild for production consumers
+ *
+ * The previous hand-maintained `src/styles/trinity.css` has been retired —
+ * the canonical CSS is now generated from `tokens.ts`, so token updates
+ * (WCAG fixes, new semantic tokens) reach CSS-only consumers automatically.
+ * Fails loudly if the source is missing (`cp` would silently ship empty).
+ */
+import { readFile, writeFile, mkdir, stat } from "node:fs/promises";
+import { fileURLToPath } from "node:url";
+import { dirname, resolve } from "node:path";
+import { transform } from "esbuild";
+
+const here = dirname(fileURLToPath(import.meta.url));
+const SOURCE = resolve(here, "../../src/styles/trinity-generated.css");
+const DIST = resolve(here, "dist");
+const OUT = resolve(DIST, "trinity.css");
+const OUT_MIN = resolve(DIST, "trinity.min.css");
+
+async function fileExists(path) {
+  try {
+    await stat(path);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+async function main() {
+  if (!(await fileExists(SOURCE))) {
+    console.error(
+      `[design-system-css] source CSS not found at ${SOURCE}\n` +
+        `  expected the monorepo's src/styles/trinity.css to exist before this package builds.`,
+    );
+    process.exit(1);
+  }
+
+  const source = await readFile(SOURCE, "utf8");
+  if (source.trim().length === 0) {
+    console.error(`[design-system-css] source CSS is empty: ${SOURCE}`);
+    process.exit(1);
+  }
+
+  await mkdir(DIST, { recursive: true });
+
+  // 1) Pretty copy — what consumers get with `import '@trinityui/design-system-css'`.
+  await writeFile(OUT, source, "utf8");
+
+  // 2) Minified copy — for consumers that want smaller bytes in production.
+  const { code: minified } = await transform(source, {
+    loader: "css",
+    minify: true,
+  });
+  await writeFile(OUT_MIN, minified, "utf8");
+
+  const prettyKB = (source.length / 1024).toFixed(1);
+  const minKB = (minified.length / 1024).toFixed(1);
+  const savings = ((1 - minified.length / source.length) * 100).toFixed(0);
+  console.log(
+    `[design-system-css] built dist/trinity.css (${prettyKB} KB) and dist/trinity.min.css (${minKB} KB, -${savings}%)`,
+  );
+}
+
+main().catch((err) => {
+  console.error("[design-system-css] build failed:", err);
+  process.exit(1);
+});