@dypnb/dev-tools 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dypnb/dev-tools",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "开发时的提效工具",
   "main": "lib/bundle.cjs.js",
   "jsnext:main": "lib/bundle.esm.js",
@@ -16,14 +16,16 @@
     "genPage": "node ./dist/genPage/index.js",
     "docs:dev": "vitepress dev docs --host ",
     "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "publishD": "dyp-publish"
   },
   "bin": {
-    "dyp-publish": "dist/publishServer/index.esm.js",
-    "dyp-genPage": "dist/genPage/index.esm.js",
-    "dyp-genSwagger": "dist/genSwagger/index.esm.js"
+    "dyp-publish": "src/publish-server/index.js",
+    "dyp-genPage": "src/gen-page/index.js",
+    "dyp-genSwagger": "dist/gen-page/index.js"
   },
   "dependencies": {
+    "@dypnb/dev-tools": "^1.0.5",
     "axios": "^1.4.0",
     "chalk": "4.1.0",
     "execa": "^5.1.1",
@@ -68,6 +70,7 @@
   },
   "files": [
     "dist/*",
+    "src/*",
     "*.json"
   ],
   "browserslist": [

package/src/dome.vue

@@ -0,0 +1,25 @@
+<template>
+    <div class='dome'>
+      <button>测试</button>
+    </div>
+</template>
+<script>
+export default {
+    components: {
+    },
+    data() {
+        return {
+        }
+    },
+    created() {
+    },
+    mounted() {
+    },
+    computed: {
+    },
+    methods: {
+    },
+}
+</script>
+<style scoped lang='scss'>
+</style>

package/src/gen-page/config.js

@@ -0,0 +1,40 @@
+// 导入模板
+import templateData from "./template.js";
+export default  {
+  // 是否命令行创建
+  isEnter: true,
+  // 文件名
+  name: 'genPageTable',
+  // 默认 view 目录下生成，如果需要指定父目录则写入 fatherFileName
+  path: 'dome', 
+  // 子文件配置
+  child: [
+    {
+      name: 'index.vue',
+      template: (params = {}) => { 
+        return templateData.tablePageTemplate({
+           // 文件标题，替换模板
+           title: 'pageTable',
+          ...params,
+        })
+      },
+      templateConfig: {
+       
+      },
+    },
+    {
+      name: 'constants.js',
+      template:  (params = {}) => { 
+        return templateData.constantsTemplate ({
+           // 文件标题，替换模板
+           title: 'pageTable',
+          ...params,
+        })
+      },
+      templateConfig: {
+        // 文件标题，替换模板
+        title: '',
+      },
+    },
+  ]
+}

package/src/gen-page/index.js

@@ -0,0 +1,122 @@
+#! /usr/bin/env node
+import path  from "path";
+import fs  from "fs";
+import { getGlobalConfig, getDirname, log, successLog, errorLog } from "../utils/index.js";
+import defaultConfig  from "./config.js";
+const __dirname = getDirname();
+const resolve = (...file) => path.resolve(__dirname, ...file);
+
+async function getGenPageConfig() {
+ return await getGlobalConfig('genPageConfig');
+}
+
+// 模板配置
+getGenPageConfig().then(res => {
+    const genPageConfig = res || defaultConfig;
+    if (!genPageConfig) {
+        errorLog('全局模板未配置，使用默认配置')
+    }
+    genPage(genPageConfig);
+});
+
+
+
+
+// 生成文件
+const generateFile = (path, data) => {
+    if (fs.existsSync(path)) {
+        errorLog(`${path}文件已存在`)
+        return
+    }
+    fs.writeFileSync(path, data, 'utf8', err => {
+        if (err) {
+            errorLog(err.message)
+            reject(err)
+        } else {
+            resolve(true)
+        }
+    })
+}
+
+function dotExistDirectoryCreate(directory) {
+    return new Promise((resolve) => {
+        mkdirs(directory, function() {
+            resolve(true)
+        })
+    })
+}
+// 递归创建目录
+function mkdirs(directory, callback) {
+    var exists = fs.existsSync(directory)
+    if (exists) {
+        callback()
+    } else {
+        mkdirs(path.dirname(directory), function() {
+            fs.mkdirSync(directory)
+            callback()
+        })
+    }
+}
+
+
+async function genPageProcess(config, enterName) {
+     // 组件名称
+    const pageName = !enterName ? config.name : enterName;
+    // Vue页面组件路径
+    const pathStr = !config.path ? `${process.env.PWD}/src/views` : `${process.env.PWD}/src/views/${config.path}`;
+    const pagePath = resolve(pathStr, pageName)
+
+    // 判断组件文件夹是否存在
+    const hasComponentExists = fs.existsSync(pagePath)
+    if (hasComponentExists) {
+        errorLog(`${pageName}页面已存在`)
+        if (pageName) {
+            process.stdin.emit('end')
+        }
+        return
+    } else {
+        log(`正在生成${pageName}目录 ${pagePath}`)
+        await dotExistDirectoryCreate(pagePath)
+    }
+    try {
+        // // 获取组件名
+        // if (enterName.includes('/')) {
+        //     const inputArr = enterName.split('/')
+        //     pageName = inputArr[inputArr.length - 1]
+        // } else {
+        //     pageName = enterName
+        // }
+
+        config.child.forEach((item) => {
+            const filePath = resolve(pagePath, item.name)
+            log(`正在生成子文件${item.name} ${filePath}`)
+            generateFile(filePath, item.template({name: pageName}))
+        })
+
+        successLog('生成成功')
+    } catch (e) {
+        errorLog(e.message)
+    }
+    
+}
+
+function genPage(config) {
+    if (!config.isEnter) {
+        genPageProcess(config);
+    } else {
+        log('请输入要生成的页面组件名称、会生成在 views/目录下')
+        process.stdin.on('data', async chunk => {
+            // 组件名称
+            const enterName =  String(chunk).trim().toString();
+            genPageProcess(config, enterName);
+            process.stdin.emit('end')
+        })
+    
+        process.stdin.on('end', () => {
+            log('exit')
+            process.exit()
+        })
+    }
+}
+
+