@gx-design-vue/create-gx-cli 0.1.12 → 0.1.14

package/bin/create-gx-cli

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
 
-require = require('esm')(module /*, options*/);
-require('../src/cli.js').cli();
+import { cli } from '../src/cli.js'
+
+cli()

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@gx-design-vue/create-gx-cli",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "license": "MIT",
+  "type": "module",
   "description": "a cli to bootstrap gx project",
-  "main": "src/index.js",
+  "main": "bin/create-gx-cli",
   "bin": "bin/create-gx-cli",
   "publishConfig": {
     "access": "public"
@@ -16,7 +17,6 @@
   "dependencies": {
     "chalk": "^2.4.2",
     "child_process": "^1.0.2",
-    "esm": "^3.2.18",
     "execa": "^8.0.1",
     "inquirer": "^6.2.2",
     "kolorist": "^1.6.0",
@@ -25,7 +25,7 @@
     "nanospinner": "^1.1.0",
     "ncp": "^2.0.0",
     "prompts": "^2.4.1",
-    "rimraf": "^3.0.2"
+    "rimraf": "^6.0.1"
   },
   "files": [
     "bin/",

package/src/cli.js

@@ -1,12 +1,14 @@
 import chalk from 'chalk'
+import fs from 'node:fs'
+import path from 'node:path'
 import minimist from 'minimist'
 import prompts from 'prompts'
-import { yellow, reset, blue, red, green } from 'kolorist'
-import { createProject } from './main'
+import { blue, green, red, reset, yellow } from 'kolorist'
+import { createProject } from './main.js'
 
-import pag from '../package.json'
-
-const { version } = pag
+let packageJSON = fs.readFileSync(path.join('../package.json'), 'utf-8')
+packageJSON = JSON.parse(packageJSON)
+const { version } = packageJSON
 
 const defaultTargetDir = 'vue3-project'
 
@@ -16,7 +18,7 @@ const FRAMEWORKS = [
     color: red
   },
   {
-    name: 'gx-design-thin',
+    name: 'gx-design-pro-thin',
     color: blue
   },
   {
@@ -30,7 +32,7 @@ const FRAMEWORKS = [
 ]
 
 const TEMPLATES = FRAMEWORKS.map(
-  (f) => (f.variants && f.variants.map((v) => v.name)) || [f.name]
+  f => (f.variants && f.variants.map(v => v.name)) || [f.name]
 ).reduce((a, b) => a.concat(b), [])
 
 function formatTargetDir(targetDir) {

package/src/git.js

@@ -1,5 +1,6 @@
+// eslint-disable-next-line unicorn/prefer-node-protocol
 import { spawn } from 'child_process'
-import rimraf from 'rimraf'
+import { rimraf } from 'rimraf'
 
 function git(opts) {
   return opts.git || 'git'
@@ -10,7 +11,7 @@ function buildCloneCommand(repo, targetPath, opts) {
   const userArgs = opts.args || []
 
   if (opts.shallow) {
-    if (userArgs.indexOf('--depth') >= 0) {
+    if (userArgs.includes('--depth')) {
       throw new Error('\'--depth\' cannot be specified when shallow is set to \'true\'')
     }
     args.push('--depth', '1')
@@ -40,11 +41,13 @@ export function clone(repo, targetPath, opts, onSuccess, onError) {
       if (line.match(/Receiving objects:\s+(\d+)%/)) {
         opts.progress({
           phase: 'receivingObjects',
+          // eslint-disable-next-line regexp/no-legacy-features
           percent: Number(RegExp.$1)
         })
       } else if (line.match(/Resolving deltas:\s+(\d+)%/)) {
         opts.progress({
           phase: 'resolvingDeltas',
+          // eslint-disable-next-line regexp/no-legacy-features
           percent: Number(RegExp.$1)
         })
       }
@@ -52,11 +55,11 @@ export function clone(repo, targetPath, opts, onSuccess, onError) {
   }
 
   proc.on('close', (status) => {
-    if (status == 0) {
+    if (status === 0) {
       if (opts.checkout) {
         _checkout()
       } else {
-        rimraf(`${targetPath}/.git`, () => {})
+        rimraf(`${targetPath}/.git`)
         onSuccess()
       }
     } else {
@@ -68,7 +71,7 @@ export function clone(repo, targetPath, opts, onSuccess, onError) {
     const [ cmd, args ] = buildCheckoutCommand(opts.checkout, opts)
     const proc = spawn(cmd, args, { cwd: targetPath })
     proc.on('close', function (status) {
-      if (status == 0) {
+      if (status === 0) {
         onSuccess()
       } else {
         onError(new Error('\'git checkout\' failed with status ' + status))

package/src/main.js

@@ -1,14 +1,14 @@
 import chalk from 'chalk'
-import fs from 'fs'
+import fs from 'node:fs'
 import { reset } from 'kolorist'
 import prompts from 'prompts'
-import { fileURLToPath } from 'url'
+import { fileURLToPath } from 'node:url'
 import Listr from 'listr'
 import ncp from 'ncp'
-import path from 'path'
-import { promisify } from 'util'
+import path from 'node:path'
+import { promisify } from 'node:util'
 import { createSpinner } from 'nanospinner'
-import { clone } from './git'
+import { clone } from './git.js'
 
 const copy = promisify(ncp)
 
@@ -18,11 +18,24 @@ const gitRepositoryList = [
     children: [
       {
         name: 'Gitee',
-        url: 'https://gitee.com/gx12358/vue3-antd-admin.git',
+        url: 'https://gitee.com/gx12358/vue3-antd-admin.git'
       },
       {
         name: 'Github',
-        url: 'https://github.com/gx12358/vue3-antd-admin.git',
+        url: 'https://github.com/gx12358/vue3-antd-admin.git'
+      }
+    ]
+  },
+  {
+    name: 'gx-design-pro-thin',
+    children: [
+      {
+        name: 'Gitee',
+        url: 'https://github.com/gx12358/vue3-antd-admin-thin.git'
+      },
+      {
+        name: 'Github',
+        url: 'https://github.com/gx12358/vue3-antd-admin-thin.git'
       }
     ]
   }
@@ -33,9 +46,9 @@ async function copyTemplateFiles(templateDir, root) {
   return copy(templateDir, root, {
     clobber: false,
     filter: (sourcePath) => {
-      const relativePath = path.relative(templateDir, sourcePath);
-      const folders = relativePath.split(path.sep);
-      const folderToCheck = folders.length > 1 ? folders[1] : folders[0];
+      const relativePath = path.relative(templateDir, sourcePath)
+      const folders = relativePath.split(path.sep)
+      const folderToCheck = folders.length > 1 ? folders[1] : folders[0]
       return !exclusions.includes(folderToCheck)
     }
   })
@@ -89,7 +102,7 @@ function download(url, root, projectName) {
       text: '项目创建成功，请依次执行以下命令'
     })
     doneLog(process.cwd(), root)
-  },async function (err) {
+  }, async function (err) {
     console.log(err)
     spinner.error({ text: '下载失败' })
   })
@@ -117,7 +130,7 @@ export async function createProject(options) {
     }
   }
 
-  //目录是否已经存在
+  // 目录是否已经存在
   const dirIsExists = fs.existsSync(root)
 
   if (dirIsExists) {
@@ -139,7 +152,7 @@ export async function createProject(options) {
             }
           })
         }
-      ]).then(answers => {
+      ]).then((answers) => {
         if (answers.url) download(answers.url, root, options.projectName)
       })
     } else if (downloadGit.url) {
@@ -150,7 +163,7 @@ export async function createProject(options) {
       {
         title: '项目创建',
         task: () => copyTemplateFiles(templateDir, root)
-      },
+      }
     ]
     if (options.template !== 'mobile-vant-html') {
       listr.push({
@@ -158,7 +171,8 @@ export async function createProject(options) {
         task: () => editPackageJson(root, options.projectName || getProjectName(options.projectName))
       })
     }
-    const tasks = new Listr(listr,
+    const tasks = new Listr(
+      listr,
       {
         exitOnError: false
       }
@@ -170,7 +184,6 @@ export async function createProject(options) {
       doneLog(cwd, root)
     } else {
       console.log(chalk.blueBright(`init success`))
-
     }
   }
   return true

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

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.19",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.27",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.20",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.28",
     "@vueuse/core": "^10.7.2",
     "@vueuse/shared": "^10.7.2",
     "axios": "^1.6.7",
@@ -21,7 +21,8 @@
     "pinia": "2.1.7",
     "qs": "^6.11.0",
     "vant": "^4.8.8",
-    "vue": "^3.3.7",
+    "unocss": "^0.58.5",
+    "vue": "^3.5.0",
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
@@ -33,7 +34,6 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "autoprefixer": "^10.4.13",
-    "unocss": "^0.58.5",
     "mockjs": "^1.1.0",
     "cross-env": "^7.0.3",
     "connect": "^3.7.0",
@@ -54,4 +54,4 @@
     "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-tsc": "^1.8.27"
   }
-}
+}

package/template-gx-design-thin/.editorconfig

@@ -1,19 +0,0 @@
-root = true
-
-[*]
-charset=utf-8
-end_of_line=lf
-insert_final_newline=true
-indent_style=space
-indent_size=2
-max_line_length = 100
-
-[*.{yml,yaml,json}]
-indent_style = space
-indent_size = 2
-
-[*.md]
-trim_trailing_whitespace = false
-
-[Makefile]
-indent_style = tab

package/template-gx-design-thin/.env

@@ -1,4 +0,0 @@
-VITE_HOME_PAGE=https://gx12358.cn
-VITE_HOME_PAGE_DOC=https://gx12358.cn/doc
-VITE_GITHUB_PAGE=https://github.com/gx12358/vue3-antd-admin
-VITE_GITEE_PAGE=https://gitee.com/gx12358/vue3-antd-admin

package/template-gx-design-thin/.env.development

@@ -1,15 +0,0 @@
-# 实际执行环境 development
-VITE_NODE_ENV= development
-
-# environment 代码环境
-VITE_USE_MODE = development
-
-# 是否开启mock
-VITE_USE_MOCK = true
-
-# 是否删除console
-VITE_DROP_CONSOLE = false
-
-# api前缀
-VITE_BASE_URL=/api
-

package/template-gx-design-thin/.env.production

@@ -1,28 +0,0 @@
-# 项目启动执行环境
-VITE_NODE_ENV= production
-
-# 代码运行环境
-VITE_USE_MODE = production
-
-# 是否开启mock
-VITE_USE_MOCK = true
-
-# 是否删除console
-VITE_DROP_CONSOLE = false
-
-# Whether to enable gzip or brotli compression
-# Optional: gzip | brotli | none
-# If you need multiple forms, you can use `,` to separate
-VITE_BUILD_COMPRESS = 'none'
-
-# 使用压缩时是否删除源文件，默认为false
-VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
-
-# 是否使用pwa
-VITE_USE_PWA = false
-
-# 是否为打包后的文件提供传统浏览器兼容性支持
-VITE_LEGACY = false
-
-# api前缀
-VITE_BASE_URL=/mock-server

package/template-gx-design-thin/.eslintignore

@@ -1,16 +0,0 @@
-
-*.sh
-node_modules
-*.md
-*.woff
-*.ttf
-.vscode
-.idea
-dist
-/public
-/docs
-.husky
-.local
-.history
-/bin
-Dockerfile

package/template-gx-design-thin/.prettierignore

@@ -1,9 +0,0 @@
-/dist/*
-.local
-.output.js
-/node_modules/**
-
-**/*.svg
-**/*.sh
-
-/public/*

package/template-gx-design-thin/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 gx12358
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/template-gx-design-thin/README.md

@@ -1,112 +0,0 @@
-<div align="center"> <a href="https://github.com/gx12358/vue3-antd-admin"> <img alt="VbenAdmin Logo" width="200" src="https://gx12358.cn/resource/img/favicon.ico"> </a> <br> <br>
-
-<h1>GX Pro Admin（Ant Design Vue）</h1>
-</div>
-
-## 简介
-
-GX Pro Admin 是一个免费开源的中后台模版。使用了最新的`vue3.0+`,`vite5`,`TypeScript`, `Ant Design Vue4.0+`， `Unocss`等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。
-如果大家喜欢的话，给个start！
-
-## 特性
-
-- **最新技术栈**：使用 Vue3、vite5、ant-design-vue4、unocss 等前端前沿技术开发
-- **TypeScript**: 应用程序级 JavaScript 的语言
-- **主题**：可配置定制化的主题
-- **Mock 数据** 内置 Mock 数据方案
-- **权限** 内置完善的动态路由权限生成方案
-- **组件** 二次封装了多个pro企业级的组件
-
-## 预览
-
-- [🚀 pro 版演示地址](https://gx12358.cn/)
-测试账号: admin/gx.design
-
-- [🚀 系统文档地址](https://gx12358.cn/doc/)
-- [🚀 pro 组件文档地址](https://gx12358.cn/procomponents/)
-
-
-## 准备
-
-- [node](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境
-- [Vite](https://vitejs.dev/) - 熟悉 vite 特性
-- [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法
-- [TypeScript](https://www.typescriptlang.org/) - 熟悉`TypeScript`基本语法
-- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
-- [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用
-- [Ant-Design-Vue](https://next.antdv.com/components/overview-cn/) - ui 基本使用
-- [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法
-
-## 安装使用
-
-- 获取项目代码
-
-```bash
-git clone https://gitee.com/gx12358/vite-admin-pro
-```
-
-- 安装依赖
-
-```bash
-cd gx-admin-pro
-
-pnpm install
-
-```
-
-- 运行
-
-```bash
-pnpm run serve
-```
-
-- 打包
-
-```bash
-pnpm run build
-```
-
-## Git 贡献提交规范
-
-- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 
-  - `feat` 增加新功能
-  - `fix` 修复问题/BUG
-  - `style` 代码风格相关无影响运行结果的
-  - `perf` 优化/性能提升
-  - `refactor` 重构
-  - `revert` 撤销修改
-  - `test` 测试相关
-  - `docs` 文档/注释
-  - `chore` 依赖更新/脚手架配置修改等
-  - `workflow` 工作流改进
-  - `ci` 持续集成
-  - `types` 类型定义文件更改
-  - `wip` 开发中
-
-## 浏览器支持
-
-本地开发推荐使用`Chrome 80+` 浏览器
-
-支持现代浏览器, 不支持 IE
-
-## 相关仓库
-
-如果这些插件对你有帮助，可以给一个 star 支持下
-
-- [vite-plugin-html](https://github.com/anncwb/vite-plugin-html) - 用于 html 模版转换及压缩
-- [vite-plugin-compression](https://github.com/anncwb/vite-plugin-compression) - 用于打包输出.gz|.brotil 文件
-- [vite-plugin-svg-icons](https://github.com/anncwb/vite-plugin-svg-icons) - 用于快速生成 svg 雪碧图
-
-## 维护者
-
-[@gx12358](https://github.com/gx12358/vue3-antd-admin)
-
-## 交流
-
-`Vue3-Antd-Admin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供 QQ 交流群使用问题欢迎在群内提问。
-
-- QQ 群 `871430530`
-
-## License
-
-[MIT © gx12358-2021](./LICENSE)

package/template-gx-design-thin/build/constant.ts

@@ -1 +0,0 @@
-export const GLOB_CONFIG_FILE_NAME = '_app.config.js'

package/template-gx-design-thin/build/generate/generateModifyVars.ts

@@ -1,14 +0,0 @@
-import { resolve } from 'node:path'
-import { theme } from 'ant-design-vue'
-
-export function generateModifyVars() {
-  const { defaultAlgorithm, defaultSeed } = theme
-
-  const mapToken = defaultAlgorithm(defaultSeed)
-  const modifyVarsParams = {
-    ...mapToken,
-    hack: `true;  @import (reference) "${resolve('src/design/config.less')}";`
-  }
-
-  return modifyVarsParams
-}

package/template-gx-design-thin/build/rollupOptions/index.ts

@@ -1,22 +0,0 @@
-import type { RollupOptions } from 'rollup'
-import externalGlobals from 'rollup-plugin-external-globals'
-import { pathResolve } from '../util'
-import { configManualChunk } from '../vite/optimizer'
-import { getExternalMap } from '../vite/cdn'
-
-export default function (useCdn: boolean) {
-  return {
-    input: {
-      index: pathResolve('index.html')
-    },
-    // 静态资源分类打包
-    output: {
-      manualChunks: configManualChunk,
-      chunkFileNames: 'static/js/[name]-[hash].js',
-      entryFileNames: 'static/js/[name]-[hash].js',
-      assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
-    },
-    external: useCdn ? Object.keys(getExternalMap()) : [],
-    plugins: useCdn ? [ externalGlobals(getExternalMap()) ] : []
-  } as RollupOptions
-}

package/template-gx-design-thin/build/util/hash.ts

@@ -1,17 +0,0 @@
-import { createHash } from 'node:crypto'
-
-function createContentHash(content: string, hashLSize = 12) {
-  const hash = createHash('sha256').update(content)
-  return hash.digest('hex').slice(0, hashLSize)
-}
-
-function strToHex(str: string) {
-  const result: string[] = []
-  for (let i = 0; i < str.length; ++i) {
-    const hex = str.charCodeAt(i).toString(16)
-    result.push((`000${hex}`).slice(-4))
-  }
-  return result.join('').toUpperCase()
-}
-
-export { createContentHash, strToHex }