@agile-team/robot-cli 1.1.0 → 1.1.2

package/lib/create.js

@@ -1,4 +1,4 @@
-// lib/create.js - 简化版，移除缓存功能
+// lib/create.js - 完整优化版，移除缓存功能 + 美化展示
 import fs from "fs-extra";
 import path from "path";
 import chalk from "chalk";
@@ -129,20 +129,57 @@ async function selectTemplate(templateOption) {
 }
 
 /**
- * 选择模板方式
+ * 选择模板方式 - 优化主菜单
  */
 async function selectTemplateMethod() {
+  console.log();
+  console.log(chalk.blue.bold("🎯 选择模板创建方式"));
+  console.log(chalk.dim("请选择最适合你的模板浏览方式"));
+  console.log();
+
   const { selectionMode } = await inquirer.prompt([
     {
       type: "list",
       name: "selectionMode",
-      message: "请选择模板选择方式:",
+      message: "模板选择方式:",
       choices: [
-        { name: "🎯 推荐模板 (常用模板快速选择)", value: "recommended" },
-        { name: "📁 分类模板 (按项目类型分类选择)", value: "category" },
-        { name: "🔍 搜索模板 (关键词搜索)", value: "search" },
-        { name: "📋 全部模板 (查看所有可用模板)", value: "all" },
+        { 
+          name: `🎯 ${chalk.bold('推荐模板')} ${chalk.dim('(常用模板快速选择)')}
+   ${chalk.dim('- 基于团队使用频率推荐的热门模板')}`, 
+          value: "recommended" 
+        },
+        {
+          name: "",
+          value: "spacer1",
+          disabled: true
+        },
+        { 
+          name: `📁 ${chalk.bold('分类模板')} ${chalk.dim('(按项目类型分类选择)')}
+   ${chalk.dim('- 前端、后端、移动端、桌面端分类浏览')}`, 
+          value: "category" 
+        },
+        {
+          name: "",
+          value: "spacer2",
+          disabled: true
+        },
+        { 
+          name: `🔍 ${chalk.bold('搜索模板')} ${chalk.dim('(关键词搜索)')}
+   ${chalk.dim('- 通过技术栈、功能特性等关键词快速查找')}`, 
+          value: "search" 
+        },
+        {
+          name: "",
+          value: "spacer3",
+          disabled: true
+        },
+        { 
+          name: `📋 ${chalk.bold('全部模板')} ${chalk.dim('(查看所有可用模板)')}
+   ${chalk.dim('- 按分类展示所有可用的项目模板')}`, 
+          value: "all" 
+        },
       ],
+      pageSize: 12
     },
   ]);
 
@@ -161,7 +198,7 @@ async function selectTemplateMethod() {
 }
 
 /**
- * 从推荐模板中选择
+ * 从推荐模板中选择 - 优化后的展示
  */
 async function selectFromRecommended() {
   const recommended = getRecommendedTemplates();
@@ -172,17 +209,34 @@ async function selectFromRecommended() {
   }
 
   console.log();
-  console.log(chalk.blue("🎯 推荐模板 (基于团队使用频率)"));
+  console.log(chalk.blue.bold("🎯 推荐模板"));
+  console.log(chalk.dim("基于团队使用频率和项目成熟度推荐"));
   console.log();
 
-  const choices = Object.entries(recommended).map(([key, template]) => ({
-    name: `${template.name} - ${chalk.dim(template.description)}`,
-    value: { key, ...template },
-    short: template.name,
-  }));
+  // 创建更美观的选择项
+  const choices = Object.entries(recommended).map(([key, template]) => {
+    // 构建特性标签
+    const featureTags = template.features.slice(0, 3).map(f => 
+      chalk.cyan(`[${f}]`)
+    ).join(' ');
+    
+    // 版本标签 - 只保留方括号内的版本
+    const versionTag = template.version === 'full' ? 
+      chalk.green('[完整版]') : 
+      chalk.yellow('[精简版]');
+
+    return {
+      name: `${chalk.bold.white(template.name)} ${versionTag}
+   ${chalk.dim(template.description)}
+   ${featureTags}${template.features.length > 3 ? chalk.dim(` +${template.features.length - 3}more`) : ''}
+   ${chalk.dim('━'.repeat(60))}`,
+      value: { key, ...template },
+      short: template.name,
+    };
+  });
 
   choices.push({
-    name: chalk.dim("← 返回选择其他方式"),
+    name: chalk.dim("⬅️  返回选择其他方式"),
     value: "back",
   });
 
@@ -192,7 +246,8 @@ async function selectFromRecommended() {
       name: "selectedTemplate",
       message: "选择推荐模板:",
       choices,
-      pageSize: 10,
+      pageSize: 8,
+      loop: false
     },
   ]);
 
@@ -412,7 +467,7 @@ async function selectSpecificTemplate(categoryKey, stackKey, patternKey) {
 }
 
 /**
- * 搜索选择模板
+ * 搜索选择模板 - 优化结果展示
  */
 async function selectBySearch() {
   while (true) {
@@ -428,7 +483,9 @@ async function selectBySearch() {
     const results = searchTemplates(keyword);
 
     if (Object.keys(results).length === 0) {
+      console.log();
       console.log(chalk.yellow("🔍 没有找到匹配的模板"));
+      console.log(chalk.dim(`搜索关键词: "${keyword}"`));
       console.log();
 
       const { action } = await inquirer.prompt([
@@ -438,39 +495,57 @@ async function selectBySearch() {
           message: "请选择下一步操作:",
           choices: [
             { name: "🔍 重新搜索", value: "retry" },
-            { name: "← 返回模板选择方式", value: "back" },
+            { name: "⬅️  返回模板选择方式", value: "back" },
           ],
         },
       ]);
 
       if (action === "retry") {
-        continue; // 重新搜索
+        continue;
       } else {
-        return await selectTemplateMethod(); // 返回模板选择方式
+        return await selectTemplateMethod();
       }
     }
 
     console.log();
-    console.log(
-      chalk.green(`🔍 找到 ${Object.keys(results).length} 个匹配的模板:`)
-    );
+    console.log(chalk.green.bold(`🔍 搜索结果`));
+    console.log(chalk.dim(`关键词: "${keyword}" • 找到 ${Object.keys(results).length} 个匹配模板`));
     console.log();
 
-    const choices = Object.entries(results).map(([key, template]) => ({
-      name: `${template.name} - ${chalk.dim(template.description)}`,
-      value: { key, ...template },
-      short: template.name,
-    }));
+    const choices = Object.entries(results).map(([key, template]) => {
+      // 高亮匹配的关键词
+      const highlightText = (text) => {
+        const regex = new RegExp(`(${keyword})`, 'gi');
+        return text.replace(regex, chalk.bgYellow.black('$1'));
+      };
+
+      const techInfo = template.features.slice(0, 2).join(' • ');
+      const versionTag = template.version === 'full' ? 
+        chalk.green('[完整版]') : chalk.yellow('[精简版]');
+
+      return {
+        name: `${chalk.bold(highlightText(template.name))} ${versionTag}
+   ${chalk.dim(highlightText(template.description))}
+   ${chalk.blue(techInfo)} ${chalk.gray(`• 模板key: ${key}`)}
+   ${chalk.dim('─'.repeat(60))}`,
+        value: { key, ...template },
+        short: template.name,
+      };
+    });
 
-    // 添加操作选项
     choices.push(
       {
-        name: chalk.dim("─────────────────────"),
+        name: "",
+        value: "spacer",
+        disabled: true
+      },
+      {
+        name: chalk.dim("━".repeat(70)),
         value: "separator",
         disabled: true,
       },
       { name: "🔍 重新搜索", value: "search_again" },
-      { name: "← 返回模板选择方式", value: "back_to_mode" }
+      { name: "⬅️  返回模板选择方式", value: "back_to_mode" }
     );
 
     const { selectedTemplate } = await inquirer.prompt([
@@ -480,13 +555,14 @@ async function selectBySearch() {
         message: "选择模板:",
         choices,
         pageSize: 15,
+        loop: false
       },
     ]);
 
     if (selectedTemplate === "search_again") {
-      continue; // 重新搜索
+      continue;
     } else if (selectedTemplate === "back_to_mode") {
-      return await selectTemplateMethod(); // 返回模板选择方式
+      return await selectTemplateMethod();
     } else {
       return selectedTemplate;
     }
@@ -494,31 +570,142 @@ async function selectBySearch() {
 }
 
 /**
- * 从全部模板中选择
+ * 从全部模板中选择 - 优化后的展示
  */
 async function selectFromAll() {
   const allTemplates = getAllTemplates();
 
   console.log();
-  console.log(
-    chalk.blue(`📋 全部模板 (共 ${Object.keys(allTemplates).length} 个)`)
-  );
+  console.log(chalk.blue.bold(`📋 所有可用模板`));
+  console.log(chalk.dim(`共 ${Object.keys(allTemplates).length} 个模板可选`));
   console.log();
 
-  const choices = Object.entries(allTemplates).map(([key, template]) => ({
-    name: `${template.name} - ${chalk.dim(template.description)}`,
-    value: { key, ...template },
-    short: template.name,
-  }));
+  // 按分类组织模板
+  const categorizedChoices = [];
+  
+  // 前端模板
+  categorizedChoices.push({
+    name: chalk.yellow.bold("🎨 前端项目"),
+    value: "frontend_header",
+    disabled: true
+  });
+
+  Object.entries(allTemplates)
+    .filter(([key]) => key.includes('admin') || key.includes('react') || key.includes('micro'))
+    .forEach(([key, template]) => {
+      const techStack = key.includes('admin') ? 'Vue3' : 
+                       key.includes('react') ? 'React' : 'Vue3';
+      const versionTag = template.version === 'full' ? 
+        chalk.green('[完整版]') : chalk.yellow('[精简版]');
+      
+      categorizedChoices.push({
+        name: `  ● ${chalk.bold(template.name)} ${versionTag}
+     ${chalk.dim(template.description)}
+     ${chalk.blue(`技术栈: ${techStack}`)} ${chalk.gray(`• 命令: robot create my-app -t ${key}`)}`,
+        value: { key, ...template },
+        short: template.name
+      });
+    });
+
+  // 移动端模板
+  categorizedChoices.push({
+    name: "",
+    value: "spacer1",
+    disabled: true
+  });
+  categorizedChoices.push({
+    name: chalk.yellow.bold("📱 移动端项目"),
+    value: "mobile_header", 
+    disabled: true
+  });
+
+  Object.entries(allTemplates)
+    .filter(([key]) => key.includes('uniapp') || key.includes('tarao'))
+    .forEach(([key, template]) => {
+      const versionTag = template.version === 'full' ? 
+        chalk.green('[完整版]') : chalk.yellow('[精简版]');
+      
+      categorizedChoices.push({
+        name: `  ● ${chalk.bold(template.name)} ${versionTag}
+     ${chalk.dim(template.description)}
+     ${chalk.blue('跨平台: 小程序/H5/App')} ${chalk.gray(`• 命令: robot create my-app -t ${key}`)}`,
+        value: { key, ...template },
+        short: template.name
+      });
+    });
+
+  // 后端模板
+  categorizedChoices.push({
+    name: "",
+    value: "spacer2",
+    disabled: true
+  });
+  categorizedChoices.push({
+    name: chalk.yellow.bold("🚀 后端项目"),
+    value: "backend_header",
+    disabled: true
+  });
+
+  Object.entries(allTemplates)
+    .filter(([key]) => key.includes('nest') || key.includes('koa'))
+    .forEach(([key, template]) => {
+      const framework = key.includes('nest') ? 'NestJS' : 'Koa3';
+      const versionTag = template.version === 'full' ? 
+        chalk.green('[完整版]') : chalk.yellow('[精简版]');
+      
+      categorizedChoices.push({
+        name: `  ● ${chalk.bold(template.name)} ${versionTag}
+     ${chalk.dim(template.description)}
+     ${chalk.blue(`框架: ${framework}`)} ${chalk.gray(`• 命令: robot create my-app -t ${key}`)}`,
+        value: { key, ...template },
+        short: template.name
+      });
+    });
+
+  // 桌面端模板
+  categorizedChoices.push({
+    name: "",
+    value: "spacer3", 
+    disabled: true
+  });
+  categorizedChoices.push({
+    name: chalk.yellow.bold("💻 桌面端项目"),
+    value: "desktop_header",
+    disabled: true
+  });
+
+  Object.entries(allTemplates)
+    .filter(([key]) => key.includes('electron') || key.includes('tauri'))
+    .forEach(([key, template]) => {
+      const framework = key.includes('electron') ? 'Electron' : 'Tauri';
+      const versionTag = template.version === 'full' ? 
+        chalk.green('[完整版]') : chalk.yellow('[精简版]');
+      
+      categorizedChoices.push({
+        name: `  ● ${chalk.bold(template.name)} ${versionTag}
+     ${chalk.dim(template.description)}
+     ${chalk.blue(`框架: ${framework}`)} ${chalk.gray(`• 命令: robot create my-app -t ${key}`)}`,
+        value: { key, ...template },
+        short: template.name
+      });
+    });
 
   // 添加返回选项
-  choices.push(
+  categorizedChoices.push(
     {
-      name: chalk.dim("─────────────────────"),
+      name: "",
+      value: "spacer_end",
+      disabled: true
+    },
+    {
+      name: chalk.dim("━".repeat(70)),
       value: "separator",
       disabled: true,
     },
-    { name: "← 返回模板选择方式", value: "back_to_mode" }
+    { 
+      name: chalk.dim("⬅️  返回模板选择方式"), 
+      value: "back_to_mode" 
+    }
   );
 
   const { selectedTemplate } = await inquirer.prompt([
@@ -526,8 +713,9 @@ async function selectFromAll() {
       type: "list",
       name: "selectedTemplate",
       message: "选择模板:",
-      choices,
-      pageSize: 15,
+      choices: categorizedChoices,
+      pageSize: 20,
+      loop: false
     },
   ]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agile-team/robot-cli",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "🤖 现代化项目脚手架工具，支持多技术栈快速创建项目 - 总是下载最新版本",
   "type": "module",
   "bin": {