@ryndesign/cli 0.1.1

package/dist/init-AIT7XEQS.js

@@ -0,0 +1,254 @@
+import "./chunk-DGUM43GV.js";
+
+// src/commands/init.ts
+import { defineCommand } from "citty";
+import * as p from "@clack/prompts";
+import pc from "picocolors";
+import fs from "fs/promises";
+import path from "path";
+var init_default = defineCommand({
+  meta: {
+    name: "init",
+    description: "Initialize a new RynDesign project"
+  },
+  args: {
+    template: {
+      type: "string",
+      description: "Template to use (minimal or full)",
+      default: "minimal"
+    },
+    platforms: {
+      type: "string",
+      description: "Comma-separated list of target platforms"
+    }
+  },
+  async run({ args }) {
+    p.intro(pc.bgCyan(pc.black(" RynDesign Init ")));
+    const template = args.template || await p.select({
+      message: "Choose a template:",
+      options: [
+        { value: "minimal", label: "Minimal", hint: "Basic color, spacing, typography tokens" },
+        { value: "full", label: "Full", hint: "Complete token set with shadows, borders, gradients" }
+      ]
+    });
+    if (p.isCancel(template)) {
+      p.cancel("Operation cancelled.");
+      process.exit(0);
+    }
+    const platformsInput = args.platforms || await p.multiselect({
+      message: "Select target platforms:",
+      initialValues: ["react", "swiftui"],
+      options: [
+        { value: "react", label: "React", hint: "recommended" },
+        { value: "swiftui", label: "SwiftUI", hint: "recommended" },
+        { value: "vue", label: "Vue" },
+        { value: "svelte", label: "Svelte" },
+        { value: "rails", label: "Rails" },
+        { value: "uikit", label: "UIKit" },
+        { value: "compose", label: "Jetpack Compose" },
+        { value: "android-view", label: "Android View" }
+      ],
+      required: true
+    });
+    if (p.isCancel(platformsInput)) {
+      p.cancel("Operation cancelled.");
+      process.exit(0);
+    }
+    const platforms = Array.isArray(platformsInput) ? platformsInput : platformsInput.split(",").map((s2) => s2.trim());
+    const darkMode = await p.confirm({
+      message: "Enable dark mode support?",
+      initialValue: true
+    });
+    if (p.isCancel(darkMode)) {
+      p.cancel("Operation cancelled.");
+      process.exit(0);
+    }
+    const s = p.spinner();
+    s.start("Creating project files...");
+    const cwd = process.cwd();
+    await fs.mkdir(path.join(cwd, "tokens"), { recursive: true });
+    await fs.mkdir(path.join(cwd, "components"), { recursive: true });
+    await fs.mkdir(path.join(cwd, "generated"), { recursive: true });
+    const templateDir = path.resolve(
+      typeof __dirname !== "undefined" ? path.resolve(__dirname, "../../templates") : path.resolve(new URL(".", import.meta.url).pathname, "../../templates")
+    );
+    const templateFile = template === "full" ? "full.tokens.json" : "minimal.tokens.json";
+    try {
+      const templateContent = await fs.readFile(
+        path.join(templateDir, templateFile),
+        "utf-8"
+      );
+      await fs.writeFile(
+        path.join(cwd, "tokens", "base.tokens.json"),
+        templateContent
+      );
+    } catch {
+      await fs.writeFile(
+        path.join(cwd, "tokens", "base.tokens.json"),
+        JSON.stringify(getDefaultTokens(), null, 2)
+      );
+    }
+    await fs.writeFile(
+      path.join(cwd, "tokens", "semantic.tokens.json"),
+      JSON.stringify(getSemanticTokens(), null, 2)
+    );
+    if (darkMode) {
+      try {
+        const darkContent = await fs.readFile(
+          path.join(templateDir, "dark.tokens.json"),
+          "utf-8"
+        );
+        await fs.writeFile(
+          path.join(cwd, "tokens", "dark.tokens.json"),
+          darkContent
+        );
+      } catch {
+        await fs.writeFile(
+          path.join(cwd, "tokens", "dark.tokens.json"),
+          JSON.stringify(getDarkTokens(), null, 2)
+        );
+      }
+    }
+    const configContent = generateConfig(platforms, darkMode);
+    await fs.writeFile(path.join(cwd, "ryndesign.config.ts"), configContent);
+    try {
+      const buttonComp = await fs.readFile(
+        path.join(templateDir, "../components/button.component.json"),
+        "utf-8"
+      );
+      await fs.writeFile(
+        path.join(cwd, "components", "button.component.json"),
+        buttonComp
+      );
+    } catch {
+    }
+    const gitignorePath = path.join(cwd, ".gitignore");
+    try {
+      let gitignore = "";
+      try {
+        gitignore = await fs.readFile(gitignorePath, "utf-8");
+      } catch {
+      }
+      if (!gitignore.includes("generated/")) {
+        gitignore += (gitignore.endsWith("\n") || gitignore === "" ? "" : "\n") + "generated/\n";
+        await fs.writeFile(gitignorePath, gitignore);
+      }
+    } catch {
+    }
+    try {
+      const pkgJsonPath = path.join(cwd, "package.json");
+      const pkgContent = await fs.readFile(pkgJsonPath, "utf-8");
+      const pkg = JSON.parse(pkgContent);
+      if (!pkg.scripts) pkg.scripts = {};
+      if (!pkg.scripts["generate"]) pkg.scripts["generate"] = "ryndesign generate";
+      if (!pkg.scripts["preview"]) pkg.scripts["preview"] = "ryndesign preview";
+      await fs.writeFile(pkgJsonPath, JSON.stringify(pkg, null, 2) + "\n");
+    } catch {
+    }
+    s.stop("Project files created!");
+    p.note(
+      [
+        `${pc.green("tokens/")}       - Your design tokens`,
+        `${pc.green("components/")}    - Component definitions`,
+        `${pc.green("generated/")}     - Generated output (gitignored)`,
+        `${pc.green("ryndesign.config.ts")} - Configuration`
+      ].join("\n"),
+      "Project structure"
+    );
+    p.outro(pc.green("Run `ryndesign generate` to generate your design system!"));
+  }
+});
+function generateConfig(platforms, darkMode) {
+  const imports = [];
+  const generators = [];
+  for (const platform of platforms) {
+    const pkgName = `@ryndesign/generator-${platform}`;
+    const varName = platform.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+    imports.push(`import ${varName} from '${pkgName}';`);
+    if (["react", "vue", "svelte"].includes(platform)) {
+      generators.push(`    ${varName}({
+      outDir: 'generated/${platform}',
+      cssStrategy: 'css-variables',
+      typescript: true,${darkMode ? "\n      darkMode: 'media+class'," : ""}
+    })`);
+    } else {
+      generators.push(`    ${varName}({
+      outDir: 'generated/${platform}',
+    })`);
+    }
+  }
+  return `import { defineConfig } from '@ryndesign/cli';
+${imports.join("\n")}
+
+export default defineConfig({
+  tokens: ['tokens/**/*.tokens.json'],
+  components: ['components/**/*.component.json'],
+  outDir: 'generated',
+${darkMode ? `
+  themes: {
+    default: 'light',
+    dark: { file: 'tokens/dark.tokens.json' },
+  },
+` : ""}
+  generators: [
+${generators.join(",\n")}
+  ],
+
+  preview: { port: 4400, open: true },
+});
+`;
+}
+function getDefaultTokens() {
+  return {
+    color: {
+      $type: "color",
+      primary: { $value: "#3B82F6" },
+      white: { $value: "#FFFFFF" },
+      black: { $value: "#000000" },
+      gray: {
+        50: { $value: "#F9FAFB" },
+        900: { $value: "#111827" }
+      }
+    },
+    spacing: {
+      $type: "dimension",
+      sm: { $value: "8px" },
+      md: { $value: "16px" },
+      lg: { $value: "24px" }
+    }
+  };
+}
+function getSemanticTokens() {
+  return {
+    color: {
+      $type: "color",
+      background: {
+        primary: { $value: "{color.white}" },
+        secondary: { $value: "{color.gray.50}" }
+      },
+      text: {
+        primary: { $value: "{color.gray.900}" }
+      }
+    }
+  };
+}
+function getDarkTokens() {
+  return {
+    $description: "Dark theme overrides",
+    $extensions: { "com.ryndesign.theme": { name: "dark", extends: "default" } },
+    color: {
+      $type: "color",
+      background: {
+        primary: { $value: "{color.gray.900}" },
+        secondary: { $value: "{color.gray.800}" }
+      },
+      text: {
+        primary: { $value: "{color.gray.50}" }
+      }
+    }
+  };
+}
+export {
+  init_default as default
+};
+//# sourceMappingURL=init-AIT7XEQS.js.map

package/dist/init-AIT7XEQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/init.ts"],"sourcesContent":["import { defineCommand } from 'citty';\nimport * as p from '@clack/prompts';\nimport pc from 'picocolors';\nimport fs from 'node:fs/promises';\nimport path from 'node:path';\n\nexport default defineCommand({\n  meta: {\n    name: 'init',\n    description: 'Initialize a new RynDesign project',\n  },\n  args: {\n    template: {\n      type: 'string',\n      description: 'Template to use (minimal or full)',\n      default: 'minimal',\n    },\n    platforms: {\n      type: 'string',\n      description: 'Comma-separated list of target platforms',\n    },\n  },\n  async run({ args }) {\n    p.intro(pc.bgCyan(pc.black(' RynDesign Init ')));\n\n    const template = args.template || await p.select({\n      message: 'Choose a template:',\n      options: [\n        { value: 'minimal', label: 'Minimal', hint: 'Basic color, spacing, typography tokens' },\n        { value: 'full', label: 'Full', hint: 'Complete token set with shadows, borders, gradients' },\n      ],\n    }) as string;\n\n    if (p.isCancel(template)) {\n      p.cancel('Operation cancelled.');\n      process.exit(0);\n    }\n\n    const platformsInput = args.platforms || await p.multiselect({\n      message: 'Select target platforms:',\n      initialValues: ['react', 'swiftui'],\n      options: [\n        { value: 'react', label: 'React', hint: 'recommended' },\n        { value: 'swiftui', label: 'SwiftUI', hint: 'recommended' },\n        { value: 'vue', label: 'Vue' },\n        { value: 'svelte', label: 'Svelte' },\n        { value: 'rails', label: 'Rails' },\n        { value: 'uikit', label: 'UIKit' },\n        { value: 'compose', label: 'Jetpack Compose' },\n        { value: 'android-view', label: 'Android View' },\n      ],\n      required: true,\n    }) as string[];\n\n    if (p.isCancel(platformsInput)) {\n      p.cancel('Operation cancelled.');\n      process.exit(0);\n    }\n\n    const platforms = Array.isArray(platformsInput)\n      ? platformsInput\n      : (platformsInput as string).split(',').map(s => s.trim());\n\n    const darkMode = await p.confirm({\n      message: 'Enable dark mode support?',\n      initialValue: true,\n    });\n\n    if (p.isCancel(darkMode)) {\n      p.cancel('Operation cancelled.');\n      process.exit(0);\n    }\n\n    const s = p.spinner();\n    s.start('Creating project files...');\n\n    const cwd = process.cwd();\n\n    // Create directories\n    await fs.mkdir(path.join(cwd, 'tokens'), { recursive: true });\n    await fs.mkdir(path.join(cwd, 'components'), { recursive: true });\n    await fs.mkdir(path.join(cwd, 'generated'), { recursive: true });\n\n    // Copy template tokens\n    // ESM-compatible path resolution\n    const templateDir = path.resolve(\n      typeof __dirname !== 'undefined'\n        ? path.resolve(__dirname, '../../templates')\n        : path.resolve(new URL('.', import.meta.url).pathname, '../../templates')\n    );\n    const templateFile = template === 'full' ? 'full.tokens.json' : 'minimal.tokens.json';\n\n    try {\n      const templateContent = await fs.readFile(\n        path.join(templateDir, templateFile),\n        'utf-8'\n      );\n      await fs.writeFile(\n        path.join(cwd, 'tokens', 'base.tokens.json'),\n        templateContent\n      );\n    } catch {\n      // If templates not found, create a basic one inline\n      await fs.writeFile(\n        path.join(cwd, 'tokens', 'base.tokens.json'),\n        JSON.stringify(getDefaultTokens(), null, 2)\n      );\n    }\n\n    // Create semantic tokens\n    await fs.writeFile(\n      path.join(cwd, 'tokens', 'semantic.tokens.json'),\n      JSON.stringify(getSemanticTokens(), null, 2)\n    );\n\n    // Create dark theme if enabled\n    if (darkMode) {\n      try {\n        const darkContent = await fs.readFile(\n          path.join(templateDir, 'dark.tokens.json'),\n          'utf-8'\n        );\n        await fs.writeFile(\n          path.join(cwd, 'tokens', 'dark.tokens.json'),\n          darkContent\n        );\n      } catch {\n        await fs.writeFile(\n          path.join(cwd, 'tokens', 'dark.tokens.json'),\n          JSON.stringify(getDarkTokens(), null, 2)\n        );\n      }\n    }\n\n    // Create config file\n    const configContent = generateConfig(platforms, darkMode as boolean);\n    await fs.writeFile(path.join(cwd, 'ryndesign.config.ts'), configContent);\n\n    // Copy button component\n    try {\n      const buttonComp = await fs.readFile(\n        path.join(templateDir, '../components/button.component.json'),\n        'utf-8'\n      );\n      await fs.writeFile(\n        path.join(cwd, 'components', 'button.component.json'),\n        buttonComp\n      );\n    } catch {\n      // Skip if not found\n    }\n\n    // Add generated/ to .gitignore\n    const gitignorePath = path.join(cwd, '.gitignore');\n    try {\n      let gitignore = '';\n      try {\n        gitignore = await fs.readFile(gitignorePath, 'utf-8');\n      } catch {\n        // File doesn't exist yet\n      }\n      if (!gitignore.includes('generated/')) {\n        gitignore += (gitignore.endsWith('\\n') || gitignore === '' ? '' : '\\n') + 'generated/\\n';\n        await fs.writeFile(gitignorePath, gitignore);\n      }\n    } catch {\n      // Skip if can't write .gitignore\n    }\n\n    // Add scripts to package.json if it exists\n    try {\n      const pkgJsonPath = path.join(cwd, 'package.json');\n      const pkgContent = await fs.readFile(pkgJsonPath, 'utf-8');\n      const pkg = JSON.parse(pkgContent);\n      if (!pkg.scripts) pkg.scripts = {};\n      if (!pkg.scripts['generate']) pkg.scripts['generate'] = 'ryndesign generate';\n      if (!pkg.scripts['preview']) pkg.scripts['preview'] = 'ryndesign preview';\n      await fs.writeFile(pkgJsonPath, JSON.stringify(pkg, null, 2) + '\\n');\n    } catch {\n      // Skip if no package.json or can't modify\n    }\n\n    s.stop('Project files created!');\n\n    p.note(\n      [\n        `${pc.green('tokens/')}       - Your design tokens`,\n        `${pc.green('components/')}    - Component definitions`,\n        `${pc.green('generated/')}     - Generated output (gitignored)`,\n        `${pc.green('ryndesign.config.ts')} - Configuration`,\n      ].join('\\n'),\n      'Project structure'\n    );\n\n    p.outro(pc.green('Run `ryndesign generate` to generate your design system!'));\n  },\n});\n\nfunction generateConfig(platforms: string[], darkMode: boolean): string {\n  const imports: string[] = [];\n  const generators: string[] = [];\n\n  for (const platform of platforms) {\n    const pkgName = `@ryndesign/generator-${platform}`;\n    const varName = platform.replace(/-([a-z])/g, (_, c) => c.toUpperCase());\n    imports.push(`import ${varName} from '${pkgName}';`);\n\n    if (['react', 'vue', 'svelte'].includes(platform)) {\n      generators.push(`    ${varName}({\n      outDir: 'generated/${platform}',\n      cssStrategy: 'css-variables',\n      typescript: true,${darkMode ? \"\\n      darkMode: 'media+class',\" : ''}\n    })`);\n    } else {\n      generators.push(`    ${varName}({\n      outDir: 'generated/${platform}',\n    })`);\n    }\n  }\n\n  return `import { defineConfig } from '@ryndesign/cli';\n${imports.join('\\n')}\n\nexport default defineConfig({\n  tokens: ['tokens/**/*.tokens.json'],\n  components: ['components/**/*.component.json'],\n  outDir: 'generated',\n${darkMode ? `\n  themes: {\n    default: 'light',\n    dark: { file: 'tokens/dark.tokens.json' },\n  },\n` : ''}\n  generators: [\n${generators.join(',\\n')}\n  ],\n\n  preview: { port: 4400, open: true },\n});\n`;\n}\n\nfunction getDefaultTokens() {\n  return {\n    color: {\n      $type: 'color',\n      primary: { $value: '#3B82F6' },\n      white: { $value: '#FFFFFF' },\n      black: { $value: '#000000' },\n      gray: {\n        50: { $value: '#F9FAFB' },\n        900: { $value: '#111827' },\n      },\n    },\n    spacing: {\n      $type: 'dimension',\n      sm: { $value: '8px' },\n      md: { $value: '16px' },\n      lg: { $value: '24px' },\n    },\n  };\n}\n\nfunction getSemanticTokens() {\n  return {\n    color: {\n      $type: 'color',\n      background: {\n        primary: { $value: '{color.white}' },\n        secondary: { $value: '{color.gray.50}' },\n      },\n      text: {\n        primary: { $value: '{color.gray.900}' },\n      },\n    },\n  };\n}\n\nfunction getDarkTokens() {\n  return {\n    $description: 'Dark theme overrides',\n    $extensions: { 'com.ryndesign.theme': { name: 'dark', extends: 'default' } },\n    color: {\n      $type: 'color',\n      background: {\n        primary: { $value: '{color.gray.900}' },\n        secondary: { $value: '{color.gray.800}' },\n      },\n      text: {\n        primary: { $value: '{color.gray.50}' },\n      },\n    },\n  };\n}\n"],"mappings":"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","names":["s"]}

package/dist/preview-AXCPYQ53.js

@@ -0,0 +1,40 @@
+import "./chunk-DGUM43GV.js";
+
+// src/commands/preview.ts
+import { defineCommand } from "citty";
+import pc from "picocolors";
+var preview_default = defineCommand({
+  meta: {
+    name: "preview",
+    description: "Start the design system preview server"
+  },
+  args: {
+    port: {
+      type: "string",
+      description: "Port to run the preview server on",
+      default: "4400"
+    },
+    open: {
+      type: "boolean",
+      description: "Open browser automatically",
+      default: true
+    }
+  },
+  async run({ args }) {
+    console.log(pc.cyan("\u{1F5A5}  RynDesign Preview\n"));
+    try {
+      const { startPreviewServer } = await import("@ryndesign/preview");
+      await startPreviewServer({
+        port: parseInt(args.port, 10),
+        open: args.open
+      });
+    } catch {
+      console.log(pc.yellow("Preview package not found. Install @ryndesign/preview"));
+      console.log(pc.gray("  pnpm add @ryndesign/preview"));
+    }
+  }
+});
+export {
+  preview_default as default
+};
+//# sourceMappingURL=preview-AXCPYQ53.js.map

package/dist/preview-AXCPYQ53.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/preview.ts"],"sourcesContent":["import { defineCommand } from 'citty';\nimport pc from 'picocolors';\n\nexport default defineCommand({\n  meta: {\n    name: 'preview',\n    description: 'Start the design system preview server',\n  },\n  args: {\n    port: {\n      type: 'string',\n      description: 'Port to run the preview server on',\n      default: '4400',\n    },\n    open: {\n      type: 'boolean',\n      description: 'Open browser automatically',\n      default: true,\n    },\n  },\n  async run({ args }) {\n    console.log(pc.cyan('🖥  RynDesign Preview\\n'));\n\n    try {\n      const { startPreviewServer } = await import('@ryndesign/preview');\n      await startPreviewServer({\n        port: parseInt(args.port as string, 10),\n        open: args.open as boolean,\n      });\n    } catch {\n      console.log(pc.yellow('Preview package not found. Install @ryndesign/preview'));\n      console.log(pc.gray('  pnpm add @ryndesign/preview'));\n    }\n  },\n});\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAC9B,OAAO,QAAQ;AAEf,IAAO,kBAAQ,cAAc;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,MAAM,IAAI,EAAE,KAAK,GAAG;AAClB,YAAQ,IAAI,GAAG,KAAK,gCAAyB,CAAC;AAE9C,QAAI;AACF,YAAM,EAAE,mBAAmB,IAAI,MAAM,OAAO,oBAAoB;AAChE,YAAM,mBAAmB;AAAA,QACvB,MAAM,SAAS,KAAK,MAAgB,EAAE;AAAA,QACtC,MAAM,KAAK;AAAA,MACb,CAAC;AAAA,IACH,QAAQ;AACN,cAAQ,IAAI,GAAG,OAAO,uDAAuD,CAAC;AAC9E,cAAQ,IAAI,GAAG,KAAK,+BAA+B,CAAC;AAAA,IACtD;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/validate-RGTQQSUE.js

@@ -0,0 +1,87 @@
+import "./chunk-DGUM43GV.js";
+
+// src/commands/validate.ts
+import { defineCommand } from "citty";
+import pc from "picocolors";
+import { readAndMergeTokenFiles, validateTree, buildTokenSet, postValidate, TokenValidationError } from "@ryndesign/core";
+var validate_default = defineCommand({
+  meta: {
+    name: "validate",
+    description: "Validate design token files"
+  },
+  args: {
+    path: {
+      type: "positional",
+      description: "Path to token file(s)",
+      required: false
+    },
+    strict: {
+      type: "boolean",
+      description: "Treat warnings as errors",
+      default: false
+    }
+  },
+  async run({ args }) {
+    console.log(pc.cyan("  RynDesign Validate\n"));
+    const patterns = args.path ? [args.path] : ["tokens/**/*.tokens.json"];
+    try {
+      const tree = await readAndMergeTokenFiles(patterns);
+      validateTree(tree);
+      const tokenSet = await buildTokenSet({
+        tokens: patterns,
+        basePath: process.cwd()
+      });
+      const issues = postValidate(tokenSet.tokens, tokenSet.themes);
+      const errors = issues.filter((i) => i.severity === "error");
+      const warnings = issues.filter((i) => i.severity === "warning");
+      console.log(pc.green(`  ${tokenSet.tokens.length} tokens resolved`));
+      console.log(pc.green(`  ${tokenSet.groups.length} groups`));
+      const themeCount = Object.keys(tokenSet.themes.themes).length;
+      if (themeCount > 0) {
+        console.log(pc.green(`  ${themeCount} theme(s): ${Object.keys(tokenSet.themes.themes).join(", ")}`));
+      }
+      if (errors.length > 0) {
+        console.error(pc.red(`
+  ${errors.length} error(s):
+`));
+        for (const issue of errors) {
+          console.error(`  ${pc.red("x")} ${issue.path}: ${issue.message}`);
+        }
+      }
+      if (warnings.length > 0) {
+        console.log(pc.yellow(`
+  ${warnings.length} warning(s):
+`));
+        for (const issue of warnings) {
+          console.log(`  ${pc.yellow("!")} ${issue.path}: ${issue.message}`);
+        }
+      }
+      if (errors.length === 0 && warnings.length === 0) {
+        console.log(pc.green("\n  All tokens are valid!"));
+      } else if (errors.length === 0) {
+        console.log(pc.green("\n  Tokens are valid (with warnings)"));
+      }
+      if (args.strict && (errors.length > 0 || warnings.length > 0)) {
+        process.exit(1);
+      }
+      if (errors.length > 0) {
+        process.exit(1);
+      }
+    } catch (err) {
+      if (err instanceof TokenValidationError) {
+        console.error(pc.red(`  Validation failed with ${err.errors.length} issue(s):
+`));
+        for (const issue of err.errors) {
+          const icon = issue.severity === "error" ? pc.red("x") : pc.yellow("!");
+          console.error(`  ${icon} ${issue.path.join(".")}: ${issue.message}`);
+        }
+        process.exit(1);
+      }
+      throw err;
+    }
+  }
+});
+export {
+  validate_default as default
+};
+//# sourceMappingURL=validate-RGTQQSUE.js.map

package/dist/validate-RGTQQSUE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/commands/validate.ts"],"sourcesContent":["import { defineCommand } from 'citty';\nimport pc from 'picocolors';\nimport { readAndMergeTokenFiles, validateTree, buildTokenSet, postValidate, TokenValidationError } from '@ryndesign/core';\n\nexport default defineCommand({\n  meta: {\n    name: 'validate',\n    description: 'Validate design token files',\n  },\n  args: {\n    path: {\n      type: 'positional',\n      description: 'Path to token file(s)',\n      required: false,\n    },\n    strict: {\n      type: 'boolean',\n      description: 'Treat warnings as errors',\n      default: false,\n    },\n  },\n  async run({ args }) {\n    console.log(pc.cyan('  RynDesign Validate\\n'));\n\n    const patterns = args.path ? [args.path as string] : ['tokens/**/*.tokens.json'];\n\n    try {\n      // Step 1: Parse and validate structure\n      const tree = await readAndMergeTokenFiles(patterns);\n      validateTree(tree);\n\n      // Step 2: Build full token set for post-validation\n      const tokenSet = await buildTokenSet({\n        tokens: patterns,\n        basePath: process.cwd(),\n      });\n\n      // Step 3: Post-resolution validation\n      const issues = postValidate(tokenSet.tokens, tokenSet.themes);\n      const errors = issues.filter(i => i.severity === 'error');\n      const warnings = issues.filter(i => i.severity === 'warning');\n\n      // Summary\n      console.log(pc.green(`  ${tokenSet.tokens.length} tokens resolved`));\n      console.log(pc.green(`  ${tokenSet.groups.length} groups`));\n      const themeCount = Object.keys(tokenSet.themes.themes).length;\n      if (themeCount > 0) {\n        console.log(pc.green(`  ${themeCount} theme(s): ${Object.keys(tokenSet.themes.themes).join(', ')}`));\n      }\n\n      if (errors.length > 0) {\n        console.error(pc.red(`\\n  ${errors.length} error(s):\\n`));\n        for (const issue of errors) {\n          console.error(`  ${pc.red('x')} ${issue.path}: ${issue.message}`);\n        }\n      }\n\n      if (warnings.length > 0) {\n        console.log(pc.yellow(`\\n  ${warnings.length} warning(s):\\n`));\n        for (const issue of warnings) {\n          console.log(`  ${pc.yellow('!')} ${issue.path}: ${issue.message}`);\n        }\n      }\n\n      if (errors.length === 0 && warnings.length === 0) {\n        console.log(pc.green('\\n  All tokens are valid!'));\n      } else if (errors.length === 0) {\n        console.log(pc.green('\\n  Tokens are valid (with warnings)'));\n      }\n\n      // --strict: exit with error if any warnings\n      if (args.strict && (errors.length > 0 || warnings.length > 0)) {\n        process.exit(1);\n      }\n      if (errors.length > 0) {\n        process.exit(1);\n      }\n    } catch (err) {\n      if (err instanceof TokenValidationError) {\n        console.error(pc.red(`  Validation failed with ${err.errors.length} issue(s):\\n`));\n        for (const issue of err.errors) {\n          const icon = issue.severity === 'error' ? pc.red('x') : pc.yellow('!');\n          console.error(`  ${icon} ${issue.path.join('.')}: ${issue.message}`);\n        }\n        process.exit(1);\n      }\n      throw err;\n    }\n  },\n});\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@ryndesign/cli",
+  "version": "0.1.1",
+  "description": "CLI for RynDesign design system generator",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devryner/RynDesign.git",
+    "directory": "packages/cli"
+  },
+  "type": "module",
+  "bin": {
+    "ryndesign": "./dist/bin.js"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "citty": "^0.1.6",
+    "@clack/prompts": "^0.8.0",
+    "picocolors": "^1.1.0",
+    "jiti": "^2.4.0",
+    "chokidar": "^4.0.0",
+    "fast-glob": "^3.3.0",
+    "@ryndesign/core": "0.1.1",
+    "@ryndesign/plugin-api": "0.1.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.0",
+    "typescript": "~5.5.0",
+    "vitest": "^2.1.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "lint": "eslint src/",
+    "clean": "rm -rf dist"
+  }
+}