@gx-design-vue/create-gx-cli 0.1.6 → 0.1.8

package/README.md

@@ -11,6 +11,12 @@ npx @gx-design-vue/create-gx-cli
 # or
 npm install -g @gx-design-vue/create-gx-cli
 
+# update
+npm install -g @gx-design-vue/create-gx-cli
+
+# uninstall
+npm uninstall -g @gx-design-vue/create-gx-cli
+
 # create project
 create-gx-cli
 # cli version

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/create-gx-cli",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "license": "MIT",
   "description": "a cli to bootstrap gx project",
   "main": "src/index.js",
@@ -15,6 +15,7 @@
   "author": "gx12358",
   "dependencies": {
     "chalk": "^2.4.2",
+    "child_process": "^1.0.2",
     "esm": "^3.2.18",
     "execa": "^8.0.1",
     "inquirer": "^6.2.2",
@@ -23,8 +24,8 @@
     "minimist": "^1.2.7",
     "nanospinner": "^1.1.0",
     "ncp": "^2.0.0",
-    "obtain-git-repo": "^1.0.2",
-    "prompts": "^2.4.1"
+    "prompts": "^2.4.1",
+    "rimraf": "^3.0.2"
   },
   "files": [
     "bin/",

package/src/git.js

@@ -0,0 +1,78 @@
+import { spawn } from 'child_process'
+import rimraf from 'rimraf'
+
+function git(opts) {
+  return opts.git || 'git'
+}
+
+function buildCloneCommand(repo, targetPath, opts) {
+  let args = [ 'clone' ]
+  const userArgs = opts.args || []
+
+  if (opts.shallow) {
+    if (userArgs.indexOf('--depth') >= 0) {
+      throw new Error('\'--depth\' cannot be specified when shallow is set to \'true\'')
+    }
+    args.push('--depth', '1')
+  }
+
+  if (opts.progress) {
+    args.push('--progress')
+  }
+
+  args = args.concat(userArgs)
+  args.push('--', repo, targetPath)
+
+  return [ git(opts), args ]
+}
+
+function buildCheckoutCommand(ref, opts) {
+  return [ git(opts), [ 'checkout', ref ] ]
+}
+
+export function clone(repo, targetPath, opts, onSuccess, onError) {
+  const [ cmd, args ] = buildCloneCommand(repo, targetPath, opts)
+  const proc = spawn(cmd, args)
+
+  if (opts.progress) {
+    proc.stderr.on('data', (evt) => {
+      const line = evt.toString()
+      if (line.match(/Receiving objects:\s+(\d+)%/)) {
+        opts.progress({
+          phase: 'receivingObjects',
+          percent: Number(RegExp.$1)
+        })
+      } else if (line.match(/Resolving deltas:\s+(\d+)%/)) {
+        opts.progress({
+          phase: 'resolvingDeltas',
+          percent: Number(RegExp.$1)
+        })
+      }
+    })
+  }
+
+  proc.on('close', (status) => {
+    if (status == 0) {
+      if (opts.checkout) {
+        _checkout()
+      } else {
+        rimraf(`${targetPath}/.git`, () => {})
+        onSuccess()
+      }
+    } else {
+      onError(new Error('\'git clone\' failed with status ' + status))
+    }
+  })
+
+  function _checkout() {
+    const [ cmd, args ] = buildCheckoutCommand(opts.checkout, opts)
+    const proc = spawn(cmd, args, { cwd: targetPath })
+    proc.on('close', function (status) {
+      if (status == 0) {
+        onSuccess()
+      } else {
+        onError(new Error('\'git checkout\' failed with status ' + status))
+      }
+    })
+  }
+}

package/src/main.js

@@ -1,23 +1,34 @@
 import chalk from 'chalk'
 import fs from 'fs'
+import { reset } from 'kolorist'
+import prompts from 'prompts'
 import { fileURLToPath } from 'url'
 import Listr from 'listr'
 import ncp from 'ncp'
 import path from 'path'
 import { promisify } from 'util'
 import { createSpinner } from 'nanospinner'
-import { download } from 'obtain-git-repo'
+import { clone } from './git'
 
 const copy = promisify(ncp)
 
 const gitRepositoryList = [
   {
     name: 'gx-design-pro',
-    git: 'https://gitee.com/gx12358/vue3-antd-admin.git'
+    children: [
+      {
+        name: 'Gitee',
+        url: 'https://gitee.com/gx12358/vue3-antd-admin.git',
+      },
+      {
+        name: 'Github',
+        url: 'https://github.com/gx12358/vue3-antd-admin.git',
+      }
+    ]
   },
   {
     name: 'gx-design-thin',
-    git: 'https://gitee.com/gx12358/gx-admin-thin.git'
+    url: 'https://gitee.com/gx12358/gx-admin-thin.git'
   }
 ]
 
@@ -69,14 +80,30 @@ function doneLog(cwd, root) {
   console.log()
 }
 
+function getProjectName(projectName) {
+  return projectName === '.' ? path.basename(path.resolve()) : projectName
+}
+
+function download(url, root, projectName) {
+  const spinner = createSpinner(`开始下载...${url}`).start()
+  // 下载git代码
+  clone(`${url}`, root, { clone: true }, async () => {
+    await editPackageJson(root, projectName || getProjectName(projectName))
+    spinner.success({
+      text: '项目创建成功，请依次执行以下命令'
+    })
+    doneLog(process.cwd(), root)
+  },async function (err) {
+    console.log(err)
+    spinner.error({ text: '下载失败' })
+  })
+}
+
 export async function createProject(options) {
   const cwd = process.cwd()
 
   const root = path.join(cwd, options.projectName)
 
-  const getProjectName = () =>
-    options.projectName === '.' ? path.basename(path.resolve()) : options.projectName
-
   const downloadGit = gitRepositoryList.find(el => el.name === options.template)
 
   const templateDir = path.resolve(
@@ -103,19 +130,25 @@ export async function createProject(options) {
   }
 
   if (downloadGit) {
-    const spinner = createSpinner(`开始下载...${downloadGit.git}`).start()
-    // 下载git代码
-    download(`direct:${downloadGit.git}`, root, { clone: true }, async function (err) {
-      if (err) {
-        spinner.error({ text: '下载失败' })
-      } else {
-        await editPackageJson(root, options.projectName || getProjectName())
-        spinner.success({
-          text: '项目创建成功，请依次执行以下命令'
-        })
-        fs.doneLog(cwd, root)
-      }
-    })
+    if (downloadGit.children && downloadGit.children.length > 0) {
+      prompts([
+        {
+          type: 'select',
+          name: 'url',
+          message: reset('Select a Url:'),
+          choices: downloadGit.children.map((item) => {
+            return {
+              title: item.name,
+              value: item.url
+            }
+          })
+        }
+      ]).then(answers => {
+        if (answers.url) download(answers.url, root, options.projectName)
+      })
+    } else if (downloadGit.url) {
+      download(downloadGit.url, root, options.projectName)
+    }
   } else {
     const tasks = new Listr(
       [
@@ -125,7 +158,7 @@ export async function createProject(options) {
         },
         options.template !== 'mobile-vant-html' ? {
           title: '初始化项目',
-          task: () => editPackageJson(root, options.projectName || getProjectName())
+          task: () => editPackageJson(root, options.projectName || getProjectName(options.projectName))
         } : {}
       ],
       {

package/template-mobile-vant-cli/package.json

@@ -54,4 +54,4 @@
     "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-tsc": "^1.8.27"
   }
-}
+}