feat: 赋能自动化 npm 配套设施 (#121)

Author: eviIIt

.gitignore

@@ -2,3 +2,4 @@
 /components
 .idea
 .DS_Store
+v-test

README-zh.md

@@ -85,22 +85,24 @@ yarn publish
 
 `-u`, `--upgrade`
 
-根据 template目录下模板，生成新的文件，更新到当前组件中。使用的是覆盖策略，默认覆盖的文件定义在 update-files.js。常用于使用最新版本vue-sfc-cli对旧组件的配置进行升级
+根据 template 目录下模板，生成新的文件，更新到当前组件中。使用的是覆盖策略，默认覆盖的文件定义在 update-files.js。常用于使用最新版本 vue-sfc-cli 对旧组件的配置进行升级。
+
+**此参数还可以让任意 node.js 项目通过 travis ci 自动发布到 NPM**
 
 ```
 # cd my-component
 npx vue-sfc-cli -u
 ```
 
-`—-files`
+`--files`
 
 如果想更新额外的文件，可以传此选项，后接文件名，多个文件使用 `,` 分隔
 
 ```
-npx vue-sfc-cli -u --files package.json,.babelrc.js
+npx vue-sfc-cli -u --files .babelrc.js,.eslintrc.js
 ```
 
-`-—test` 
+`--test` 
 
 生成一个测试的组件模板，常用于ci环境测试。
 

README.md

@@ -102,20 +102,22 @@ yarn publish
 
 According to the template files in the templates directory, new files will be generated and override the files with same name in current component directory. The default override files is defined in update-files.js. This option often used to upgrade the configuration of old components using the latest version of vue-sfc-cli：
 
+**This option can also help any node.js project to set up configuration of AUTO npm publishment via travis ci**
+
 ```
 # cd my-component
 npx vue-sfc-cli -u
 ```
 
-`—-files`
+`--files`
 
 If you want to update additional files, you can pass this option, multiple files use `,` to separate
 
 ```
-npx vue-sfc-cli -u --files package.json,.babelrc.js
+npx vue-sfc-cli -u --files .babelrc.js,.eslintrc.js
 ```
 
-`-—test`
+`--test`
 
 Generate a component template for testing, commonly used in CI .
 

config/update-files.js

@@ -6,7 +6,7 @@ const parseArgs = require('./lib/parseArgs')
 const kleur = require('kleur')
 const path = require('path')
 const readline = require('readline-sync')
-const fs = require('fs-extra')
+const { setShellFilePermission } = require('./utils/update-files')
 
 const argv = parseArgs(process.argv.slice(2))
 
@@ -80,8 +80,7 @@ if (!isUpgrade()) {
     }
   })
 
-  fs.chmodSync(path.join(outDir, 'build.sh'), '755')
-  fs.chmodSync(path.join(outDir, 'notify.sh'), '755')
+  setShellFilePermission(outDir)
 
   logger.success(`Generated into ${kleur.underline(outDir)}`)
 }

init.js

@@ -2,6 +2,7 @@ const { logger, parseContent } = require('../utils')
 const glob = require('glob')
 const path = require('path')
 const fs = require('fs-extra')
+const _set = require('lodash.set')
 
 module.exports = class FileActions {
   constructor(opts = {}) {
@@ -46,7 +47,7 @@ module.exports = class FileActions {
 
   upgrade(extraFiles = []) {
     const filesFromCli = this.opts.argv.get('files') || ''
-    const shouldUpdateFiles = require('../config/update-files')
+    const { shouldUpdateFiles, setShellFilePermission, todoFiles } = require('../utils/update-files')
 
     const files = shouldUpdateFiles.concat(extraFiles, filesFromCli.split(','))
 
@@ -70,37 +71,67 @@ module.exports = class FileActions {
       logger.fileAction('yellow', 'Upgraded', path.relative(process.cwd(), target))
     })
 
-    fs.chmodSync(path.join(process.cwd(), 'build.sh'), '755')
-    fs.chmodSync(path.join(process.cwd(), 'notify.sh'), '755')
+    setShellFilePermission(process.cwd())
 
     upgradePackageJson(
+      // @ts-ignore
       Object.assign(
         this.opts,
         {
-          source: fs.readFileSync(path.join(this.opts.templatesDir, '_package.json'), 'utf8'),
-          includePkg: files.includes('package.json')
+          source: fs.readFileSync(path.join(this.opts.templatesDir, '_package.json'), 'utf8')
         }
       )
     )
+
+    console.log()
+    todoFiles.forEach(todoFile => logger.todo(todoFile.msg))
+    logger.info('After double-check, you should run `yarn` or `npm i` to install the injected devDependencies.')
   }
 }
 
-function upgradePackageJson({ pkg, source, componentName, ownerName, includePkg }) {
-  const properties = ['scripts', 'devDependencies', 'husky', 'lint-staged']
-  const cliVersion = require('../package.json').version
-
+function upgradePackageJson({ pkg, source, componentName, ownerName }) {
   const templatePkg = JSON.parse(parseContent(source, { componentName, ownerName }))
+  const cliVersion = require('../package.json').version
   const currentPkg = pkg
 
-  if (currentPkg['vue-sfc-cli']) {
-    currentPkg['vue-sfc-cli'] = cliVersion
-  }
-
-  if (includePkg) {
-    properties.forEach(key => {
-      currentPkg[key] = Object.assign(pkg[key] || {}, templatePkg[key])
+  const properties = [
+    // 保证 scripts[stdver,release] 都是来自模板
+    {
+      key: 'scripts',
+      overrideValue: {
+        stdver: templatePkg.scripts.stdver,
+        release: templatePkg.scripts.release
+      },
+      fallbackValue: {
+        test: 'echo "Info: no test specified"'
+      }
+    },
+    // 保证 devDependencies[@femessage/github-release-notes,standard-version] 都是来自模板
+    {
+      key: 'devDependencies',
+      overrideValue: {
+        '@femessage/github-release-notes': templatePkg.devDependencies['@femessage/github-release-notes'],
+        'standard-version': templatePkg.devDependencies['standard-version']
+      }
+    }
+  ]
+
+  _set(currentPkg, 'vue-sfc-cli', cliVersion)
+  // gren 以用户的 gren 优先
+  _set(currentPkg, 'gren', currentPkg.gren || templatePkg.gren)
+  // publishConfig.asscess = 'public'
+  _set(currentPkg, ['publishConfig', 'access'], templatePkg.publishConfig.access)
+
+  properties.forEach(prop => {
+    // {}, 预防的字段，用户的字段，最终保证的字段
+    _set(currentPkg, prop.key, Object.assign({}, prop.fallbackValue, currentPkg[prop.key], prop.overrideValue))
+
+    // 以用户的 package.json 文件为基础，避免因合并后造成排序混乱导致 review 增加负担。
+    Object.keys(pkg[prop.key]).forEach(k => {
+      // 以顺序赋值
+      _set(currentPkg, [prop.key, k], Object.assign({}, templatePkg[prop.key], pkg[prop.key])[k])
     })
-  }
+  })
 
   fs.outputJSONSync(path.join(process.cwd(), 'package.json'), currentPkg, {
     spaces: 2

lib/fileActions.js

@@ -30,6 +30,7 @@
     "fs-extra": "^7.0.1",
     "glob": "^7.1.3",
     "kleur": "^3.0.3",
+    "lodash.set": "^4.3.2",
     "mri": "^1.1.4",
     "readline-sync": "^1.4.9"
   },

package.json

@@ -15,12 +15,12 @@ after_script:
 - ./notify.sh
 cache: yarn
 deploy:
-- provider: pages
-  local-dir: docs
+- provider: pages # you may delete this provider if you don't need deployment of github pages
+  local-dir: docs # https://docs.travis-ci.com/user/deployment/packagecloud/#specify-package-folder
   github-token: $GITHUB_TOKEN
   skip-cleanup: true
   keep-history: true
 - provider: npm
-  email: [email protected]
+  email: [email protected] # use your own email
   api_key: $NPM_TOKEN
   skip-cleanup: true

templates/.travis.yml

@@ -39,7 +39,7 @@
     "@babel/core": "^7.4.3",
     "@babel/plugin-transform-runtime": "^7.4.3",
     "@babel/preset-env": "^7.4.3",
-    "@femessage/github-release-notes": "^0.19.0",
+    "@femessage/github-release-notes": "latest",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.5",
     "eslint": "^6.6.0",

templates/_package.json

@@ -1,4 +1,5 @@
 const logger = require('./logger')
+const rs = require('./replace-string')
 
 exports.logger = logger
 
@@ -7,13 +8,14 @@ exports.pascalify = pascalify
 exports.kebabcasify = kebabcasify
 
 exports.parseContent = (content, { componentName, ownerName }) => {
-  return content
-    .replace(createRegExp('componentNamePascal'), pascalify(componentName))
-    .replace(createRegExp('componentName'), kebabcasify(componentName))
-    .replace(createRegExp('ownerName'), ownerName)
-    .replace(createRegExp('ownerNameLowerCase'), ownerName.toLowerCase())
-    .replace(createRegExp('cliVersion'), require('../package.json').version)
-    .replace(createRegExp('licenseYear'), new Date().getFullYear())
+  return rs(content, {
+    componentNamePascal: pascalify(componentName),
+    componentName: kebabcasify(componentName),
+    ownerName,
+    ownerNameLowerCase: ownerName.toLowerCase(),
+    cliVersion: require('../package.json').version,
+    licenseYear: new Date().getFullYear()
+  })
 }
 
 function kebabcasify(content) {
@@ -27,7 +29,3 @@ function pascalify(content) {
   const camelized = content.replace(/-([a-z])/g, c => c[1].toUpperCase())
   return camelized.charAt(0).toUpperCase() + camelized.slice(1)
 }
-
-function createRegExp(str) {
-  return new RegExp(`{{\\s?${str}\\s?}}`, 'g')
-}