@constela/cli 0.5.48 → 0.5.50

package/README.md

@@ -230,6 +230,55 @@ constela start --port 8080
 
 The server binds to `0.0.0.0` by default for deployment compatibility.
 
+### constela suggest
+
+AI を使って DSL ファイルを分析し、改善提案を取得します。
+
+```bash
+constela suggest <input> [options]
+```
+
+**Arguments:**
+- `<input>` - 分析対象の JSON ファイル
+
+**Options:**
+- `--aspect <type>` - 分析観点: accessibility, performance, security, ux (default: accessibility)
+- `--provider <name>` - AI プロバイダー: anthropic, openai (default: anthropic)
+- `--json` - JSON 形式で出力
+
+**環境変数:**
+- `ANTHROPIC_API_KEY` - Anthropic プロバイダー使用時
+- `OPENAI_API_KEY` - OpenAI プロバイダー使用時
+
+**Examples:**
+
+```bash
+# アクセシビリティの分析
+constela suggest app.json --aspect accessibility
+
+# セキュリティの分析（OpenAI 使用）
+constela suggest app.json --aspect security --provider openai
+
+# JSON 出力
+constela suggest app.json --aspect ux --json
+```
+
+**Output:**
+
+```
+=== Suggestions for app.json (accessibility) ===
+
+[HIGH] Missing aria-label on button
+   Recommendation: Add aria-label="Submit form" to the button element
+   Location: view.children[0].props
+
+[MED] Low color contrast in text
+   Recommendation: Increase contrast ratio to meet WCAG AA standards
+   Location: view.children[2].props.style
+
+Total: 2 suggestion(s)
+```
+
 ## Project Structure
 
 The CLI expects the following project structure:

package/dist/index.js

@@ -23,16 +23,17 @@ var colors = {
   yellow: (s) => `\x1B[33m${s}\x1B[0m`,
   reset: "\x1B[0m"
 };
+var noColors = {
+  red: (s) => s,
+  green: (s) => s,
+  yellow: (s) => s,
+  reset: ""
+};
 function getColors() {
   if (shouldUseColors()) {
     return colors;
   }
-  return {
-    red: (s) => s,
-    green: (s) => s,
-    yellow: (s) => s,
-    reset: ""
-  };
+  return noColors;
 }
 function countViewNodes(node) {
   let count = 1;
@@ -51,7 +52,7 @@ function countViewNodes(node) {
       }
       break;
     case "each":
-      count += countViewNodes(node.template);
+      count += countViewNodes(node.body);
       break;
     // text, markdown, code, slot nodes have no children
     default:
@@ -423,7 +424,7 @@ function outputResult(inputPath, result, options, c) {
 }
 async function compileCommand(inputPath, options) {
   const isJsonMode = options.json === true;
-  const c = isJsonMode ? { red: (s) => s, green: (s) => s, yellow: (s) => s, reset: "" } : getColors();
+  const c = isJsonMode ? noColors : getColors();
   const result = performCompilation(inputPath, options, c);
   outputResult(inputPath, result, options, c);
   if (!options.watch) {
@@ -470,16 +471,17 @@ var colors2 = {
   yellow: (s) => `\x1B[33m${s}\x1B[0m`,
   reset: "\x1B[0m"
 };
+var noColors2 = {
+  red: (s) => s,
+  green: (s) => s,
+  yellow: (s) => s,
+  reset: ""
+};
 function getColors2() {
   if (shouldUseColors2()) {
     return colors2;
   }
-  return {
-    red: (s) => s,
-    green: (s) => s,
-    yellow: (s) => s,
-    reset: ""
-  };
+  return noColors2;
 }
 function formatColoredError2(error, c) {
   const lines = [];
@@ -573,7 +575,7 @@ async function validateCommand(input, options) {
   const startTime = performance.now();
   const isJsonMode = options.json === true;
   const isAllMode = options.all === true;
-  const c = isJsonMode ? { red: (s) => s, green: (s) => s, yellow: (s) => s, reset: "" } : getColors2();
+  const c = isJsonMode ? noColors2 : getColors2();
   function exitWithResult(success, output) {
     if (isJsonMode && output) {
       outputJson2(output);
@@ -730,18 +732,19 @@ var colors3 = {
   dim: (s) => `\x1B[2m${s}\x1B[0m`,
   reset: "\x1B[0m"
 };
+var noColors3 = {
+  red: (s) => s,
+  green: (s) => s,
+  yellow: (s) => s,
+  cyan: (s) => s,
+  dim: (s) => s,
+  reset: ""
+};
 function getColors3() {
   if (shouldUseColors3()) {
     return colors3;
   }
-  return {
-    red: (s) => s,
-    green: (s) => s,
-    yellow: (s) => s,
-    cyan: (s) => s,
-    dim: (s) => s,
-    reset: ""
-  };
+  return noColors3;
 }
 function summarizeStep(step) {
   switch (step.do) {
@@ -772,13 +775,14 @@ function summarizeStep(step) {
   }
 }
 function summarizeAction(action) {
-  if (action.steps.length === 0) {
+  const firstStep = action.steps[0];
+  if (!firstStep) {
     return "(empty)";
   }
   if (action.steps.length === 1) {
-    return summarizeStep(action.steps[0]);
+    return summarizeStep(firstStep);
   }
-  return `${summarizeStep(action.steps[0])} + ${action.steps.length - 1} more`;
+  return `${summarizeStep(firstStep)} + ${action.steps.length - 1} more`;
 }
 function viewNodeToInfo(node) {
   const info = { kind: node.kind };
@@ -979,14 +983,7 @@ function formatViewSection(view, c) {
 }
 async function inspectCommand(input, options) {
   const isJsonMode = options.json === true;
-  const c = isJsonMode ? {
-    red: (s) => s,
-    green: (s) => s,
-    yellow: (s) => s,
-    cyan: (s) => s,
-    dim: (s) => s,
-    reset: ""
-  } : getColors3();
+  const c = isJsonMode ? noColors3 : getColors3();
   const showAll = !options.state && !options.actions && !options.components && !options.view;
   const showState = showAll || options.state === true;
   const showActions = showAll || options.actions === true;
@@ -1058,8 +1055,11 @@ async function inspectCommand(input, options) {
       sections.push(formatViewSection(program2.view, c));
     }
     for (let i = 0; i < sections.length; i++) {
-      for (const line of sections[i]) {
-        console.log(line);
+      const section = sections[i];
+      if (section) {
+        for (const line of section) {
+          console.log(line);
+        }
       }
       if (i < sections.length - 1) {
         console.log("");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/cli",
-  "version": "0.5.48",
+  "version": "0.5.50",
   "description": "CLI tools for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",
@@ -19,10 +19,10 @@
   ],
   "dependencies": {
     "commander": "^12.0.0",
-    "@constela/core": "0.16.2",
-    "@constela/start": "1.8.26",
-    "@constela/ai": "1.0.2",
-    "@constela/compiler": "0.14.7"
+    "@constela/ai": "2.0.0",
+    "@constela/compiler": "0.15.0",
+    "@constela/start": "1.9.0",
+    "@constela/core": "0.17.0"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",