npm i path
npm i chalk@4.1.0
npm i fs-extra
npm i inquirer@8.2.4
npm i commander
npm i axios
npm i download-git-repo

#! /usr/bin/env node

const program = require('commander')

// 創(chuàng)建一個(gè)create命令
.command('create <app-name>')

// 解析用戶執(zhí)行命令傳入?yún)?shù)
program.parse(process.argv);

.option('-f, --force', '如果存在的話強(qiáng)行覆蓋')

program.command('create <app-name>')
// 這個(gè)name 就代表第一個(gè)必填參數(shù) options就代表其余， 如果有第二個(gè)就在寫一個(gè)，最后一個(gè)永遠(yuǎn)是剩余參數(shù)
.action((name, options) => {
    console.log(name)
    // 打印執(zhí)行結(jié)果
    // require("../lib/create")(name, options)
})

#! /usr/bin/env node
const program = require('commander');
const chalk = require('chalk');

// 定義命令和參數(shù)
// create命令
program
.command('create <app-name>')
.description('create a new project')
// -f or --force 為強(qiáng)制創(chuàng)建，如果創(chuàng)建的目錄存在則直接覆蓋
.option('-f, --force', 'overwrite target directory if it exist')
.action((name, options) => {
    // 打印執(zhí)行結(jié)果
    console.log('項(xiàng)目名稱', name)
})

// 解析用戶執(zhí)行命令傳入?yún)?shù)
program.parse(process.argv);

test-cli create app

program.parse(process.argv)

program
.command('create <app-name>')
.description(chalk.cyan('create a new project'))
// -f or --force 為強(qiáng)制創(chuàng)建，如果創(chuàng)建的目錄存在則直接覆蓋
.option('-f, --force', 'overwrite target directory if it exist')
.action((name, options) => {
    // 打印執(zhí)行結(jié)果
    require("../lib/create")(name, options)
})

// lib/create.js

const path = require('path')
// fs-extra 是對(duì) fs 模塊的擴(kuò)展，支持 promise 語(yǔ)法
const fs = require('fs-extra')
// 用于交互式詢問(wèn)用戶問(wèn)題
const inquirer = require('inquirer')
// 導(dǎo)出Generator類
const Generator = require('./Generator')

//1. 拋出一個(gè)方法用來(lái)接收用戶要?jiǎng)?chuàng)建的文件夾(項(xiàng)目)名 和 其他參數(shù)
module.exports = async function (name, options) {
  // 當(dāng)前命令行選擇的目錄
  const cwd  = process.cwd();
  // 需要?jiǎng)?chuàng)建的目錄地址
  const targetAir  = path.join(cwd, name)
  
  //2 判斷是否存在相同的文件夾(項(xiàng)目)名
  // 目錄是否已經(jīng)存在？
  if (fs.existsSync(targetAir)) {
    // 是否為強(qiáng)制創(chuàng)建？
    if (options.force) {
      await fs.remove(targetAir)
    } else {
      // 詢問(wèn)用戶是否確定要覆蓋
      let { action } = await inquirer.prompt([
        {
          name: 'action',
          type: 'list',
          message: 'Target directory already exists Pick an action:',
          choices: [
            {
              name: 'Overwrite',
              value: 'overwrite'
            },{
              name: 'Cancel',
              value: false
            }
          ]
        }
      ])
      // 如果用戶拒絕覆蓋則停止剩余操作
      if (!action) {
        return;
      } else if (action === 'overwrite') {
        // 移除已存在的目錄
        console.log(`\r\nRemoving...`)
        await fs.remove(targetAir)
      }
    }
  }

  //3 新建generator類
  const generator = new Generator(name, targetAir);
  generator.create();
}

// lib/Generator.js

const { getRepoList, getTagList } = require('./http')
const ora = require('ora')
const inquirer = require('inquirer')
const util = require('util')
const downloadGitRepo = require('download-git-repo') // 不支持 Promise
const chalk = require('chalk')
const path = require('path');
const fs = require("fs-extra");

// 添加加載動(dòng)畫
async function wrapLoading(fn, message, ...args) {
  // 使用 ora 初始化，傳入提示信息 message
  const spinner = ora(message);
  // 開始加載動(dòng)畫
  spinner.start();

  try {
    // 執(zhí)行傳入方法 fn
    const result = await fn(...args);
    // 狀態(tài)為修改為成功
    spinner.succeed();
    return result; 
  } catch (error) {
    // 狀態(tài)為修改為失敗
    spinner.fail('Request failed, refetch ...');
  } 
}

class Generator {
  constructor (name, targetDir){
    // 目錄名稱
    this.name = name;
    // 創(chuàng)建位置
    this.targetDir = targetDir;
    // 對(duì) download-git-repo 進(jìn)行 promise 化改造
    this.downloadGitRepo = util.promisify(downloadGitRepo);
  }

  // 獲取用戶選擇的模板
  // 1）從遠(yuǎn)程拉取模板數(shù)據(jù)
  // 2）用戶選擇自己新下載的模板名稱
  // 3）return 用戶選擇的名稱

  async getRepo() {
    // 1）從遠(yuǎn)程拉取模板數(shù)據(jù)
    const repoList = await wrapLoading(getRepoList, 'waiting fetch template');
    if (!repoList) return;
    // 過(guò)濾我們需要的模板名稱
    const repos = repoList.map(item => item.name);

    // 2）用戶選擇自己新下載的模板名稱
    const { repo } = await inquirer.prompt({
      name: 'repo',
      type: 'list',
      choices: repos,
      message: 'Please choose a template to create project'
    })

    // 3）return 用戶選擇的名稱
    return repo;
  }

  // 獲取用戶選擇的版本
  // 1）基于 repo 結(jié)果，遠(yuǎn)程拉取對(duì)應(yīng)的 tag 列表
  // 2）自動(dòng)選擇最新版的 tag

  async getTag(repo) {
    // 1）基于 repo 結(jié)果，遠(yuǎn)程拉取對(duì)應(yīng)的 tag 列表
    const tags = await wrapLoading(getTagList, 'waiting fetch tag', repo);
    if (!tags) return;
    
    // 過(guò)濾我們需要的 tag 名稱
    const tagsList = tags.map(item => item.name);

    // 2）return 用戶選擇的 tag
    return tagsList[0]
  }

  // 下載遠(yuǎn)程模板
  // 1）拼接下載地址
  // 2）調(diào)用下載方法
  async download(repo, tag){
    // 1）拼接下載地址
    const requestUrl = `geeksTest/${repo}${tag ? '#'+tag : ''}`;

    // 2）調(diào)用下載方法
    await wrapLoading(
      this.downloadGitRepo, // 遠(yuǎn)程下載方法
      'waiting download template', // 加載提示信息
      requestUrl, // 參數(shù)1: 下載地址
      path.resolve(process.cwd(), this.targetDir) // 參數(shù)2: 創(chuàng)建位置
    ) 
  }

  // 核心創(chuàng)建邏輯
  // 1）獲取模板名稱
  // 2）獲取 tag 名稱
  // 3）下載模板到模板目錄
  // 4) 對(duì)uniapp模板中部分文件進(jìn)行讀寫
  // 5) 模板使用提示
  async create(){

    // 1）獲取模板名稱
    const repo = await this.getRepo()

    // 2) 獲取 tag 名稱
    const tag = await this.getTag(repo)

    // 3）下載模板到模板目錄
    await this.download(repo, tag)
    
    // 5）模板使用提示
    console.log(`\r\nSuccessfully created project ${chalk.cyan(this.name)}`)
    console.log(`\r\n  cd ${chalk.cyan(this.name)}`)
    console.log(`\r\n  啟動(dòng)前請(qǐng)務(wù)必閱讀 ${chalk.cyan("README.md")} 文件`)
  
  }
}

module.exports = Generator;

npm i commander

// lib/http.js

// 通過(guò) axios 處理請(qǐng)求
const axios = require('axios')

axios.interceptors.response.use(res => {
  return res.data;
})

/**
 * 獲取模板列表
 * @returns Promise
 */
async function getRepoList() {
  return axios.get('https://api.github.com/orgs/geeksTest/repos')
}

/**
 * 獲取版本信息
 * @param {string} repo 模板名稱
 * @returns Promise
 */
async function  getTagList(repo) {
  return axios.get(`https://api.github.com/repos/geeksTest/${repo}/tags`)
}

module.exports = {
  getRepoList,
  getTagList
}