@clafoutis/cli 1.1.1 → 1.1.2

package/dist/index.js

@@ -1,12 +1,16 @@
 #!/usr/bin/env node
 import * as p2 from '@clack/prompts';
 import { Command } from 'commander';
+import { generate } from '@clafoutis/generators/figma';
+import { generate as generate$1 } from '@clafoutis/generators/tailwind';
 import { logger } from '@clafoutis/shared';
-import path2 from 'path';
+import path from 'path';
 import StyleDictionary from 'style-dictionary';
-import { pathToFileURL } from 'url';
+import { register } from 'tsx/esm/api';
+import { fileURLToPath, pathToFileURL } from 'url';
 import { Ajv } from 'ajv';
 import fs from 'fs/promises';
+import fs2 from 'fs';
 import { spawn } from 'child_process';
 
 // src/utils/errors.ts
@@ -159,8 +163,8 @@ function findUnknownFields(config, schemaProperties, prefix = "") {
   }
   return unknown;
 }
-function hasField(config, path4) {
-  const parts = path4.split(".");
+function hasField(config, path5) {
+  const parts = path5.split(".");
   let current = config;
   for (const part of parts) {
     if (current && typeof current === "object" && part in current) {
@@ -488,232 +492,38 @@ function getConsumerGitignore() {
 .clafoutis/cache
 `;
 }
-
-// src/templates/tokens.ts
-var colorPrimitives = {
-  color: {
-    gray: {
-      50: { $value: "#fafafa" },
-      100: { $value: "#f5f5f5" },
-      200: { $value: "#e5e5e5" },
-      300: { $value: "#d4d4d4" },
-      400: { $value: "#a3a3a3" },
-      500: { $value: "#737373" },
-      600: { $value: "#525252" },
-      700: { $value: "#404040" },
-      800: { $value: "#262626" },
-      900: { $value: "#171717" }
-    },
-    blue: {
-      50: { $value: "#eff6ff" },
-      100: { $value: "#dbeafe" },
-      200: { $value: "#bfdbfe" },
-      300: { $value: "#93c5fd" },
-      400: { $value: "#60a5fa" },
-      500: { $value: "#3b82f6" },
-      600: { $value: "#2563eb" },
-      700: { $value: "#1d4ed8" },
-      800: { $value: "#1e40af" },
-      900: { $value: "#1e3a8a" }
-    },
-    green: {
-      50: { $value: "#f0fdf4" },
-      100: { $value: "#dcfce7" },
-      200: { $value: "#bbf7d0" },
-      300: { $value: "#86efac" },
-      400: { $value: "#4ade80" },
-      500: { $value: "#22c55e" },
-      600: { $value: "#16a34a" },
-      700: { $value: "#15803d" },
-      800: { $value: "#166534" },
-      900: { $value: "#14532d" }
-    },
-    red: {
-      50: { $value: "#fef2f2" },
-      100: { $value: "#fee2e2" },
-      200: { $value: "#fecaca" },
-      300: { $value: "#fca5a5" },
-      400: { $value: "#f87171" },
-      500: { $value: "#ef4444" },
-      600: { $value: "#dc2626" },
-      700: { $value: "#b91c1c" },
-      800: { $value: "#991b1b" },
-      900: { $value: "#7f1d1d" }
-    },
-    amber: {
-      50: { $value: "#fffbeb" },
-      100: { $value: "#fef3c7" },
-      200: { $value: "#fde68a" },
-      300: { $value: "#fcd34d" },
-      400: { $value: "#fbbf24" },
-      500: { $value: "#f59e0b" },
-      600: { $value: "#d97706" },
-      700: { $value: "#b45309" },
-      800: { $value: "#92400e" },
-      900: { $value: "#78350f" }
-    }
-  }
-};
-var colorSemantics = {
-  color: {
-    primary: {
-      50: { $value: "{color.blue.50}" },
-      100: { $value: "{color.blue.100}" },
-      200: { $value: "{color.blue.200}" },
-      300: { $value: "{color.blue.300}" },
-      400: { $value: "{color.blue.400}" },
-      500: { $value: "{color.blue.500}" },
-      600: { $value: "{color.blue.600}" },
-      700: { $value: "{color.blue.700}" },
-      800: { $value: "{color.blue.800}" },
-      900: { $value: "{color.blue.900}" }
-    },
-    neutral: {
-      50: { $value: "{color.gray.50}" },
-      100: { $value: "{color.gray.100}" },
-      200: { $value: "{color.gray.200}" },
-      300: { $value: "{color.gray.300}" },
-      400: { $value: "{color.gray.400}" },
-      500: { $value: "{color.gray.500}" },
-      600: { $value: "{color.gray.600}" },
-      700: { $value: "{color.gray.700}" },
-      800: { $value: "{color.gray.800}" },
-      900: { $value: "{color.gray.900}" }
-    },
-    success: {
-      50: { $value: "{color.green.50}" },
-      100: { $value: "{color.green.100}" },
-      200: { $value: "{color.green.200}" },
-      300: { $value: "{color.green.300}" },
-      400: { $value: "{color.green.400}" },
-      500: { $value: "{color.green.500}" },
-      600: { $value: "{color.green.600}" },
-      700: { $value: "{color.green.700}" },
-      800: { $value: "{color.green.800}" },
-      900: { $value: "{color.green.900}" }
-    },
-    warning: {
-      50: { $value: "{color.amber.50}" },
-      100: { $value: "{color.amber.100}" },
-      200: { $value: "{color.amber.200}" },
-      300: { $value: "{color.amber.300}" },
-      400: { $value: "{color.amber.400}" },
-      500: { $value: "{color.amber.500}" },
-      600: { $value: "{color.amber.600}" },
-      700: { $value: "{color.amber.700}" },
-      800: { $value: "{color.amber.800}" },
-      900: { $value: "{color.amber.900}" }
-    },
-    error: {
-      50: { $value: "{color.red.50}" },
-      100: { $value: "{color.red.100}" },
-      200: { $value: "{color.red.200}" },
-      300: { $value: "{color.red.300}" },
-      400: { $value: "{color.red.400}" },
-      500: { $value: "{color.red.500}" },
-      600: { $value: "{color.red.600}" },
-      700: { $value: "{color.red.700}" },
-      800: { $value: "{color.red.800}" },
-      900: { $value: "{color.red.900}" }
-    },
-    background: {
-      default: { $value: "{color.gray.50}" },
-      subtle: { $value: "{color.gray.100}" },
-      muted: { $value: "{color.gray.200}" }
-    },
-    foreground: {
-      default: { $value: "{color.gray.900}" },
-      muted: { $value: "{color.gray.600}" },
-      subtle: { $value: "{color.gray.500}" }
-    },
-    border: {
-      default: { $value: "{color.gray.200}" },
-      muted: { $value: "{color.gray.100}" }
-    }
-  }
-};
-var colorSemanticsDark = {
-  color: {
-    background: {
-      default: { $value: "{color.gray.900}" },
-      subtle: { $value: "{color.gray.800}" },
-      muted: { $value: "{color.gray.700}" }
-    },
-    foreground: {
-      default: { $value: "{color.gray.50}" },
-      muted: { $value: "{color.gray.400}" },
-      subtle: { $value: "{color.gray.500}" }
-    },
-    border: {
-      default: { $value: "{color.gray.700}" },
-      muted: { $value: "{color.gray.800}" }
+var __filename$1 = fileURLToPath(import.meta.url);
+var __dirname$1 = path.dirname(__filename$1);
+function getTokensDir() {
+  const devPath = path.resolve(__dirname$1, "tokens");
+  if (fs2.existsSync(devPath)) return devPath;
+  const distPath = path.resolve(__dirname$1, "templates", "tokens");
+  if (fs2.existsSync(distPath)) return distPath;
+  throw new Error(
+    `Starter token templates not found. Searched:
+  ${devPath}
+  ${distPath}`
+  );
+}
+function walkTokensDir(dir, base = "") {
+  const result = [];
+  for (const entry of fs2.readdirSync(dir, { withFileTypes: true })) {
+    const relPath = base ? path.join(base, entry.name) : entry.name;
+    const fullPath = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      result.push(...walkTokensDir(fullPath, relPath));
+    } else if (entry.name.endsWith(".json")) {
+      result.push({
+        path: relPath,
+        content: fs2.readFileSync(fullPath, "utf-8")
+      });
     }
   }
-};
-var spacingPrimitives = {
-  spacing: {
-    0: { $value: "0" },
-    1: { $value: "0.25rem" },
-    2: { $value: "0.5rem" },
-    3: { $value: "0.75rem" },
-    4: { $value: "1rem" },
-    5: { $value: "1.25rem" },
-    6: { $value: "1.5rem" },
-    8: { $value: "2rem" },
-    10: { $value: "2.5rem" },
-    12: { $value: "3rem" },
-    16: { $value: "4rem" },
-    20: { $value: "5rem" },
-    24: { $value: "6rem" }
-  }
-};
-var typographyPrimitives = {
-  fontFamily: {
-    sans: { $value: "ui-sans-serif, system-ui, sans-serif" },
-    serif: { $value: "ui-serif, Georgia, serif" },
-    mono: { $value: "ui-monospace, monospace" }
-  },
-  fontSize: {
-    xs: { $value: "0.75rem" },
-    sm: { $value: "0.875rem" },
-    base: { $value: "1rem" },
-    lg: { $value: "1.125rem" },
-    xl: { $value: "1.25rem" },
-    "2xl": { $value: "1.5rem" },
-    "3xl": { $value: "1.875rem" },
-    "4xl": { $value: "2.25rem" }
-  },
-  fontWeight: {
-    normal: { $value: "400" },
-    medium: { $value: "500" },
-    semibold: { $value: "600" },
-    bold: { $value: "700" }
-  },
-  lineHeight: {
-    tight: { $value: "1.25" },
-    normal: { $value: "1.5" },
-    relaxed: { $value: "1.75" }
-  }
-};
-var starterTokens = {
-  "colors/primitives.json": colorPrimitives,
-  "colors/semantic.json": colorSemantics,
-  "colors/semantic.dark.json": colorSemanticsDark,
-  "spacing/primitives.json": spacingPrimitives,
-  "typography/primitives.json": typographyPrimitives
-};
-function getStarterTokenContent(fileName) {
-  const tokens = starterTokens[fileName];
-  if (!tokens) {
-    throw new Error(`Unknown starter token file: ${fileName}`);
-  }
-  return JSON.stringify(tokens, null, 2) + "\n";
+  return result;
 }
 function getAllStarterTokens() {
-  return Object.keys(starterTokens).map((fileName) => ({
-    path: fileName,
-    content: getStarterTokenContent(fileName)
-  }));
+  const tokensDir = getTokensDir();
+  return walkTokensDir(tokensDir);
 }
 
 // src/templates/workflow.ts
@@ -984,9 +794,9 @@ async function createProducerConfig(answers, force, dryRun) {
       description: `tokens: "${answers.tokens}", output: "${answers.output}"`
     }
   ];
-  const starterTokens2 = getAllStarterTokens();
-  for (const token of starterTokens2) {
-    const tokenPath = path2.join(answers.tokens, token.path);
+  const starterTokens = getAllStarterTokens();
+  for (const token of starterTokens) {
+    const tokenPath = path.join(answers.tokens, token.path);
     if (!force && await fileExists(tokenPath)) {
       continue;
     }
@@ -1080,7 +890,7 @@ function showDryRunOutput(files) {
 }
 async function writeFiles(files) {
   for (const file of files) {
-    const dir = path2.dirname(file.path);
+    const dir = path.dirname(file.path);
     await fs.mkdir(dir, { recursive: true });
     await fs.writeFile(file.path, file.content);
     log3.success(`Created ${file.path}`);
@@ -1103,9 +913,8 @@ function showNextSteps(mode, answers) {
 
 // src/commands/generate.ts
 async function loadPlugin(pluginPath) {
-  const absolutePath = path2.resolve(process.cwd(), pluginPath);
+  const absolutePath = path.resolve(process.cwd(), pluginPath);
   if (pluginPath.endsWith(".ts")) {
-    const { register } = await import('tsx/esm/api');
     register();
   }
   return import(pathToFileURL(absolutePath).href);
@@ -1150,8 +959,8 @@ async function generateCommand(options) {
   if (options.output) {
     config.output = options.output;
   }
-  const tokensDir = path2.resolve(process.cwd(), config.tokens || "./tokens");
-  const outputDir = path2.resolve(process.cwd(), config.output || "./build");
+  const tokensDir = path.resolve(process.cwd(), config.tokens || "./tokens");
+  const outputDir = path.resolve(process.cwd(), config.output || "./build");
   if (!await fileExists(tokensDir)) {
     throw tokensDirNotFoundError(tokensDir);
   }
@@ -1190,22 +999,17 @@ async function generateCommand(options) {
         }
       } else {
         const builtInGenerators = {
-          tailwind: async () => import('@clafoutis/generators/tailwind'),
-          figma: async () => import('@clafoutis/generators/figma')
+          tailwind: { generate: () => generate$1() },
+          figma: { generate: () => generate() }
         };
         if (!builtInGenerators[name]) {
           throw generatorNotFoundError(name);
         }
-        try {
-          generatorModule = await builtInGenerators[name]();
-        } catch (err) {
-          const errorMessage = err instanceof Error ? err.message : String(err);
-          throw pluginLoadError(`@clafoutis/generators/${name}`, errorMessage);
-        }
+        generatorModule = builtInGenerators[name];
       }
       const context = {
         tokensDir,
-        outputDir: path2.join(outputDir, name),
+        outputDir: path.join(outputDir, name),
         config,
         StyleDictionary
       };
@@ -1312,8 +1116,8 @@ async function writeOutput(config, files) {
   for (const [assetName, content] of files) {
     const configPath = config.files[assetName];
     if (!configPath) continue;
-    const outputPath = path2.resolve(process.cwd(), configPath);
-    await fs.mkdir(path2.dirname(outputPath), { recursive: true });
+    const outputPath = path.resolve(process.cwd(), configPath);
+    await fs.mkdir(path.dirname(outputPath), { recursive: true });
     await fs.writeFile(outputPath, content);
     logger.success(`Written: ${outputPath}`);
   }
@@ -1359,7 +1163,7 @@ async function syncCommand(options) {
     }
     return;
   }
-  const resolveOutputPaths = () => Object.values(config.files).map((p5) => path2.resolve(process.cwd(), p5));
+  const resolveOutputPaths = () => Object.values(config.files).map((p5) => path.resolve(process.cwd(), p5));
   if (!isLatest && !options.force && config.version === cachedVersion) {
     const outputPaths = resolveOutputPaths();
     const existsResults = await Promise.all(