#!/usr/bin/env node // Measures the "install footprint" of each starter template, i.e. what a user // actually gets when they scaffold it: // - own LOC: the template's own tracked source (app glue, config) // - /ui LOC: the packages/ui components it pulls in. Aliased templates import // @/components/* -> packages/ui/src/* via tsconfig paths, so those files are // copied into a user's project on scaffold but live outside templates/ in // this repo. We resolve them by walking the import graph from each template. // - bundle: gzipped client JS emitted by `next build` (.next/static/**/*.js) // // Usage: // node scripts/template-metrics.mjs measure // node scripts/template-metrics.mjs report [gateFile] [commentFile] // // report writes "pass"/"fail" to gateFile based on the regression thresholds // (env: MAX_LOC_INCREASE applied to total LOC, MAX_BUNDLE_INCREASE_KB). import { execFileSync } from "node:child_process"; import { readFileSync, writeFileSync, readdirSync, existsSync, statSync, } from "node:fs"; import { gzipSync } from "node:zlib"; import { join, extname, dirname, resolve } from "node:path"; const CODE_EXT = new Set([ ".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs", ".css", ]); const RESOLVE_EXT = [".tsx", ".ts", ".jsx", ".js"]; function listTemplates(root) { return readdirSync(join(root, "templates"), { withFileTypes: true }) .filter( (d) => d.isDirectory() && existsSync(join(root, "templates", d.name, "package.json")), ) .map((d) => d.name) .sort(); } function trackedFiles(root, dir) { return execFileSync("git", ["ls-files", "--", dir], { cwd: root, encoding: "utf8", }) .split("\n") .filter(Boolean); } function lineCount(file) { const text = readFileSync(file, "utf8"); // A trailing newline yields a phantom empty element; strip one so a new // N-line file counts as N, not N+1 (which would skew new-file deltas). return text === "" ? 0 : text.replace(/\n$/, "").split("\n").length; } // tsconfig `paths` -> longest-prefix alias matchers, resolved against the // template dir so "@/components/ui/*" can point into ../../packages/ui/src. function loadAliases(tplDir) { const tsconfig = join(tplDir, "tsconfig.json"); if (!existsSync(tsconfig)) return []; // tsconfig values contain "/*" (e.g. "./*"), so strip only full-line "//" // comments and trailing commas; never block comments. Parse raw first. const raw = readFileSync(tsconfig, "utf8"); let parsed; try { parsed = JSON.parse(raw); } catch { parsed = JSON.parse( raw.replace(/^\s*\/\/.*$/gm, "").replace(/,(\s*[}\]])/g, "$1"), ); } const paths = parsed.compilerOptions?.paths ?? {}; return Object.entries(paths) .map(([key, targets]) => ({ prefix: key.replace(/\*$/, ""), targets: targets.map((target) => target.replace(/\*$/, "")), })) .sort((a, b) => b.prefix.length - a.prefix.length); } function isFile(p) { return existsSync(p) && statSync(p).isFile(); } function resolveCandidate(target) { for (const ext of RESOLVE_EXT) { const direct = target + ext; if (isFile(direct)) return direct; const index = join(target, `index${ext}`); if (isFile(index)) return index; } return isFile(target) ? target : null; } // Alias targets are tsconfig fallback arrays: entries are tried in order and // the first that exists wins, matching bundler resolution. function resolveModule(fromFile, spec, tplDir, aliases) { if (spec.startsWith("@/")) { const alias = aliases.find((a) => spec.startsWith(a.prefix)); if (!alias) return null; for (const target of alias.targets) { const resolved = resolveCandidate( resolve(tplDir, target + spec.slice(alias.prefix.length)), ); if (resolved) return resolved; } return null; } if (spec.startsWith(".")) { return resolveCandidate(resolve(dirname(fromFile), spec)); } return null; } function importsOf(file) { const src = readFileSync(file, "utf8"); const specs = []; const re = /(?:from|import)\s+["']([^"']+)["']/g; let m; while ((m = re.exec(src))) specs.push(m[1]); return specs; } // Owned template files all ship; packages/ui files count only when reachable // from the template's imports (a user only gets the components they use). function footprintFor(root, name) { // Absolute paths throughout so seeds match the resolver's output and the // visited Set dedups correctly (relative + absolute spellings would double). const tplDir = resolve(root, "templates", name); const aliases = loadAliases(tplDir); const seeds = trackedFiles(root, `templates/${name}`) .filter((f) => CODE_EXT.has(extname(f))) .map((f) => resolve(root, f)); const visited = new Set(); const stack = [...seeds]; while (stack.length) { const file = stack.pop(); if (visited.has(file)) continue; visited.add(file); if (!/\.(tsx?|jsx?)$/.test(file)) continue; for (const spec of importsOf(file)) { const resolved = resolveModule(file, spec, tplDir, aliases); if (resolved && !visited.has(resolved)) stack.push(resolved); } } let ownLoc = 0; let uiLoc = 0; for (const file of visited) { const loc = lineCount(file); if (file.includes("/packages/ui/")) uiLoc += loc; else ownLoc += loc; } return { ownLoc, uiLoc }; } function walkJs(dir, acc) { for (const entry of readdirSync(dir, { withFileTypes: true })) { const p = join(dir, entry.name); if (entry.isDirectory()) walkJs(p, acc); else if (entry.name.endsWith(".js")) acc.push(p); } } function bundleGzipFor(root, name) { const staticDir = join(root, "templates", name, ".next", "static"); if (!existsSync(staticDir)) return null; const files = []; walkJs(staticDir, files); let bytes = 0; for (const f of files) bytes += gzipSync(readFileSync(f)).length; return bytes; } function measure(root, outJson) { const result = listTemplates(root).map((name) => ({ name, ...footprintFor(root, name), bundleGzip: bundleGzipFor(root, name), })); writeFileSync(outJson, JSON.stringify(result, null, 2)); } function totalLoc(t) { return t.ownLoc + t.uiLoc; } function kb(bytes) { return `${(bytes / 1024).toFixed(1)} KB`; } function signedKb(bytes) { return `${bytes >= 0 ? "+" : "-"}${kb(Math.abs(bytes))}`; } function locCell(cur, base) { if (base == null) return `${cur} (new)`; const d = cur - base; return `${cur} (${d === 0 ? "0" : `${d > 0 ? "+" : ""}${d}`})`; } function bundleCell(cur, base) { if (cur == null) return "n/a"; if (base == null) return `${kb(cur)} (new)`; const d = cur - base; return `${kb(cur)} (${d === 0 ? "0" : signedKb(d)})`; } function hasLocChange(t, base, hasBaseline) { if (!hasBaseline) return false; if (!base || base.ownLoc == null) return true; return t.ownLoc !== base.ownLoc || t.uiLoc !== base.uiLoc; } // Per-template thresholds (env-overridable). A template "regresses" when it // already existed on the baseline and grows past either limit. The LOC limit // applies to total footprint (own + /ui). const MAX_LOC_INCREASE = Number(process.env.MAX_LOC_INCREASE ?? 50); const MAX_BUNDLE_INCREASE_KB = Number(process.env.MAX_BUNDLE_INCREASE_KB ?? 10); function regression(t, base) { // base.ownLoc missing => incompatible/legacy baseline schema; treat as no // baseline so the LOC gate can't silently fail open on a NaN comparison. if (!base || base.ownLoc == null) return null; const reasons = []; const locDelta = totalLoc(t) - totalLoc(base); if (locDelta > MAX_LOC_INCREASE) { reasons.push(`LOC +${locDelta} > ${MAX_LOC_INCREASE}`); } if (t.bundleGzip != null && base.bundleGzip != null) { const bundleDelta = t.bundleGzip - base.bundleGzip; if (bundleDelta > MAX_BUNDLE_INCREASE_KB * 1024) { reasons.push( `bundle ${signedKb(bundleDelta)} > +${MAX_BUNDLE_INCREASE_KB} KB`, ); } } return reasons.length ? reasons : null; } function report(baseJson, headJson, outMd, gateFile, commentFile) { const head = JSON.parse(readFileSync(headJson, "utf8")); const base = baseJson && existsSync(baseJson) ? JSON.parse(readFileSync(baseJson, "utf8")) : []; const baseByName = new Map(base.map((t) => [t.name, t])); const headByName = new Map(head.map((t) => [t.name, t])); const hasBaseline = base.length > 0; const regressions = []; let hasAnyLocChange = base.some( (t) => t.ownLoc != null && !headByName.has(t.name), ); const rows = head.map((t) => { const b = baseByName.get(t.name); const reasons = regression(t, b); if (reasons) regressions.push({ name: t.name, reasons }); if (hasLocChange(t, b, hasBaseline)) hasAnyLocChange = true; return [ t.name, locCell(t.ownLoc, b?.ownLoc), locCell(t.uiLoc, b?.uiLoc), locCell(totalLoc(t), b && b.ownLoc != null ? totalLoc(b) : null), bundleCell(t.bundleGzip, b?.bundleGzip ?? null), reasons ? "⚠️" : "✅", ]; }); const lines = [ "", "## 📦 Template install footprint", "", "Lines copied into your project on scaffold: **Own** (template glue) + **/ui** (shared `packages/ui` components it imports). Bundle = gzipped client JS from `next build`. Each cell shows `current (Δ vs main)`.", "", "| Template | Own LOC | /ui LOC | Total LOC | Bundle (gz) | Status |", "| --- | ---: | ---: | ---: | ---: | --- |", ...rows.map((r) => `| ${r.join(" | ")} |`), "", ]; if (base.length === 0) { lines.push( "_No baseline found - deltas will appear once `main` has been measured._", ); } else if (regressions.length) { lines.push( `**Gate failed** - ${regressions.length} template(s) regressed past the configured limits (LOC +${MAX_LOC_INCREASE}, bundle +${MAX_BUNDLE_INCREASE_KB} KB):`, ...regressions.map((r) => `- \`${r.name}\`: ${r.reasons.join("; ")}`), ); } else { lines.push( "_Within limits. Bundle measured for a representative subset; templates without a build show `n/a`._", ); } writeFileSync(outMd, lines.join("\n")); if (gateFile) writeFileSync(gateFile, regressions.length ? "fail" : "pass"); if (commentFile) writeFileSync( commentFile, hasAnyLocChange || regressions.length ? "post" : "skip", ); } const [cmd, ...args] = process.argv.slice(2); if (cmd === "measure") measure(args[0], args[1]); else if (cmd === "report") report(args[0] || "", args[1], args[2], args[3], args[4]); else { console.error("usage: template-metrics.mjs measure|report ..."); process.exit(1); }