fix(tiny-vue): 内部和开源代码同步，减少维护成本 [WI2023]

Match-id-ff29bb87fa078919ec7b37b0b2d1556776776d01

Author: h-ivy

.cid/tiny-vue-renderless.yml

@@ -0,0 +1,25 @@
+version: 0.1.0
+name: tiny-vue-renderless
+language: nodejs
+
+
+#  构建工具
+dependencies:
+  base:
+    nodejs: best
+    
+#  构建机器
+machine:
+  standard:
+    euler:
+      - default
+    
+#  构建脚本
+scripts:
+  - sh build.sh
+  
+#  构建产物
+artifacts:
+  npm_deploy:
+    - config_path: ./package.json
+      publish_path: ./dist/

.eslintrc

@@ -54,7 +54,7 @@
     "comma-dangle": ["off", "always-multiline"],
     "semi-style": ["warn", "last"],
     "max-lines": ["error", 2000],
-    "max-lines-per-function": ["error", 200],
+    "max-lines-per-function": ["warn", 50],
     "complexity": ["error", 20],
     "max-depth": ["warn", 4],
     "max-nested-callbacks": ["error", 4],
@@ -75,8 +75,8 @@
     "accessor-pairs": "error",
     "no-prototype-builtins": "error",
     "guard-for-in": "error",
-    "eqeqeq": "warn",
-    "no-negated-condition": "warn",
+    "eqeqeq": "off",
+    "no-negated-condition": "off",
     "default-case": "off",
     "no-fallthrough": "error",
     "no-case-declarations": "error",

.husky/_/husky.sh

@@ -0,0 +1,36 @@
+#!/usr/bin/env sh
+if [ -z "$husky_skip_init" ]; then
+  debug () {
+    if [ "$HUSKY_DEBUG" = "1" ]; then
+      echo "husky (debug) - $1"
+    fi
+  }
+
+  readonly hook_name="$(basename -- "$0")"
+  debug "starting $hook_name..."
+
+  if [ "$HUSKY" = "0" ]; then
+    debug "HUSKY env variable is set to 0, skipping hook"
+    exit 0
+  fi
+
+  if [ -f ~/.huskyrc ]; then
+    debug "sourcing ~/.huskyrc"
+    . ~/.huskyrc
+  fi
+
+  readonly husky_skip_init=1
+  export husky_skip_init
+  sh -e "$0" "$@"
+  exitCode="$?"
+
+  if [ $exitCode != 0 ]; then
+    echo "husky - $hook_name hook exited with code $exitCode (error)"
+  fi
+
+  if [ $exitCode = 127 ]; then
+    echo "husky - command not found in PATH=$PATH"
+  fi
+
+  exit $exitCode
+fi

.husky/commit-msg

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn commitlint --edit $1
+npx --no-install commitlint --edit

build.sh

@@ -1,7 +1,7 @@
 #!/bin/bash
 if [ ! $version ];
 then npm version 0.1.0-`date "+%Y%m%d%H%M%S"`; 
-else npm version ${version}; 
+else npm version $version; 
 fi
 
 npm install 

build/build-version.js

@@ -8,20 +8,14 @@ const utils = require('./utils')
 
 const RUNTIME_VERSION = 'process.env.RUNTIME_VERSION'
 const BASE_RUNTIME_PATH = path.join(__dirname, '..', 'dist', 'common')
-const RENDERLESS_VERSION = fs.readJsonSync(
-  path.join(__dirname, '../package.json')
-).version
-
-;['index.js', 'runtime.js'].forEach((fileName) => {
+const RENDERLESS_VERSION = fs.readJsonSync(path.join(__dirname, '../package.json')).version;
+['index.js', 'runtime.js'].forEach((fileName) => {
   const fullPath = path.join(BASE_RUNTIME_PATH, fileName)
 
   if (fs.existsSync(fullPath)) {
     let scriptContent = fs.readFileSync(fullPath).toString('UTF-8')
 
-    scriptContent = scriptContent.replace(
-      RUNTIME_VERSION,
-      `'${RENDERLESS_VERSION}'`
-    )
+    scriptContent = scriptContent.replace(RUNTIME_VERSION, `'${RENDERLESS_VERSION}'`)
 
     fs.writeFileSync(fullPath, scriptContent)
   }

build/create-ui.js

@@ -17,10 +17,7 @@ const createRenderLessIndex = ({ libName }) => {
   `
   const output = utils.prettierFormat({ str: template })
 
-  writeFileSync(
-    utils.mkdirByPathSync(utils.pathJoin('..', 'src', libName, 'index.js')),
-    output
-  )
+  writeFileSync(utils.mkdirByPathSync(utils.pathJoin('..', 'src', libName, 'index.js')), output)
 }
 
 /**
@@ -62,10 +59,7 @@ const createRenderLessValue = ({ libName }) => {
     options: { printWidth: 1000 }
   })
 
-  writeFileSync(
-    utils.mkdirByPathSync(utils.pathJoin('..', 'src', libName, 'vue.js')),
-    output
-  )
+  writeFileSync(utils.mkdirByPathSync(utils.pathJoin('..', 'src', libName, 'vue.js')), output)
 }
 
 if (args.length > 0) {

build/test-unit.js

@@ -1,13 +1,6 @@
 const { sep, join } = require('path')
 const { existsSync, statSync } = require('fs-extra')
-const {
-  getInputCmd,
-  execCmd,
-  kebabCase,
-  logGreen,
-  walkFileTree,
-  logRed
-} = require('./utils')
+const { getInputCmd, execCmd, kebabCase, logGreen, walkFileTree, logRed } = require('./utils')
 
 /**
  * 快捷测试命令，支持单组件、多组件以都号分割、文件夹（非深度遍历）
@@ -49,21 +42,16 @@ for (let i = 0, len = uiNames.length; i < len; i++) {
           callback: (file, subPath) => {
             if (file.indexOf(specSuffixes) > -1) {
               const rootPart = sep + fileName + sep
-              const newPathPart = subPath
-                .substring(subPath.indexOf(rootPart) + rootPart.length - 1)
-                .replace(sep, '/')
+              const newPathPart = subPath.substring(subPath.indexOf(rootPart) + rootPart.length - 1).replace(sep, '/')
               const matchPath = testPath + newPathPart
 
-              !uiMatchs.includes(matchPath) &&
-                uiMatchs.push(testPath + newPathPart)
+              !uiMatchs.includes(matchPath) && uiMatchs.push(testPath + newPathPart)
             }
           }
         })
       } else {
         const matchPath = testPath + specSuffixes
-        existsSync(testPathLink + specSuffixes) &&
-          !uiMatchs.includes(matchPath) &&
-          uiMatchs.push(testPath + specSuffixes)
+        existsSync(testPathLink + specSuffixes) && !uiMatchs.includes(matchPath) && uiMatchs.push(testPath + specSuffixes)
       }
     } else {
       uiMatchs.length = 1
@@ -99,9 +87,5 @@ if (cmdStr) {
     e
   }
 } else {
-  logRed(
-    `Enter the file or folder : ${uiNames.join(
-      ','
-    )} is not exist , please enter valid name.`
-  )
+  logRed(`Enter the file or folder : ${uiNames.join(',')} is not exist , please enter valid name.`)
 }

build/utils.js

@@ -10,34 +10,26 @@ const logger = () => {}
  * 根据运行上下文获取路径（运行时打包用）
  * @returns 文件绝对路径
  */
-const resolveCwd = (...args) => {
-  return path.join(process.cwd(), ...args)
-}
+const resolveCwd = (...args) => path.join(process.cwd(), ...args)
 
 /**
  * 获取模板替换路径（动态）
  * @param {String} posixPath 路径
  * @returns 文件绝对路径
  */
-const assetsPath = (posixPath) => {
-  return path.posix.join('static', posixPath)
-}
+const assetsPath = (posixPath) => path.posix.join('static', posixPath)
 
 /**
  * 根据运行上下文获取，当前运行组件的名称
  * @returns 当前运行组件目录名称
  */
-const getComponentName = () => {
-  return process.cwd().split(path.sep).pop()
-}
+const getComponentName = () => process.cwd().split(path.sep).pop()
 
 /**
  * 获取当前上下文的路径
  * @returns 文件绝对路径
  */
-const pathJoin = (...args) => {
-  return path.join(__dirname, ...args)
-}
+const pathJoin = (...args) => path.join(__dirname, ...args)
 
 /**
  * 获取用户输入命令参数
@@ -69,11 +61,7 @@ const execCmd = (cmdStr) => {
  * @param {String} str 字符串
  * @returns 字符串
  */
-const capitalize = (str) => {
-  return typeof str === 'string'
-    ? str.slice(0, 1).toUpperCase() + str.slice(1)
-    : str
-}
+const capitalize = (str) => (typeof str === 'string' ? str.slice(0, 1).toUpperCase() + str.slice(1) : str)
 
 /**
  * @description 将驼峰字符串转化为以指定字符分割的小写字符串
@@ -84,18 +72,20 @@ const capitalize = (str) => {
  * @param splitChar 分隔符
  */
 const kebabCase = ({ str, splitChar = '-' }) => {
-  if (!str || typeof str !== 'string') return str
+  if (!str || typeof str !== 'string') {
+    return str
+  }
 
   return str
     .split('')
     .map((char, index) => {
       const charCod = char.charCodeAt(0)
 
-      if (charCod < 65 || charCod > 122) return char
+      if (charCod < 65 || charCod > 122) {
+        return char
+      }
 
-      return (charCod >= 65 && charCod) <= 90
-        ? (index !== 0 ? splitChar : '') + char.toLowerCase()
-        : char
+      return (charCod >= 65 && charCod) <= 90 ? (index !== 0 ? splitChar : '') + char.toLowerCase() : char
     })
     .join('')
 }
@@ -104,11 +94,7 @@ const kebabCase = ({ str, splitChar = '-' }) => {
  * 根据文件路径判断是否为文件，未创建的文件路径
  * @param {String} pathLink 文件路径
  */
-const isVirtualFile = (pathLink) => {
-  return ['.js', '.css', '.json', '.vue', '.log', '.md'].some(
-    (item) => pathLink.lastIndexOf(item) > pathLink.length - 5
-  )
-}
+const isVirtualFile = (pathLink) => ['.js', '.css', '.json', '.vue', '.log', '.md'].some((item) => pathLink.lastIndexOf(item) > pathLink.length - 5)
 
 /**
  * 根据文件 url 创建对应的文件夹
@@ -154,11 +140,11 @@ const rmdirAll = (targetDir) => {
  * @param {Function} callback 遍历回调
  */
 const walkFileTree = ({ dirPath, isDeep = false, callback }) => {
-  if (!dirPath || typeof callback !== 'function') return
+  if (!dirPath || typeof callback !== 'function') {
+    return
+  }
 
-  const dirs = fs.readdirSync(
-    path.isAbsolute(dirPath) ? dirPath : path.join(__dirname, dirPath)
-  )
+  const dirs = fs.readdirSync(path.isAbsolute(dirPath) ? dirPath : path.join(__dirname, dirPath))
 
   if (Array.isArray(dirs) && dirs.length > 0) {
     dirs.forEach((file) => {
@@ -214,8 +200,8 @@ const logRed = (str) => {
  * @param {String} str 格式字符
  * @param {Object} options 格式字符
  */
-const prettierFormat = ({ str, options = {} }) => {
-  return require('prettier').format(str, {
+const prettierFormat = ({ str, options = {} }) =>
+  require('prettier').format(str, {
     printWidth: 100,
     jsxBracketSameLine: false,
     tabWidth: 2,
@@ -227,7 +213,6 @@ const prettierFormat = ({ str, options = {} }) => {
     parser: 'babel',
     ...options
   })
-}
 
 module.exports = {
   logRed,