@guchenyo/create-temp 0.0.1 → 0.0.3

package/LICENSE

@@ -0,0 +1,5 @@
+UNLICENSED
+
+Copyright (c) GuChena
+
+All rights reserved.

package/README.md

@@ -1,7 +1,7 @@
 # create-temp
 
 Local template scaffolding CLI for this repository. It clones the latest
-templates from GitHub on each run (SSH access required).
+templates from GitHub on each run (HTTPS by default).
 
 ## Usage
 
@@ -20,19 +20,19 @@ create-temp front/web/vue3/vue3-no-ts my-web
 Use with npm create:
 
 ```bash
-npm create @guchen_0521/temp@latest -- backend/express/express-no-ts my-api
+npm create @guchenyo/temp@latest -- backend/express/express-no-ts my-api
 ```
 
 Interactive selection (TUI):
 
 ```bash
-npm create @guchen_0521/temp@latest
+npm create @guchenyo/temp@latest
 ```
 
 ## Requirements
 
 - Git installed and available in PATH
-- SSH access to `ssh://git@ssh.github.com:443/GuChena/template.git`
+- Access to `https://github.com/GuChena/template.git` (or override `TEMPLATE_REPO_URL`)
 
 ## Publish
 

package/lib/scaffold.js

@@ -24,6 +24,7 @@ import {
 } from "@clack/prompts";
 import gradient from "gradient-string";
 import ora from "ora";
+import pc from "picocolors";
 
 const IGNORE_NAMES = new Set([
   ".git",
@@ -43,7 +44,7 @@ const PROMPT_CANCELLED_MESSAGE = "已取消操作。";
 const PROMPT_BACK_VALUE = "__back";
 const OPTIONAL_PACKAGES_PATH = new URL(
   "../optional-packages.json",
-  import.meta.url
+  import.meta.url,
 );
 
 function assertInteractive() {
@@ -71,6 +72,90 @@ function applyGradientPerLine(text, gradientFn) {
     .join("\n");
 }
 
+function renderHero() {
+  const headerGradient = gradient(["#4285f4", "#9b72cb", "#d96570"]);
+  const bodyGradient = gradient(["#8ec5ff", "#c9a1f0", "#ffb3ba"]);
+  const logo = [
+    "  ██████╗██████╗ ███████╗ █████╗ ████████╗███████╗      ████████╗███████╗███╗   ███╗██████╗  ",
+    " ██╔════╝██╔══██╗██╔════╝██╔══██╗╚══██╔══╝██╔════╝      ╚══██╔══╝██╔════╝████╗ ████║██╔══██╗ ",
+    " ██║     ██████╔╝█████╗  ███████║   ██║   █████╗  █████╗   ██║   █████╗  ██╔████╔██║██████╔╝ ",
+    " ██║     ██╔══██╗██╔══╝  ██╔══██║   ██║   ██╔══╝  ╚════╝   ██║   ██╔══╝  ██║╚██╔╝██║██╔═══╝  ",
+    " ╚██████╗██║  ██║███████╗██║  ██║   ██║   ███████╗         ██║   ███████╗██║ ╚═╝ ██║██║      ",
+    "  ╚═════╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝   ╚═╝   ╚══════╝         ╚═╝   ╚══════╝╚═╝     ╚═╝╚═╝      "
+  ].join("\n");
+
+  const header = applyGradientPerLine(
+    [
+      logo,
+      "      ✨ 一站式项目模板脚手架 ✨",
+      "",
+      "  按步骤选择模板、可选依赖和项目目录。",
+    ].join("\n"),
+    headerGradient,
+  );
+  const hints = applyGradientPerLine(
+    [
+      "  流程: 1) 模板  2) 可选依赖  3) 项目名称",
+      "  支持: backend / front",
+    ].join("\n"),
+    bodyGradient,
+  );
+  return `${header}\n\n${hints}`;
+}
+
+function buildTemplateOverview(templates) {
+  const grouped = new Map();
+
+  templates.forEach((template) => {
+    const [root, ...rest] = template.key.split("/");
+    if (!grouped.has(root)) {
+      grouped.set(root, []);
+    }
+    grouped.get(root).push(rest.join("/"));
+  });
+
+  const lines = [];
+  const roots = Array.from(grouped.keys()).sort((a, b) => a.localeCompare(b));
+  roots.forEach((root) => {
+    const items = grouped.get(root).sort((a, b) => a.localeCompare(b));
+    lines.push(`${root}/ (${items.length})`);
+    items.slice(0, 6).forEach((item) => {
+      lines.push(`  - ${item}`);
+    });
+    if (items.length > 6) {
+      lines.push(`  - ... +${items.length - 6} 更多`);
+    }
+  });
+
+  return lines.join("\n");
+}
+
+function buildNextStepsBlock({
+  selectedTemplateKey,
+  selectedOptionalPackages,
+  resolvedTargetDir,
+  packageManager,
+}) {
+  const lines = [
+    `📂 模板: ${pc.cyan(selectedTemplateKey)}`,
+    `📁 目录: ${pc.cyan(resolvedTargetDir)}`,
+    "",
+    "🚀 下一步命令:",
+    `  ${pc.green(`cd ${resolvedTargetDir}`)}`,
+    `  ${pc.green(`${packageManager} install`)}`,
+    `  ${pc.green(`${packageManager} run dev`)}`,
+  ];
+
+  if (selectedOptionalPackages.length > 0) {
+    const installed = selectedOptionalPackages
+      .map((pkg) => pkg.name)
+      .join(", ");
+    lines.push("", `📦 已预装可选依赖: ${pc.magenta(installed)}`);
+  }
+
+  return lines.join("\n");
+}
+
 async function cloneTemplateRepo() {
   const tempDir = await mkdtemp(path.join(os.tmpdir(), "template-cli-"));
   const repoDir = path.join(tempDir, `repo-${Date.now().toString(36)}`);
@@ -85,7 +170,7 @@ async function cloneTemplateRepo() {
       await execFileAsync(
         "git",
         ["clone", "--depth", "1", TEMPLATE_REPO_URL, repoDir],
-        { env }
+        { env },
       );
       return { repoDir, tempDir };
     } catch (error) {
@@ -227,30 +312,24 @@ async function promptOptionalPackages(optionalPackages) {
 
   const choices = optionalPackages.map((pkg) => ({
     value: pkg.name,
-    label: pkg.description ? `${pkg.name} - ${pkg.description}` : pkg.name,
+    label: pkg.description
+      ? `${pkg.name}${pkg.dev ? " (dev)" : ""} - ${pkg.description}`
+      : `${pkg.name}${pkg.dev ? " (dev)" : ""}`,
   }));
 
   const selected = handleCancel(
     await multiselect({
-      message: "选择可选依赖:",
+      message: "🧩 第 2 步：选择可选预装依赖（空格多选，回车确认）",
       options: choices,
       required: false,
-    })
+    }),
   );
 
   if (!Array.isArray(selected) || selected.length === 0) {
     return [];
   }
 
-  if (isInteractive() && process.stdout.isTTY) {
-    const gray = "\x1b[90m";
-    const dim = "\x1b[2m";
-    const reset = "\x1b[0m";
-    process.stdout.write("\x1b[1A\x1b[2K");
-    process.stdout.write(
-      `${gray}│${reset}  ${dim}${selected.join(", ")}${reset}\n`
-    );
-  }
+  note(selected.join("\n"), "已选择可选依赖");
 
   const selectedSet = new Set(selected);
   return optionalPackages.filter((pkg) => selectedSet.has(pkg.name));
@@ -301,10 +380,10 @@ async function promptSelectTemplateTree(templates) {
       await select({
         message:
           parents.length === 0
-            ? "选择模板类别:"
-            : `选择模板目录: ${pathStack.join("/")}`,
+            ? "📁 第 1 步：选择模板类别"
+            : `📂 第 1 步：选择模板目录 (${pc.cyan(pathStack.join("/"))})`,
         options: choices,
-      })
+      }),
     );
 
     if (!selection || typeof selection !== "string") {
@@ -336,11 +415,11 @@ async function promptTargetDir() {
   assertInteractive();
   const response = handleCancel(
     await text({
-      message: "项目名称:",
+      message: "🎯 第 3 步：输入项目名称",
       placeholder: "my-app",
       validate: (value) =>
         value && value.trim().length > 0 ? undefined : "请输入项目名称。",
-    })
+    }),
   );
   return response.trim();
 }
@@ -392,11 +471,11 @@ async function applyOptionalPackages(targetPath, packages) {
 
   const hadDependencies = Object.prototype.hasOwnProperty.call(
     pkgJson,
-    "dependencies"
+    "dependencies",
   );
   const hadDevDependencies = Object.prototype.hasOwnProperty.call(
     pkgJson,
-    "devDependencies"
+    "devDependencies",
   );
 
   const dependencies = hadDependencies ? { ...pkgJson.dependencies } : {};
@@ -436,27 +515,9 @@ async function applyOptionalPackages(targetPath, packages) {
 export async function scaffold({ templateKey, targetDir }) {
   const interactive = isInteractive();
   if (interactive) {
-    intro("create-temp");
-    console.log("");
-    console.log(
-      applyGradientPerLine(
-        ["轻量模板脚手架", "按提示选择模板并设置项目名称"].join("\n"),
-        gradient(["#8ec5ff", "#b6e3ff"])
-      )
-    );
+    intro(gradient(["#8ec5ff", "#b6e3ff"])("create-temp"));
     console.log("");
-    console.log(
-      applyGradientPerLine(
-        [
-          "可用模板与用途:",
-          "  backend/",
-          "    - express/express-no-ts: Node.js + Express API 服务",
-          "  front/",
-          "    - web/vue3/vue3-no-ts:  Vue3 前端站点",
-        ].join("\n"),
-        gradient(["#9de7ff", "#b7f7d4"])
-      )
-    );
+    console.log(renderHero());
     console.log("");
   }
 
@@ -464,7 +525,7 @@ export async function scaffold({ templateKey, targetDir }) {
   let tempDir = null;
   const cloneSpinner = interactive
     ? ora({
-        text: "正在获取模板...",
+        text: pc.cyan("✨ 正在获取模板..."),
         spinner: "dots",
         interval: 50,
       }).start()
@@ -474,12 +535,11 @@ export async function scaffold({ templateKey, targetDir }) {
     repoDir = cloneResult.repoDir;
     tempDir = cloneResult.tempDir;
     if (cloneSpinner) {
-      cloneSpinner.stop();
-      console.log(`T  ${gradient(["#8ec5ff", "#b6e3ff"])("加载完成")}`);
+      cloneSpinner.succeed(pc.green("✨ 模板索引加载完成"));
     }
   } catch (error) {
     if (cloneSpinner) {
-      cloneSpinner.fail("模板获取失败");
+      cloneSpinner.fail(pc.red("❌ 模板获取失败"));
     }
     const message = error instanceof Error ? error.message : String(error);
     throw new Error(`模板仓库拉取失败，请检查网络或权限。${message}`);
@@ -509,11 +569,15 @@ export async function scaffold({ templateKey, targetDir }) {
     throw new Error("未在 backend/ 或 front/ 下找到模板。");
   }
 
+  if (interactive) {
+    note(buildTemplateOverview(templates), `模板分类总览（共 ${templates.length} 个）`);
+  }
+
   let selectedTemplate = null;
   if (templateKey) {
     const normalizedKey = normalizeTemplateKey(templateKey);
     selectedTemplate = templates.find(
-      (template) => normalizeTemplateKey(template.key) === normalizedKey
+      (template) => normalizeTemplateKey(template.key) === normalizedKey,
     );
     if (!selectedTemplate) {
       const keys = templates.map((template) => template.key).join(", ");
@@ -526,7 +590,7 @@ export async function scaffold({ templateKey, targetDir }) {
   const optionalRules = await loadOptionalPackageRules();
   const optionalPackages = collectOptionalPackages(
     optionalRules,
-    selectedTemplate.key
+    selectedTemplate.key,
   );
   const selectedOptionalPackages =
     optionalPackages.length > 0
@@ -540,29 +604,29 @@ export async function scaffold({ templateKey, targetDir }) {
   try {
     if (interactive) {
       buildSpinner = ora({
-        text: "正在生成项目...",
+        text: pc.cyan("🚀 正在生成项目..."),
         spinner: "dots",
         interval: 50,
       }).start();
     }
     if (buildSpinner) {
-      buildSpinner.text = "项目初始化中 (1/3)";
+      buildSpinner.text = pc.cyan("📦 正在初始化项目目录 (1/3)");
     }
     await ensureEmptyDir(targetPath);
     if (buildSpinner) {
-      buildSpinner.text = "项目初始化中 (2/3)";
+      buildSpinner.text = pc.cyan("🚚 正在复制模板文件 (2/3)");
     }
     await copyDir(selectedTemplate.dir, targetPath);
     if (buildSpinner) {
-      buildSpinner.text = "项目初始化中 (3/3)";
+      buildSpinner.text = pc.cyan("🔧 正在应用可选依赖 (3/3)");
     }
     await applyOptionalPackages(targetPath, selectedOptionalPackages);
     if (buildSpinner) {
-      buildSpinner.succeed(" 项目生成完成，可执行以下指令");
+      buildSpinner.succeed(pc.green("🎉 项目生成完成"));
     }
   } catch (error) {
     if (buildSpinner) {
-      buildSpinner.fail("项目生成失败");
+      buildSpinner.fail(pc.red("❌ 项目生成失败"));
     }
     throw error;
   }
@@ -582,12 +646,16 @@ export async function scaffold({ templateKey, targetDir }) {
   }
 
   if (interactive) {
-    const cyan = "\x1b[36m";
-    const bold = "\x1b[1m";
-    const reset = "\x1b[0m";
-    console.log(
-      `${cyan}  cd ${resolvedTargetDir}\n  ${packageManager} install\n  ${packageManager} run dev${reset}`
+    note(
+      buildNextStepsBlock({
+        selectedTemplateKey: selectedTemplate.key,
+        selectedOptionalPackages,
+        resolvedTargetDir,
+        packageManager,
+      }),
+      "✨ 下一步",
     );
+    outro(pc.green(`✅ 完成：${selectedTemplate.key}`));
   } else {
     console.log(`Created project in ${targetPath}`);
     console.log("Next steps:");

package/optional-packages.json

@@ -11,7 +11,52 @@
         {
           "name": "mysql2",
           "dev": false,
-          "description": "MySQL 驱动"
+          "description": "MySQL驱动"
+        }
+      ]
+    },
+    {
+      "match": "backend/nest",
+      "packages": [
+        {
+          "name": "prisma",
+          "dev": true,
+          "description": "Prisma CLI"
+        },
+        {
+          "name": "@prisma/client",
+          "dev": false,
+          "description": "Prisma runtime client"
+        },
+        {
+          "name": "ioredis",
+          "dev": false,
+          "description": "Redis client"
+        },
+        {
+          "name": "amqplib",
+          "dev": false,
+          "description": "RabbitMQ client"
+        },
+        {
+          "name": "@types/amqplib",
+          "dev": true,
+          "description": "Type definitions for amqplib"
+        },
+        {
+          "name": "class-validator",
+          "dev": false,
+          "description": "Validation decorators"
+        },
+        {
+          "name": "class-transformer",
+          "dev": false,
+          "description": "Class object transformation"
+        },
+        {
+          "name": "axios",
+          "dev": false,
+          "description": "HTTP client"
         }
       ]
     },
@@ -21,7 +66,7 @@
         {
           "name": "axios",
           "dev": false,
-          "description": "HTTP 请求库"
+          "description": "HTTP请求库"
         },
         {
           "name": "eslint",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guchenyo/create-temp",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Project scaffolding CLI (templates pulled from GitHub)",
   "type": "module",
   "bin": {
@@ -19,6 +19,7 @@
   "dependencies": {
     "@clack/prompts": "^0.7.0",
     "gradient-string": "^2.0.2",
-    "ora": "^8.0.1"
+    "ora": "^8.0.1",
+    "picocolors": "^1.1.1"
   }
 }