@transight-design/cli 0.1.0 → 0.2.1

package/dist/index.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 // src/index.ts
-import { Command as Command5 } from "commander";
+import { Command as Command6 } from "commander";
 
 // src/commands/init.ts
 import { Command } from "commander";
@@ -61,7 +61,7 @@ var initCommand = new Command("init").description("Transight Design System \uC80
 // src/commands/add.ts
 import { Command as Command2 } from "commander";
 import pc3 from "picocolors";
-var addCommand = new Command2("add").description("\uCEF4\uD3EC\uB10C\uD2B8 \uCD94\uAC00 (\uC608: transight-design add button card dialog)").argument("<components...>", "\uC124\uCE58\uD560 \uCEF4\uD3EC\uB10C\uD2B8 \uC774\uB984\uB4E4").option("--dry-run", "\uC2E4\uD589\uD558\uC9C0 \uC54A\uACE0 \uD638\uCD9C\uD560 \uBA85\uB839\uB9CC \uCD9C\uB825", false).option("--ref <ref>", "GitHub \uB808\uD37C\uB7F0\uC2A4 (\uBE0C\uB79C\uCE58\xB7\uD0DC\uADF8\xB7SHA)").action(async (components, options) => {
+var addCommand = new Command2("add").description("\uCEF4\uD3EC\uB10C\uD2B8/\uD329 \uCD94\uAC00 (\uC608: transight-design add essential \uB610\uB294 button card dialog)").argument("<components...>", "\uC124\uCE58\uD560 \uCEF4\uD3EC\uB10C\uD2B8 \uB610\uB294 \uD329 \uC774\uB984\uB4E4").option("--dry-run", "\uC2E4\uD589\uD558\uC9C0 \uC54A\uACE0 \uD638\uCD9C\uD560 \uBA85\uB839\uB9CC \uCD9C\uB825", false).option("--ref <ref>", "GitHub \uB808\uD37C\uB7F0\uC2A4 (\uBE0C\uB79C\uCE58\xB7\uD0DC\uADF8\xB7SHA)").action(async (components, options) => {
   if (components.length === 0) {
     console.error(pc3.red("\uCEF4\uD3EC\uB10C\uD2B8 \uC774\uB984\uC744 \uD558\uB098 \uC774\uC0C1 \uC9C0\uC815\uD574\uC8FC\uC138\uC694."));
     process.exit(1);
@@ -94,13 +94,142 @@ var viewCommand = new Command4("view").description("\uCEF4\uD3EC\uB10C\uD2B8 \uC
   process.exit(code);
 });
 
+// src/commands/variant.ts
+import { Command as Command5 } from "commander";
+import pc6 from "picocolors";
+import { existsSync, readFileSync, writeFileSync } from "fs";
+import { join } from "path";
+var STYLE_AXES = ["color", "theme", "shape", "size"];
+var resolveComponentPath = (component, override) => {
+  if (override) {
+    const abs = join(process.cwd(), override);
+    return existsSync(abs) ? abs : null;
+  }
+  const candidates = [
+    join(process.cwd(), "src", "components", "base", `${component}.tsx`),
+    join(process.cwd(), "src", "components", "custom", `${component}.tsx`),
+    join(process.cwd(), "packages", "ui", "src", "components", `${component}.tsx`)
+  ];
+  return candidates.find((p) => existsSync(p)) ?? null;
+};
+var findPresetObjectRange = (source, component) => {
+  const re = /([A-Za-z_$][\w$]*)VariantPresets\s*=\s*\{/g;
+  let match;
+  while ((match = re.exec(source)) !== null) {
+    const startBrace = match.index + match[0].length - 1;
+    let depth = 1;
+    let i = startBrace + 1;
+    let inString = null;
+    while (depth > 0 && i < source.length) {
+      const c = source[i];
+      if (inString) {
+        if (c === inString && source[i - 1] !== "\\") inString = null;
+      } else if (c === '"' || c === "'" || c === "`") {
+        inString = c;
+      } else if (c === "{") {
+        depth++;
+      } else if (c === "}") {
+        depth--;
+      }
+      i++;
+    }
+    if (depth === 0) {
+      return { startBrace, endBrace: i - 1 };
+    }
+  }
+  return null;
+};
+var buildNewPresetLine = (name, styles) => {
+  const parts = [];
+  for (const axis of STYLE_AXES) {
+    const value = styles[axis];
+    if (value) parts.push(`${axis}: '${value}'`);
+  }
+  return `  '${name}': { ${parts.join(", ")} }`;
+};
+var insertPresetLine = (source, component, line) => {
+  const range = findPresetObjectRange(source, component);
+  if (!range) return null;
+  const before = source.slice(0, range.endBrace);
+  const after = source.slice(range.endBrace);
+  const trimmedBefore = before.trimEnd();
+  const needsComma = !trimmedBefore.endsWith(",") && !trimmedBefore.endsWith("{");
+  if (trimmedBefore.endsWith("{")) {
+    return `${trimmedBefore}
+${line}
+${after}`;
+  }
+  return `${trimmedBefore}${needsComma ? "," : ""}
+${line}${after}`;
+};
+var variantCommand = new Command5("variant").description(
+  "\uCEF4\uD3EC\uB10C\uD2B8\uC758 variant preset \uAD00\uB9AC (\uD604\uC7AC: add)"
+);
+variantCommand.command("add").description(
+  "\uC0C8 variant\uB97C \uCEF4\uD3EC\uB10C\uD2B8 \uD30C\uC77C\uC758 <X>VariantPresets \uAC1D\uCCB4\uC5D0 \uD55C \uC904\uB85C \uCD94\uAC00. Style 4\uCD95(color/theme/shape/size)\uB9CC \uBC1B\uC74C. \uBBF8\uBA85\uC2DC \uCD95\uC740 cva default\uB85C \uC790\uB3D9."
+).requiredOption("--component <name>", "\uCEF4\uD3EC\uB10C\uD2B8 \uC774\uB984 (\uC608: button)").requiredOption("--name <name>", "\uCD94\uAC00\uD560 variant \uC774\uB984 (\uC608: my-brand)").option("--color <value>", "color (gray/blue/red/orange/yellow/olive/green/skyblue/purple/pink/white/gradient-blue)").option("--theme <value>", "theme (solid/outline/soft)").option("--shape <value>", "shape (default/pill/square)").option("--size <value>", "size (xs/sm/md/lg/xl)").option("--path <path>", "\uCEF4\uD3EC\uB10C\uD2B8 \uD30C\uC77C \uACBD\uB85C override (\uAE30\uBCF8: src/components/{base|custom}/<X>.tsx)").option("--dry-run", "\uC2E4\uC81C \uD30C\uC77C\uC744 \uC4F0\uC9C0 \uC54A\uACE0 \uACB0\uACFC\uB9CC \uCD9C\uB825", false).action(async (options) => {
+  const { component, name, path, dryRun } = options;
+  if (!component || !name) {
+    console.error(pc6.red("--component\uC640 --name\uC740 \uD544\uC218\uC785\uB2C8\uB2E4."));
+    process.exit(1);
+  }
+  if (!STYLE_AXES.some((axis) => options[axis])) {
+    console.error(
+      pc6.red("color / theme / shape / size \uC911 \uCD5C\uC18C \uD55C \uCD95\uC740 \uC9C0\uC815\uD574\uC57C \uC758\uBBF8 \uC788\uB294 variant\uC785\uB2C8\uB2E4.")
+    );
+    process.exit(1);
+  }
+  const filePath = resolveComponentPath(component, path);
+  if (!filePath) {
+    console.error(
+      pc6.red(
+        `\uCEF4\uD3EC\uB10C\uD2B8 \uD30C\uC77C\uC744 \uCC3E\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4: ${component}
+\uAE30\uBCF8 \uACBD\uB85C: src/components/base/${component}.tsx \uB610\uB294 src/components/custom/${component}.tsx
+--path <\uACBD\uB85C>\uB85C \uC9C1\uC811 \uC9C0\uC815 \uAC00\uB2A5\uD569\uB2C8\uB2E4.`
+      )
+    );
+    process.exit(1);
+  }
+  const source = readFileSync(filePath, "utf-8");
+  const styles = {};
+  for (const axis of STYLE_AXES) {
+    const value = options[axis];
+    if (value) styles[axis] = value;
+  }
+  const line = buildNewPresetLine(name, styles);
+  const next = insertPresetLine(source, component, line);
+  if (!next) {
+    console.error(
+      pc6.red(
+        `${component}VariantPresets \uAC1D\uCCB4\uB97C ${filePath}\uC5D0\uC11C \uCC3E\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4.
+\uCEF4\uD3EC\uB10C\uD2B8 \uD30C\uC77C\uC5D0 variant preset \uC2AC\uB86F\uC774 \uC815\uC758\uB418\uC5B4 \uC788\uB294\uC9C0 \uD655\uC778\uD558\uC138\uC694.`
+      )
+    );
+    process.exit(1);
+  }
+  console.log(
+    pc6.bold(pc6.cyan("Transight Design System")) + ` \u2014 variant add ${pc6.yellow(`${component}.${name}`)}`
+  );
+  console.log(pc6.dim(`  \uD30C\uC77C: ${filePath}`));
+  console.log(pc6.dim(`  \uCD94\uAC00 \uB77C\uC778:`));
+  console.log(`    ${line}`);
+  if (dryRun) {
+    console.log(pc6.yellow("\n[dry-run] \uD30C\uC77C\uC744 \uC4F0\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4."));
+    return;
+  }
+  writeFileSync(filePath, next, "utf-8");
+  console.log(pc6.green("\n\u2713 \uB4F1\uB85D \uC644\uB8CC. <" + capitalize(component) + ` variant="${name}" />\uB85C \uC0AC\uC6A9\uD558\uC138\uC694.`));
+});
+var capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+
 // src/index.ts
-var program = new Command5();
+var program = new Command6();
 program.name("transight-design").description("Transight Design System CLI (shadcn \uC704\uC784 \uB798\uD37C)").version("0.0.0");
 program.addCommand(initCommand);
 program.addCommand(addCommand);
 program.addCommand(listCommand);
 program.addCommand(viewCommand);
+program.addCommand(variantCommand);
 program.parseAsync(process.argv).catch((err) => {
   console.error(err);
   process.exit(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transight-design/cli",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Transight Design System CLI — thin wrapper around `shadcn`",
   "license": "MIT",
   "type": "module",