create-zhd-app 1.0.0

package/index.js

@@ -0,0 +1,32 @@
+#!/usr/bin/env node
+
+import { Command } from "commander";
+import chalk from "chalk";
+import packageJson from "./package.json" with { type: 'json' };
+import create from './lib/create.js'
+
+
+const program = new Command();
+
+program
+  .command("create <name>")
+  .description("请输入项目名称")
+  .action((name) => {
+    console.log(`你要创建的项目名称：${name}`);
+    create(name);
+  });
+
+program.on("--help", () => {
+  console.log();
+  console.log(
+    `Run ${chalk.cyan("zhdCli <command> --help")} to show detail of this command`,
+  )
+  console.log();
+});
+
+program
+  .version(packageJson.version)
+  // 说明使用方式
+  .usage("<command [option]");
+
+program.parse(process.argv);

package/lib/create.js

@@ -0,0 +1,10 @@
+import path from 'path';
+import Creator from './creator.js'
+
+export default function create(projectName, options, cmd) {
+
+  const cwd = process.cwd();
+  const targetDir = path.join(cwd, projectName)
+  const createIns = new Creator(projectName, targetDir);
+  createIns.create();
+}

package/lib/creator.js

@@ -0,0 +1,57 @@
+import downloadGitRepo from 'download-git-repo'
+import util from 'util'
+import inquirer from 'inquirer';
+import chalk from 'chalk';
+import { loading } from './utils.js'
+import { fetchRepoBranchList } from './request.js'
+import { execa } from 'execa'
+
+class Creator {
+    constructor(projectName, targetDir) {
+        this.name = projectName;
+        this.targetDir = targetDir;
+        this.downloadGitRepo = util.promisify(downloadGitRepo)
+    }
+
+    async getRepoBranches() {
+        // 加loading效果
+        const branches = await loading(fetchRepoBranchList, '等待获取资源')
+        return branches;
+    }
+
+    async download(curBranch) {
+        const fullDownloadUrl = `git@github.com:fe-zhanghongdou/react-demo.git#${curBranch}`
+        console.log('fullDownloadUrl', fullDownloadUrl)
+        console.log('targetDir', this.targetDir)
+        try {
+            // await this.downloadGitRepo(fullDownloadUrl, this.targetDir, { clone: true })
+            await execa('git', ['clone', '-b', 'dev', 'git@github.com:fe-zhanghongdou/react-demo.git', this.targetDir]);
+        } catch(err) {
+            console.log('捕获到错误', err)
+        }
+        console.log(chalk.green('下载完毕！'))
+    }
+
+    async create() {
+        // 1. 拉取分支
+        const branches = await this.getRepoBranches()
+        console.log('branches', branches)
+
+        const { curBranch } = await inquirer.prompt([
+            {
+                name: 'curBranch',
+                type: 'list',
+                // 提示信息
+                message: '选择拉取分支',
+                // 选项
+                choices: [{ name: 'dev', value: 'dev' }, { name: 'master', value: 'master' }],
+            }
+        ])
+        
+        // 2. 下载代码
+        await this.download(curBranch);
+    }
+}
+
+
+export default Creator

package/lib/request.js

@@ -0,0 +1,13 @@
+// https://api.github.com/repos/fe-zhanghongdou/react-demo/branches
+import axios from 'axios'
+
+
+axios.interceptors.response.use((res) => {
+    return res.data;
+})
+
+
+export function fetchRepoBranchList() {
+    return axios.get('https://api.github.com/repos/fe-zhanghongdou/react-demo/branches')
+}
+

package/lib/testInquirer.js

@@ -0,0 +1,10 @@
+import inquirer from 'inquirer';
+
+async function test() {
+  const { answer } = await inquirer.prompt([
+    { type: 'list', name: 'answer', message: '选择', choices: [{ name: 'dev', value: 'dev' }, { name: 'master', value: 'master' }] }
+  ]);
+  console.log('你选了:', answer);
+}
+
+test();

package/lib/utils.js

@@ -0,0 +1,45 @@
+import ora from "ora";
+
+export const loading = function (fn, msg, ...args) {
+  let count = 0;
+  const run = async () => {
+		const spinner = ora(msg);
+		spinner.start();
+    try {
+      const result = await fn(...args);
+      spinner.succeed();
+      return result;
+    } catch (err) {
+      spinner.fail("something go wrong, refetching...");
+      if (++count < 3) {
+				run();
+      } else {
+				return Promise.reject();
+			}
+    }
+  };
+	return run();
+};
+
+// export const loading = async (fn, msg, ...args) => {
+//   // 计数器，失败自动重试最大次数为3，超过3次就直接返回失败
+//   let counter = 0;
+//   const run = async () => {
+//     const spinner = ora(msg);
+//     spinner.start();
+//     try {
+//       const result = await fn(...args);
+//       spinner.succeed();
+//       return result;
+//     } catch (error) {
+//       spinner.fail('something go wrong, refetching...');
+//       if (++counter < 3) {
+//         return run();
+//       } else {
+//         return Promise.reject();
+//       }
+//     }
+//   };
+//   return run();
+// };
+

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "create-zhd-app",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "bin": {
+    "create-zhd-app": "./index.js"
+  },
+  "type": "module",
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "axios": "^1.13.6",
+    "chalk": "^5.6.2",
+    "commander": "^14.0.3",
+    "download-git-repo": "^3.0.2",
+    "execa": "^9.6.1",
+    "inquirer": "^13.3.0",
+    "ora": "^9.3.0"
+  }
+}