// 告诉npm 如何执行下面的脚本命令 简单理解为node执行脚本  
#!/usr/bin/env node  

// bin 项用来指定各个内部命令对应的可执行文件的位置。  
"bin":{
  "start":"./index.js"
}

{
  "name": "template-cli",
  "version": "1.0.6",
  "description": "",
  "main": "index.js",
  "bin": {
    "start": "./index.js"
  },
  "directories": {
    "lib": "lib"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": ["template","react","antd"],
  "author": "kingcwt",
  "license": "ISC",
  "dependencies": {
    "chalk": "4.0.0",
    "commander": "^9.4.0",
    "cross-spawn": "^7.0.3",
    "download-git-repo": "^3.0.2",
    "glob": "^8.0.3",
    "handlebars": "^4.7.7",
    "inquirer": "6.0.0",
    "lodash": "^4.17.21",
    "metalsmith": "^2.5.0",
    "ora": "^5.0.0"
  }
}

#!/usr/bin/env node

const { Command } = require('commander');
const { promisify } = require('util')
const program = new Command();
const path = require('path');
const glob = require('glob'); // npm i glob -D
const download = promisify(require('download-git-repo'))
const chalk = require("chalk");
const generator = require('./lib/generator');
const inquirer = require('inquirer');
const ora = require('ora');
const install  = require('./lib/install.js');


program
  .name('Project template')
  .description('项目模版')
  .version('0.0.1');

program
.command('create')  // 输入create 命令【必填】
.argument('<project-name>') //  随意输入的参数 这里指输入的项目名称   
.description('创建模版名称')
.action( async (projectName)=>{
  if (!projectName)  program.help();
  const list = glob.sync('*');
  let isExist = list.includes(projectName);
  if(isExist){
    const name = chalk.hex('afcb92').bold(projectName)
    return console.log(`🍠 ${name} folder already exists.`)
  }

  // 选择安装方式  
  inquirer.prompt([
    {
      name:"package",
      type: 'list',
      choices:['yarn','tyarn','cnpm','npm','npx'],
      message:'select the package management'
    }
  ]).then(async(answer)=>{

  // 1. 下载模版
  const colorProjectName = chalk.hex('afcb92').bold(`~/${projectName}`);
  console.log(`Createing a new react app in ${colorProjectName}`)

  let loading = ora('🚗 开始下载模版...').start()
   // 远程模版地址，默认master分支，这里下载的是main分支
   const repoUrl = 'direct:https://github.com/[你的github用户名称]/[仓库名称].git#[分支]'
   await download(repoUrl, projectName, { clone: true });
   const preConsole = chalk.cyan('cd ')+projectName;
   const nextConsole = chalk.cyan(`yarn dev`);
   const currentProjectName = chalk.hex('afcb92').bold(projectName);
  loading.stop();
  loading.succeed('下载模版成功')

  // 渲染模版
  generator({projectName},path.resolve(__dirname,'./template'),`./${projectName}`)

  console.log(chalk.green('Project initialization finished!'))
  console.log(chalk.yellowBright('start install dependencies...'))
  
  // 安装依赖   
  await install({
    cwd: path.join(process.cwd(), projectName),
    package: answer.package,
  }).then(() => {
    console.log(`${preConsole}\r\n${nextConsole}`)
  })
  .catch((error)=>{
    loading.fail(error);
  })
  })

  return;
})


program.parse();

// 对模板处理  
const Metalsmith = require('metalsmith')
const Handlebars = require('handlebars')
const rm = require('rimraf').sync
const chalk = require('chalk')
const _ = require('lodash')

module.exports = function(metadata = {}, source, destination = '.') {
 if (!source) {
  return Promise.reject(new Error(`无效的source：${source}`))
 }
 
 return new Promise((resolve, reject) => {
  Metalsmith(process.cwd())
   .metadata(metadata) //metadata 为用户输入的内容
   .clean(false)
   .source(source) //模板文件 path
   .destination(destination) //最终编译好的文件存放位置
   .use((files, metalsmith, done) => {
    Object.keys(files).forEach(fileName => { //遍历替换模板
     if (!_.startsWith(fileName, 'src/font')) { //判断是否为字体文件，字体文件不用替换
      const fileContentsString = files[fileName].contents.toString() //Handlebar compile 前需要转换为字符创
      files[fileName].contents = Buffer.from(Handlebars.compile(fileContentsString)(metalsmith.metadata()))
     }
    })
    done()
   }).build(err => { // build
    rm('source')  //删除下载下来的模板文件，‘source’是路径
    if (err) {
     console.log(chalk.red(`Metalsmith build error: ${err}`))
     return reject(err)
    } else {
     return resolve()
    }
   })
 })
}

// 下载封装  
const spawn = require('cross-spawn');
module.exports = function(options){
  const cwd = options.cwd;
  return new Promise((resolve,reject)=>{
    const command = options.package;
    const args = ['install','--save','--save-exact', '--loglevel', 'error'];
    const child = spawn(command, args, {
      cwd,
      stdio: ['pipe', process.stdout, process.stderr],
    })
    child.once('close', (code) => {
      if (code !== 0) {
        reject({
          command: `${command} ${args.join(' ')}`,
        })
        return
      }
      resolve()
    })
    child.once('error', reject)
  })
}

// 从github下来的模版项目对应的package.json的替换 这里只处理了一下名称 其他的可以自行处理  
{
  "name": "{{projectName}}",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "dev": "npm run build:less && vite --host",
    "xxx":...
  },
  "lint-staged": {
    "**/*.ts?(x)": [
      "prettier --write ./src",
      "eslint ./src"
    ]
  },
  "dependencies": {
    "xlsx": "^0.18.5"
    "xxx":...
  },
  "devDependencies": {
    "vitest": "^0.9.3"
    "xxx":...
  }
}