@qlucent/fishi 0.8.0 → 0.9.0

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // src/index.ts
 import { Command } from "commander";
-import chalk11 from "chalk";
+import chalk12 from "chalk";
 
 // src/commands/init.ts
 import chalk from "chalk";
@@ -2161,11 +2161,106 @@ async function previewCommand(options) {
   });
 }
 
+// src/commands/design.ts
+import chalk11 from "chalk";
+import fs13 from "fs";
+import path13 from "path";
+import {
+  detectDesignTokens,
+  generateDefaultTokens,
+  detectComponentRegistry,
+  runBrandGuardian,
+  generateDesignSystemConfig
+} from "@qlucent/fishi-core";
+async function designCommand(action, options) {
+  const targetDir = process.cwd();
+  if (action === "detect") {
+    console.log("");
+    console.log(chalk11.cyan.bold("  FISHI Design System \u2014 Detect"));
+    console.log("");
+    const tokens = detectDesignTokens(targetDir);
+    const registry = detectComponentRegistry(targetDir);
+    console.log(chalk11.white.bold("  Design Tokens"));
+    console.log(chalk11.gray(`    Colors:        ${Object.keys(tokens.colors).length} detected`));
+    console.log(chalk11.gray(`    Typography:    ${tokens.typography.fontFamilies.length} font families, ${Object.keys(tokens.typography.scale).length} scale values`));
+    console.log(chalk11.gray(`    Spacing:       ${Object.keys(tokens.spacing).length} values`));
+    console.log(chalk11.gray(`    Border radius: ${Object.keys(tokens.borderRadius).length} values`));
+    console.log(chalk11.gray(`    Dark mode:     ${tokens.darkMode ? chalk11.green("yes") : chalk11.yellow("no")}`));
+    console.log("");
+    console.log(chalk11.white.bold("  Component Registry"));
+    console.log(chalk11.gray(`    Library:       ${registry.library || "none detected"}`));
+    console.log(chalk11.gray(`    Framework:     ${registry.framework || "none detected"}`));
+    console.log(chalk11.gray(`    Components:    ${registry.components.length} found`));
+    if (registry.components.length > 0) {
+      const byType = {};
+      for (const c of registry.components) byType[c.type] = (byType[c.type] || 0) + 1;
+      for (const [type, count] of Object.entries(byType)) {
+        console.log(chalk11.gray(`      ${type}: ${count}`));
+      }
+    }
+    console.log("");
+    if (options.output || fs13.existsSync(path13.join(targetDir, ".fishi"))) {
+      const outputPath = options.output || path13.join(targetDir, ".fishi", "design-system.json");
+      const dir = path13.dirname(outputPath);
+      if (!fs13.existsSync(dir)) fs13.mkdirSync(dir, { recursive: true });
+      fs13.writeFileSync(outputPath, generateDesignSystemConfig(tokens, registry), "utf-8");
+      console.log(chalk11.green(`  Saved to ${path13.relative(targetDir, outputPath)}`));
+    }
+  } else if (action === "init") {
+    console.log("");
+    console.log(chalk11.cyan.bold("  FISHI Design System \u2014 Initialize"));
+    console.log("");
+    let tokens = detectDesignTokens(targetDir);
+    const hasExisting = Object.keys(tokens.colors).length > 0;
+    if (!hasExisting) {
+      tokens = generateDefaultTokens();
+      console.log(chalk11.yellow("  No design tokens found \u2014 using FISHI defaults."));
+    } else {
+      console.log(chalk11.green(`  Detected ${Object.keys(tokens.colors).length} colors from your project.`));
+    }
+    const registry = detectComponentRegistry(targetDir);
+    const outputPath = path13.join(targetDir, ".fishi", "design-system.json");
+    const dir = path13.dirname(outputPath);
+    if (!fs13.existsSync(dir)) fs13.mkdirSync(dir, { recursive: true });
+    fs13.writeFileSync(outputPath, generateDesignSystemConfig(tokens, registry), "utf-8");
+    console.log(chalk11.green(`  Design system saved to .fishi/design-system.json`));
+    console.log(chalk11.gray("  Your agents will use these tokens for consistent styling."));
+    console.log("");
+  } else if (action === "validate") {
+    console.log("");
+    console.log(chalk11.cyan.bold("  FISHI Brand Guardian \u2014 Validation"));
+    console.log("");
+    const tokens = detectDesignTokens(targetDir);
+    const report = runBrandGuardian(targetDir, tokens);
+    if (report.issues.length === 0) {
+      console.log(chalk11.green("  No issues found! Your frontend follows the design system."));
+    } else {
+      for (const issue of report.issues) {
+        const icon = issue.severity === "error" ? chalk11.red("ERROR") : issue.severity === "warning" ? chalk11.yellow("WARN") : chalk11.blue("INFO");
+        console.log(`  ${icon} ${chalk11.gray(issue.file)}:${issue.line}`);
+        console.log(`        ${issue.message}`);
+        if (issue.fix) console.log(`        ${chalk11.gray("Fix: " + issue.fix)}`);
+      }
+    }
+    console.log("");
+    console.log(chalk11.white.bold("  Summary"));
+    console.log(chalk11.gray(`    Files scanned: ${report.stats.filesScanned}`));
+    console.log(chalk11.red(`    Errors:        ${report.stats.errors}`));
+    console.log(chalk11.yellow(`    Warnings:      ${report.stats.warnings}`));
+    console.log(chalk11.blue(`    Info:          ${report.stats.infos}`));
+    console.log(`    Status:        ${report.passed ? chalk11.green("PASSED") : chalk11.red("FAILED")}`);
+    console.log("");
+    if (!report.passed) process.exit(1);
+  } else {
+    console.log(chalk11.yellow(`  Unknown action: ${action}. Use: detect, init, validate`));
+  }
+}
+
 // src/index.ts
 var program = new Command();
 program.name("fishi").description(
-  chalk11.cyan("\u{1F41F} FISHI") + " \u2014 Your AI Dev Team That Actually Ships\n   Autonomous agent framework for Claude Code"
-).version("0.8.0");
+  chalk12.cyan("\u{1F41F} FISHI") + " \u2014 Your AI Dev Team That Actually Ships\n   Autonomous agent framework for Claude Code"
+).version("0.9.0");
 program.command("init").description("Initialize FISHI in the current directory").argument("[description]", "Project description (skip wizard with zero-config)").option("-l, --language <lang>", "Primary language (e.g., typescript, python)").option("-f, --framework <framework>", "Framework (e.g., nextjs, express, django)").option(
   "-c, --cost-mode <mode>",
   "Cost mode: performance | balanced | economy",
@@ -2180,4 +2275,5 @@ program.command("dashboard").description("Agent observability \u2014 web dashboa
 program.command("sandbox").description("Sandbox status and policy management").argument("<action>", "Action: status | policy").action(sandboxCommand);
 program.command("quickstart").description("Vibe mode \u2014 skip gates, scaffold + start dev server immediately").argument("[description]", "What are you building?").option("-l, --language <lang>", "Primary language").option("-f, --framework <framework>", "Framework").option("-c, --cost-mode <mode>", "Cost mode", "balanced").option("--dev-cmd <cmd>", "Custom dev server command").option("--port <port>", "Dev server port").action(quickstartCommand);
 program.command("preview").description("Start live preview dev server").option("--dev-cmd <cmd>", "Custom dev server command").option("--port <port>", "Dev server port").action(previewCommand);
+program.command("design").description("Design system \u2014 detect tokens, init design system, validate with Brand Guardian").argument("<action>", "Action: detect | init | validate").option("-o, --output <path>", "Output path for design config").action(designCommand);
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qlucent/fishi",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "FISHI — Your AI Dev Team That Actually Ships. Autonomous agent framework for Claude Code.",
   "license": "MIT",
   "type": "module",