bdsg-cli 0.1.0

package/dist/commands/validate.js

@@ -0,0 +1,63 @@
+import { adjustColorForContrast, calculateContrast, meetsWCAG } from "bdsg";
+import chalk from "chalk";
+import { Command } from "commander";
+export const validateCommand = new Command("validate")
+    .description("Validate WCAG contrast between colors")
+    .argument("<foreground>", "Foreground color in hex format")
+    .argument("<background>", "Background color in hex format")
+    .option("-l, --level <level>", "Target WCAG level (AA, AAA)", "AA")
+    .option("-s, --size <size>", "Text size (normal, large)", "normal")
+    .action((foreground, background, options) => {
+    console.log(chalk.bold("\n Contrast Analysis\n"));
+    // Calculate contrast
+    const ratio = calculateContrast(foreground, background);
+    // Check each combination
+    const AANormal = meetsWCAG(ratio, "AA", "normal");
+    const AALarge = meetsWCAG(ratio, "AA", "large");
+    const AAANormal = meetsWCAG(ratio, "AAA", "normal");
+    const AAALarge = meetsWCAG(ratio, "AAA", "large");
+    // Display colors
+    console.log(chalk.dim("Colors"));
+    console.log(chalk.dim("──────────────────"));
+    console.log(`  Foreground: ${chalk.hex(foreground)(foreground)}`);
+    console.log(`  Background: ${chalk.hex(background)("████")} ${background}`);
+    console.log(`  Ratio:      ${chalk.bold(ratio.toFixed(2))}:1`);
+    console.log();
+    // WCAG Results
+    console.log(chalk.dim("WCAG Results"));
+    console.log(chalk.dim("──────────────────"));
+    const passSymbol = chalk.green("✓ Pass");
+    const failSymbol = chalk.red("✗ Fail");
+    console.log(`  AA Normal Text:  ${AANormal ? passSymbol : failSymbol} (needs 4.5:1)`);
+    console.log(`  AA Large Text:   ${AALarge ? passSymbol : failSymbol} (needs 3.0:1)`);
+    console.log(`  AAA Normal Text: ${AAANormal ? passSymbol : failSymbol} (needs 7.0:1)`);
+    console.log(`  AAA Large Text:  ${AAALarge ? passSymbol : failSymbol} (needs 4.5:1)`);
+    console.log();
+    // Suggest fix if failing target level
+    const targetLevel = options.level;
+    const textSize = options.size;
+    const targetMet = meetsWCAG(ratio, targetLevel, textSize);
+    if (!targetMet) {
+        console.log(chalk.dim("Suggestion"));
+        console.log(chalk.dim("──────────────────"));
+        try {
+            const adjusted = adjustColorForContrast(foreground, background, targetLevel, textSize);
+            if (adjusted.adjusted !== foreground) {
+                console.log(`  For ${targetLevel} ${textSize} text compliance:`);
+                console.log(`  Try: ${chalk.hex(adjusted.adjusted)(adjusted.adjusted)} (ratio: ${adjusted.ratio.toFixed(2)}:1)`);
+                console.log(`  Strategy: ${adjusted.strategy}`);
+            }
+            else {
+                console.log(chalk.yellow("  Could not find a suitable adjustment."));
+            }
+        }
+        catch {
+            console.log(chalk.yellow("  Could not calculate adjustment."));
+        }
+        console.log();
+    }
+    else {
+        console.log(chalk.green(`✓ Colors meet ${targetLevel} ${textSize} text requirements!\n`));
+    }
+});
+//# sourceMappingURL=validate.js.map

package/dist/commands/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sourceRoot":"","sources":["../../src/commands/validate.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,15 @@
+#!/usr/bin/env node
+import { Command } from "commander";
+import { generateCommand } from "./commands/generate.js";
+import { initCommand } from "./commands/init.js";
+import { validateCommand } from "./commands/validate.js";
+const program = new Command();
+program
+    .name("bdsg")
+    .description("Design system generation CLI")
+    .version("0.1.0");
+program.addCommand(initCommand);
+program.addCommand(generateCommand);
+program.addCommand(validateCommand);
+program.parse();
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACL,IAAI,CAAC,MAAM,CAAC;KACZ,WAAW,CAAC,8BAA8B,CAAC;KAC3C,OAAO,CAAC,OAAO,CAAC,CAAC;AAEnB,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;AAChC,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;AACpC,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;AAEpC,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/dist/utils/files.d.ts

@@ -0,0 +1,12 @@
+import type { ColorPalette, ShadowScale, SpacingScale, TypographyScale } from "bdsg";
+interface TokensToWrite {
+    palette: ColorPalette;
+    typography: TypographyScale;
+    spacing: SpacingScale;
+    shadows: ShadowScale;
+    format: "css" | "json" | "tailwind-v4" | "shadcn";
+    outputDir: string;
+}
+export declare function writeTokensToFile(tokens: TokensToWrite): Promise<void>;
+export {};
+//# sourceMappingURL=files.d.ts.map

package/dist/utils/files.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../src/utils/files.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,MAAM,MAAM,CAAC;AAEd,UAAU,aAAa;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAC;IAClD,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAY5E"}

package/dist/utils/files.js

@@ -0,0 +1,190 @@
+import { mkdir, writeFile } from "node:fs/promises";
+import { join } from "node:path";
+export async function writeTokensToFile(tokens) {
+    await mkdir(tokens.outputDir, { recursive: true });
+    if (tokens.format === "json") {
+        await writeJsonTokens(tokens);
+    }
+    else if (tokens.format === "tailwind-v4") {
+        await writeTailwindV4Tokens(tokens);
+    }
+    else if (tokens.format === "shadcn") {
+        await writeShadcnTokens(tokens);
+    }
+    else {
+        await writeCssTokens(tokens);
+    }
+}
+async function writeCssTokens(tokens) {
+    // Colors CSS
+    const colorsContent = generateColorsCss(tokens.palette);
+    await writeFile(join(tokens.outputDir, "colors.css"), colorsContent);
+    // Typography CSS
+    await writeFile(join(tokens.outputDir, "typography.css"), tokens.typography.cssVariables);
+    // Spacing CSS
+    await writeFile(join(tokens.outputDir, "spacing.css"), tokens.spacing.cssVariables);
+    // Shadows CSS
+    await writeFile(join(tokens.outputDir, "shadows.css"), tokens.shadows.cssVariables);
+}
+async function writeJsonTokens(tokens) {
+    // Colors JSON
+    const colors = {};
+    for (const [shade, data] of Object.entries(tokens.palette.shades)) {
+        colors[`primary-${shade}`] = data.value;
+    }
+    await writeFile(join(tokens.outputDir, "colors.json"), JSON.stringify({ colors }, null, 2));
+    // Typography JSON
+    const typography = {};
+    for (const token of tokens.typography.tokens) {
+        typography[token.name] = {
+            fontSize: token.fontSize,
+            lineHeight: token.lineHeight,
+            letterSpacing: token.letterSpacing,
+        };
+    }
+    await writeFile(join(tokens.outputDir, "typography.json"), JSON.stringify({ typography }, null, 2));
+    // Spacing JSON
+    const spacing = {};
+    for (const token of tokens.spacing.tokens) {
+        spacing[token.name] = {
+            value: token.formatted,
+            px: token.value,
+        };
+    }
+    await writeFile(join(tokens.outputDir, "spacing.json"), JSON.stringify({ spacing }, null, 2));
+    // Shadows JSON
+    const shadows = {};
+    for (const token of tokens.shadows.tokens) {
+        shadows[token.name] = token.value;
+    }
+    await writeFile(join(tokens.outputDir, "shadows.json"), JSON.stringify({ shadows }, null, 2));
+}
+async function writeTailwindV4Tokens(tokens) {
+    let content = '@import "tailwindcss";\n\n@theme {\n';
+    // Colors
+    for (const [shade, data] of Object.entries(tokens.palette.shades)) {
+        content += `  --color-primary-${shade}: ${data.value};\n`;
+    }
+    content += "\n";
+    // Typography
+    for (const token of tokens.typography.tokens) {
+        const remValue = token.fontSize / 16;
+        content += `  --font-size-${token.name}: ${remValue}rem;\n`;
+    }
+    content += "\n";
+    // Spacing
+    for (const token of tokens.spacing.tokens) {
+        content += `  --spacing-${token.name}: ${token.formatted};\n`;
+    }
+    content += "\n";
+    // Shadows
+    for (const token of tokens.shadows.tokens) {
+        content += `  --shadow-${token.name}: ${token.value};\n`;
+    }
+    content += "}\n";
+    await writeFile(join(tokens.outputDir, "theme.css"), content);
+}
+function generateColorsCss(palette) {
+    let css = ":root {\n";
+    for (const [shade, data] of Object.entries(palette.shades)) {
+        css += `  --color-primary-${shade}: ${data.value};\n`;
+    }
+    css += "}\n";
+    return css;
+}
+async function writeShadcnTokens(tokens) {
+    const shades = tokens.palette.shades;
+    // Light mode tokens (using palette shades)
+    const lightTokens = {
+        background: "#ffffff",
+        foreground: shades[900].value,
+        card: "#ffffff",
+        "card-foreground": shades[900].value,
+        popover: "#ffffff",
+        "popover-foreground": shades[900].value,
+        primary: shades[500].value,
+        "primary-foreground": shades[50].value,
+        secondary: shades[100].value,
+        "secondary-foreground": shades[900].value,
+        muted: shades[100].value,
+        "muted-foreground": shades[500].value,
+        accent: shades[100].value,
+        "accent-foreground": shades[900].value,
+        destructive: "#ef4444",
+        border: shades[200].value,
+        input: shades[200].value,
+        ring: shades[500].value,
+    };
+    // Dark mode tokens (inverted)
+    const darkTokens = {
+        background: shades[900].value,
+        foreground: shades[50].value,
+        card: shades[800].value,
+        "card-foreground": shades[50].value,
+        popover: shades[800].value,
+        "popover-foreground": shades[50].value,
+        primary: shades[400].value,
+        "primary-foreground": shades[900].value,
+        secondary: shades[700].value,
+        "secondary-foreground": shades[50].value,
+        muted: shades[700].value,
+        "muted-foreground": shades[400].value,
+        accent: shades[700].value,
+        "accent-foreground": shades[50].value,
+        destructive: "#dc2626",
+        border: shades[700].value,
+        input: shades[700].value,
+        ring: shades[400].value,
+    };
+    let content = '@import "tailwindcss";\n\n';
+    // @theme block for Tailwind v4 mapping
+    content += "@custom-variant dark (&:is(.dark *));\n\n";
+    content += "@theme inline {\n";
+    content += "  --color-background: var(--background);\n";
+    content += "  --color-foreground: var(--foreground);\n";
+    content += "  --color-card: var(--card);\n";
+    content += "  --color-card-foreground: var(--card-foreground);\n";
+    content += "  --color-popover: var(--popover);\n";
+    content += "  --color-popover-foreground: var(--popover-foreground);\n";
+    content += "  --color-primary: var(--primary);\n";
+    content += "  --color-primary-foreground: var(--primary-foreground);\n";
+    content += "  --color-secondary: var(--secondary);\n";
+    content += "  --color-secondary-foreground: var(--secondary-foreground);\n";
+    content += "  --color-muted: var(--muted);\n";
+    content += "  --color-muted-foreground: var(--muted-foreground);\n";
+    content += "  --color-accent: var(--accent);\n";
+    content += "  --color-accent-foreground: var(--accent-foreground);\n";
+    content += "  --color-destructive: var(--destructive);\n";
+    content += "  --color-border: var(--border);\n";
+    content += "  --color-input: var(--input);\n";
+    content += "  --color-ring: var(--ring);\n";
+    content += "  --radius-sm: calc(var(--radius) - 4px);\n";
+    content += "  --radius-md: calc(var(--radius) - 2px);\n";
+    content += "  --radius-lg: var(--radius);\n";
+    content += "  --radius-xl: calc(var(--radius) + 4px);\n";
+    content += "}\n\n";
+    // :root with light mode tokens
+    content += ":root {\n";
+    content += "  --radius: 0.625rem;\n";
+    for (const [name, value] of Object.entries(lightTokens)) {
+        content += `  --${name}: ${value};\n`;
+    }
+    content += "}\n\n";
+    // .dark with dark mode tokens
+    content += ".dark {\n";
+    for (const [name, value] of Object.entries(darkTokens)) {
+        content += `  --${name}: ${value};\n`;
+    }
+    content += "}\n\n";
+    // Base layer
+    content += "@layer base {\n";
+    content += "  * {\n";
+    content += "    @apply border-border outline-ring/50;\n";
+    content += "  }\n";
+    content += "  body {\n";
+    content += "    @apply bg-background text-foreground;\n";
+    content += "  }\n";
+    content += "}\n";
+    await writeFile(join(tokens.outputDir, "globals.css"), content);
+}
+//# sourceMappingURL=files.js.map

package/dist/utils/files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.js","sourceRoot":"","sources":["../../src/utils/files.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,25 @@
+{
+	"name": "bdsg-cli",
+	"version": "0.1.0",
+	"description": "CLI for design system generation",
+	"type": "module",
+	"bin": {
+		"bdsg": "./dist/index.js"
+	},
+	"scripts": {
+		"build": "tsc",
+		"dev": "tsc --watch"
+	},
+	"dependencies": {
+		"bdsg": "workspace:*",
+		"commander": "^12.0.0",
+		"inquirer": "^9.2.0",
+		"chalk": "^5.3.0",
+		"ora": "^8.0.0"
+	},
+	"devDependencies": {
+		"@bdsg/config": "workspace:*",
+		"@types/inquirer": "^9.0.9",
+		"@types/node": "^25.0.6"
+	}
+}

package/src/commands/generate.ts

@@ -0,0 +1,236 @@
+import { mkdir, writeFile } from "node:fs/promises";
+import { join } from "node:path";
+import {
+	generatePalette,
+	generateShadows,
+	generateSpacingScale,
+	generateTypographyScale,
+} from "bdsg";
+import chalk from "chalk";
+import { Command } from "commander";
+import ora from "ora";
+
+export const generateCommand = new Command("generate")
+	.description("Generate specific design tokens")
+	.addCommand(
+		new Command("palette")
+			.description("Generate a color palette from a base color")
+			.argument("<color>", "Base color in hex format (e.g., #3B82F6)")
+			.option("-n, --name <name>", "Palette name", "primary")
+			.option("-o, --output <dir>", "Output directory", "./tokens")
+			.option("-f, --format <format>", "Output format (css, json)", "css")
+			.action(async (color, options) => {
+				const spinner = ora("Generating palette...").start();
+
+				try {
+					const palette = generatePalette(color, options.name);
+					await mkdir(options.output, { recursive: true });
+
+					if (options.format === "json") {
+						const colors: Record<string, string> = {};
+						for (const [shade, data] of Object.entries(palette.shades)) {
+							colors[`${options.name}-${shade}`] = data.value;
+						}
+						await writeFile(
+							join(options.output, `${options.name}.json`),
+							JSON.stringify({ colors }, null, 2),
+						);
+					} else {
+						let css = ":root {\n";
+						for (const [shade, data] of Object.entries(palette.shades)) {
+							css += `  --color-${options.name}-${shade}: ${data.value};\n`;
+						}
+						css += "}\n";
+						await writeFile(join(options.output, `${options.name}.css`), css);
+					}
+
+					spinner.succeed(chalk.green("Palette generated!"));
+					console.log(
+						chalk.dim(
+							`\nFile: ${options.output}/${options.name}.${options.format}`,
+						),
+					);
+					console.log();
+
+					// Show preview
+					console.log(chalk.bold("Color shades:"));
+					for (const [shade, data] of Object.entries(palette.shades)) {
+						console.log(`  ${shade}: ${data.value}`);
+					}
+					console.log();
+				} catch (error) {
+					spinner.fail(chalk.red("Failed to generate palette"));
+					console.error(error);
+					process.exit(1);
+				}
+			}),
+	)
+	.addCommand(
+		new Command("typography")
+			.description("Generate a typography scale")
+			.option("-r, --ratio <ratio>", "Scale ratio", "perfect-fourth")
+			.option("-b, --base <size>", "Base font size in px", "16")
+			.option("-o, --output <dir>", "Output directory", "./tokens")
+			.option("-f, --format <format>", "Output format (css, json)", "css")
+			.action(async (options) => {
+				const spinner = ora("Generating typography scale...").start();
+
+				try {
+					const typography = generateTypographyScale({
+						ratio: options.ratio,
+						base: Number.parseInt(options.base, 10),
+					});
+					await mkdir(options.output, { recursive: true });
+
+					if (options.format === "json") {
+						const tokens: Record<string, unknown> = {};
+						for (const token of typography.tokens) {
+							tokens[token.name] = {
+								fontSize: token.fontSize,
+								lineHeight: token.lineHeight,
+								letterSpacing: token.letterSpacing,
+							};
+						}
+						await writeFile(
+							join(options.output, "typography.json"),
+							JSON.stringify({ typography: tokens }, null, 2),
+						);
+					} else {
+						await writeFile(
+							join(options.output, "typography.css"),
+							typography.cssVariables,
+						);
+					}
+
+					spinner.succeed(chalk.green("Typography scale generated!"));
+					console.log(
+						chalk.dim(`\nFile: ${options.output}/typography.${options.format}`),
+					);
+					console.log();
+
+					// Show preview
+					console.log(chalk.bold("Font sizes:"));
+					for (const token of typography.tokens) {
+						console.log(`  ${token.name}: ${token.fontSize}px`);
+					}
+					console.log();
+				} catch (error) {
+					spinner.fail(chalk.red("Failed to generate typography"));
+					console.error(error);
+					process.exit(1);
+				}
+			}),
+	)
+	.addCommand(
+		new Command("spacing")
+			.description("Generate a spacing scale")
+			.option(
+				"-m, --method <method>",
+				"Spacing method (fibonacci, linear, t-shirt)",
+				"fibonacci",
+			)
+			.option("-b, --base <size>", "Base spacing in px", "8")
+			.option("-o, --output <dir>", "Output directory", "./tokens")
+			.option("-f, --format <format>", "Output format (css, json)", "css")
+			.action(async (options) => {
+				const spinner = ora("Generating spacing scale...").start();
+
+				try {
+					const spacing = generateSpacingScale({
+						method: options.method,
+						base: Number.parseInt(options.base, 10),
+					});
+					await mkdir(options.output, { recursive: true });
+
+					if (options.format === "json") {
+						const tokens: Record<string, unknown> = {};
+						for (const token of spacing.tokens) {
+							tokens[token.name] = {
+								value: token.formatted,
+								px: token.value,
+							};
+						}
+						await writeFile(
+							join(options.output, "spacing.json"),
+							JSON.stringify({ spacing: tokens }, null, 2),
+						);
+					} else {
+						await writeFile(
+							join(options.output, "spacing.css"),
+							spacing.cssVariables,
+						);
+					}
+
+					spinner.succeed(chalk.green("Spacing scale generated!"));
+					console.log(
+						chalk.dim(`\nFile: ${options.output}/spacing.${options.format}`),
+					);
+					console.log();
+
+					// Show preview
+					console.log(chalk.bold("Spacing values:"));
+					for (const token of spacing.tokens) {
+						console.log(`  ${token.name}: ${token.formatted}`);
+					}
+					console.log();
+				} catch (error) {
+					spinner.fail(chalk.red("Failed to generate spacing"));
+					console.error(error);
+					process.exit(1);
+				}
+			}),
+	)
+	.addCommand(
+		new Command("shadows")
+			.description("Generate shadow tokens")
+			.option(
+				"-s, --style <style>",
+				"Shadow style (material, soft, hard)",
+				"material",
+			)
+			.option("-o, --output <dir>", "Output directory", "./tokens")
+			.option("-f, --format <format>", "Output format (css, json)", "css")
+			.action(async (options) => {
+				const spinner = ora("Generating shadows...").start();
+
+				try {
+					const shadows = generateShadows({
+						style: options.style,
+					});
+					await mkdir(options.output, { recursive: true });
+
+					if (options.format === "json") {
+						const tokens: Record<string, string> = {};
+						for (const token of shadows.tokens) {
+							tokens[token.name] = token.value;
+						}
+						await writeFile(
+							join(options.output, "shadows.json"),
+							JSON.stringify({ shadows: tokens }, null, 2),
+						);
+					} else {
+						await writeFile(
+							join(options.output, "shadows.css"),
+							shadows.cssVariables,
+						);
+					}
+
+					spinner.succeed(chalk.green("Shadows generated!"));
+					console.log(
+						chalk.dim(`\nFile: ${options.output}/shadows.${options.format}`),
+					);
+					console.log();
+
+					// Show preview
+					console.log(chalk.bold("Shadow levels:"));
+					for (const token of shadows.tokens) {
+						console.log(`  ${token.name}: elevation ${token.elevation}`);
+					}
+					console.log();
+				} catch (error) {
+					spinner.fail(chalk.red("Failed to generate shadows"));
+					console.error(error);
+					process.exit(1);
+				}
+			}),
+	);