feat: 初始化时询问输入owner

Author: 2nthony

init.js

@@ -15,6 +15,8 @@ let pkg = {}
  * Prompt user for input to populate template files
  */
 let npmName
+let ownerName
+const OWNER_NAME = 'femessage'
 
 function isUpgrade() {
   return argv.has('u') || argv.has('upgrade')
@@ -24,17 +26,32 @@ if (isUpgrade()) {
   try {
     pkg = require(path.join(process.cwd(), 'package.json'))
     npmName = pkg.name.replace(/^@[\w]*\//, '')
+    ownerName = pkg.name.replace(/^@([\w]*)\/[\w]*/, '$1')
   } catch {}
 }
 
 if (argv.has('test')) {
   npmName = 'v-test'
+  ownerName = OWNER_NAME
 }
 
+const promptAngle = kleur.dim('> ')
 if (!npmName) {
-  npmName = readline.question(
-    '✍️  What is the npm name of your component? '
+  console.log(
+    'The component name:'
   )
+  npmName = readline.prompt({
+    prompt: promptAngle
+  })
+}
+if (!ownerName) {
+  console.log(
+    `The owner: ${kleur.dim(`(${OWNER_NAME})`)}`
+  )
+  ownerName = readline.prompt({
+    prompt: promptAngle,
+    defaultInput: OWNER_NAME
+  })
 }
 
 const componentName = kebabcasify(npmName)
@@ -44,6 +61,7 @@ const fileActions = new FileActions({
   argv,
   pkg,
   componentName,
+  ownerName,
   outDir,
   templatesDir: path.join(__dirname, 'templates')
 })

lib/fileActions.js

@@ -17,7 +17,7 @@ module.exports = class FileActions {
     this.templates.forEach(filepath => {
       const fileName = path.relative(this.opts.templatesDir, filepath)
       const target = path.join(this.opts.outDir, fileName)
-      const content = parseContent(fs.readFileSync(filepath, 'utf8'), this.opts.componentName)
+      const content = parseContent(fs.readFileSync(filepath, 'utf8'), this.opts)
 
       fs.outputFileSync(target, content)
 
@@ -47,6 +47,7 @@ module.exports = class FileActions {
   upgrade(extraFiles = []) {
     const filesFromCli = this.opts.argv.get('files') || ''
 
+    // TODO: 提取
     const files = [
       '.grenrc.js',
       '.prettierrc',
@@ -68,7 +69,7 @@ module.exports = class FileActions {
     upgradeFiles.forEach(filepath => {
       const fileName = path.relative(this.opts.templatesDir, filepath)
       const target = path.join(process.cwd(), fileName)
-      const content = parseContent(fs.readFileSync(filepath, 'utf8'), this.opts.componentName)
+      const content = parseContent(fs.readFileSync(filepath, 'utf8'), this.opts)
 
       fs.outputFileSync(target, content)
 
@@ -78,19 +79,22 @@ module.exports = class FileActions {
     fs.chmodSync(path.join(process.cwd(), 'build.sh'), '755')
     fs.chmodSync(path.join(process.cwd(), 'notify.sh'), '755')
 
-    upgradePackageJson({
-      pkg: this.opts.pkg,
-      source: fs.readFileSync(path.join(this.opts.templatesDir, 'package-json'), 'utf8'),
-      componentName: this.opts.componentName
-    })
+    upgradePackageJson(
+      Object.assign(
+        this.opts,
+        {
+          source: fs.readFileSync(path.join(this.opts.templatesDir, 'package-json'), 'utf8'),
+        }
+      )
+    )
   }
 }
 
-function upgradePackageJson({ pkg, source, componentName }) {
+function upgradePackageJson({ pkg, source, componentName, ownerName }) {
   const properties = ['scripts', 'devDependencies']
   const cliVersion = require('../package.json').version
 
-  const templatePkg = JSON.parse(parseContent(source, componentName))
+  const templatePkg = JSON.parse(parseContent(source, { componentName, ownerName }))
   const currentPkg = pkg
 
   properties.forEach(key => {

templates/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) {{licenseYear}} FEMessage
+Copyright (c) {{licenseYear}} {{ownerName}}
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

templates/README.md

@@ -1,10 +1,10 @@
 # {{componentName}}
 
-[![Build Status](https://travis-ci.com/FEMessage/{{componentName}}.svg?branch=master)](https://travis-ci.com/FEMessage/{{componentName}})
-[![NPM Download](https://img.shields.io/npm/dm/@femessage/{{componentName}}.svg)](https://www.npmjs.com/package/@femessage/{{componentName}})
-[![NPM Version](https://img.shields.io/npm/v/@femessage/{{componentName}}.svg)](https://www.npmjs.com/package/@femessage/{{componentName}})
-[![NPM License](https://img.shields.io/npm/l/@femessage/{{componentName}}.svg)](https://github.com/FEMessage/{{componentName}}/blob/master/LICENSE)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/FEMessage/{{componentName}}/pulls)
+[![Build Status](https://travis-ci.com/{{ownerName}}/{{componentName}}.svg?branch=master)](https://travis-ci.com/{{ownerName}}/{{componentName}})
+[![NPM Download](https://img.shields.io/npm/dm/@{{ownerName}}/{{componentName}}.svg)](https://www.npmjs.com/package/@{{ownerName}}/{{componentName}})
+[![NPM Version](https://img.shields.io/npm/v/@{{ownerName}}/{{componentName}}.svg)](https://www.npmjs.com/package/@{{ownerName}}/{{componentName}})
+[![NPM License](https://img.shields.io/npm/l/@{{ownerName}}/{{componentName}}.svg)](https://github.com/{{ownerName}}/{{componentName}}/blob/master/LICENSE)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/{{ownerName}}/{{componentName}}/pulls)
 [![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)
 
 项目简要说明 + 示例图
@@ -29,7 +29,7 @@
 
 ## Demo
 
-* [doc and online demo](https://femessage.github.io/{{componentName}}/)
+* [doc and online demo](https://{{ownerName}}.github.io/{{componentName}}/)
 
 [⬆ Back to Top](#table-of-contents)
 

templates/build.sh

@@ -3,6 +3,6 @@ yarn stdver
 
 yarn build
 
-git remote add github https://$GITHUB_TOKEN@github.com/FEMessage/{{componentName}}.git > /dev/null 2>&1
+git remote add github https://$GITHUB_TOKEN@github.com/{{ownerName}}/{{componentName}}.git > /dev/null 2>&1
 git push github HEAD:master --follow-tags
 

templates/notify.sh

@@ -1,5 +1,5 @@
 #!/bin/sh
-url=https://api.github.com/repos/FEMessage/{{componentName}}/releases/latest
+url=https://api.github.com/repos/{{ownerName}}/{{componentName}}/releases/latest
 html_url=`curl $url | sed -n 5p | sed 's/\"html_url\"://g' | awk -F '"' '{print $2}'`
 body=`curl $url | grep body | sed 's/\"body\"://g;s/\"//g'`
 

templates/package-json

@@ -1,12 +1,12 @@
 {
-  "name": "@femessage/{{componentName}}",
+  "name": "@{{ownerName}}/{{componentName}}",
   "version": "1.0.0",
   "description": "",
-  "author": "https://github.com/FEMessage",
+  "author": "https://github.com/{{ownerName}}",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/FEMessage/{{componentName}}.git"
+    "url": "https://github.com/{{ownerName}}/{{componentName}}.git"
   },
   "keywords": ["vue", "sfc", "component"],
   "files": ["src", "dist", "yarn.lock"],

templates/styleguide.config.js

@@ -19,7 +19,7 @@ module.exports = {
   styleguideDir: 'docs',
   pagePerSection: true,
   ribbon: {
-    url: 'https://github.com/FEMessage/{{componentName}}'
+    url: 'https://github.com/{{ownerName}}/{{componentName}}'
   },
   sections: [
     {

utils/index.js

@@ -6,10 +6,11 @@ exports.pascalify = pascalify
 
 exports.kebabcasify = kebabcasify
 
-exports.parseContent = (content, componentName) => {
+exports.parseContent = (content, { componentName, ownerName }) => {
   return content
     .replace(createRegExp('componentNamePascal'), pascalify(componentName))
     .replace(createRegExp('componentName'), kebabcasify(componentName))
+    .replace(createRegExp('ownerName'), ownerName)
     .replace(createRegExp('cliVersion'), require('../package.json').version)
     .replace(createRegExp('licenseYear'), new Date().getFullYear())
 }