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

package/template-gx-design-thin/build/vite/plugin/viteMock/createMockServer.ts

@@ -1,271 +0,0 @@
-import type { MockMethod, Recordable, RespThisType, ViteMockOptions } from './types'
-import path from 'node:path'
-import fs from 'node:fs'
-import chokidar from 'chokidar'
-import colors from 'picocolors'
-import url from 'node:url'
-import fg from 'fast-glob'
-import Mock from 'mockjs'
-import { match, pathToRegexp } from 'path-to-regexp'
-import { isAbsPath, isArray, isFunction, isRegExp, sleep } from './utils'
-import type { IncomingMessage, NextHandleFunction } from 'connect'
-import type { GetOutputFile } from 'bundle-require'
-import { bundleRequire, JS_EXT_RE } from 'bundle-require'
-import type { ResolvedConfig } from 'vite'
-
-export let mockData: MockMethod[] = []
-
-export async function createMockServer(
-  opt: ViteMockOptions = { mockPath: 'mock', configPath: 'vite.mock.config' },
-  config: ResolvedConfig,
-) {
-  opt = {
-    mockPath: 'mock',
-    watchFiles: true,
-    configPath: 'vite.mock.config.ts',
-    logger: true,
-    cors: true,
-    ...opt,
-  }
-
-  if (mockData.length > 0)
-    return
-  mockData = await getMockConfig(opt, config)
-  await createWatch(opt, config)
-}
-
-// request match
-export async function requestMiddleware(opt: ViteMockOptions) {
-  const { logger = true } = opt
-  const middleware: NextHandleFunction = async (req, res, next) => {
-    let queryParams: {
-      query?: {
-        [key: string]: any
-      }
-      pathname?: string | null
-    } = {}
-
-    if (req.url) {
-      queryParams = url.parse(req.url, true)
-    }
-
-    const reqUrl = queryParams.pathname
-
-    const matchRequest = mockData.find((item) => {
-      if (!reqUrl || !item || !item.url) {
-        return false
-      }
-      if (item.method && item.method.toUpperCase() !== req.method) {
-        return false
-      }
-      return pathToRegexp(item.url).test(reqUrl)
-    })
-
-    if (matchRequest) {
-      const isGet = req.method && req.method.toUpperCase() === 'GET'
-      const { response, rawResponse, timeout, statusCode, url } = matchRequest
-
-      if (timeout) {
-        await sleep(timeout)
-      }
-
-      const urlMatch = match(url, { decode: decodeURIComponent })
-
-      let query = queryParams.query as any
-      if (reqUrl) {
-        if ((isGet && JSON.stringify(query) === '{}') || !isGet) {
-          const params = (urlMatch(reqUrl) as any).params
-          if (JSON.stringify(params) !== '{}') {
-            query = (urlMatch(reqUrl) as any).params || {}
-          } else {
-            query = queryParams.query || {}
-          }
-        }
-      }
-
-      const self: RespThisType = { req, res, parseJson: parseJson.bind(null, req) }
-      if (isFunction(rawResponse)) {
-        await rawResponse.bind(self)(req, res)
-      } else {
-        const body = await parseJson(req)
-        res.setHeader('Content-Type', 'application/json')
-        if (opt) {
-          res.setHeader('Access-Control-Allow-Credentials', true)
-          res.setHeader('Access-Control-Allow-Origin', req.headers.origin || '*')
-        }
-        res.statusCode = statusCode || 200
-        const mockResponse = isFunction(response)
-          ? response.bind(self)({ url: req.url as any, body, query, headers: req.headers })
-          : response
-        res.end(JSON.stringify(Mock.mock(mockResponse)))
-      }
-
-      logger && loggerOutput('request invoke', req.url!)
-      return
-    }
-    next()
-  }
-  return middleware
-}
-
-// create watch mock
-function createWatch(opt: ViteMockOptions, config: ResolvedConfig) {
-  const { configPath, logger, watchFiles } = opt
-
-  if (!watchFiles) {
-    return
-  }
-
-  const { absConfigPath, absMockPath } = getPath(opt)
-
-  if (process.env.VITE_DISABLED_WATCH_MOCK === 'true') {
-    return
-  }
-
-  const watchDir = []
-  const exitsConfigPath = fs.existsSync(absConfigPath)
-
-  exitsConfigPath && configPath ? watchDir.push(absConfigPath) : watchDir.push(absMockPath)
-
-  const watcher = chokidar.watch(watchDir, {
-    ignoreInitial: true,
-    // ignore files generated by `bundle require`
-    ignored: '**/_*.bundled_*.(mjs|cjs)',
-  })
-
-  watcher.on('all', async (event, file) => {
-    logger && loggerOutput(`mock file ${event}`, file)
-    mockData = await getMockConfig(opt, config)
-  })
-}
-
-// clear cache
-// function cleanRequireCache(opt: ViteMockOptions) {
-//   if (typeof require === 'undefined' || !require.cache) {
-//     return
-//   }
-//   const { absConfigPath, absMockPath } = getPath(opt)
-//   Object.keys(require.cache).forEach((file) => {
-//     if (file === absConfigPath || file.indexOf(absMockPath) > -1) {
-//       delete require.cache[file]
-//     }
-//   })
-// }
-
-function parseJson(req: IncomingMessage): Promise<Recordable> {
-  return new Promise((resolve) => {
-    let body = ''
-    let jsonStr = ''
-    req.on('data', function (chunk) {
-      body += chunk
-    })
-    req.on('end', function () {
-      try {
-        jsonStr = JSON.parse(body)
-      } catch (err) {
-        jsonStr = ''
-      }
-      resolve(jsonStr as any)
-      return
-    })
-  })
-}
-
-// load mock .ts files and watch
-async function getMockConfig(opt: ViteMockOptions, config: ResolvedConfig) {
-  const { absConfigPath, absMockPath } = getPath(opt)
-  const { ignore, configPath, logger } = opt
-
-  let ret: MockMethod[] = []
-  if (configPath && fs.existsSync(absConfigPath)) {
-    logger && loggerOutput(`load mock data from`, absConfigPath)
-    ret = await resolveModule(absConfigPath, config)
-    return ret
-  }
-
-  const mockFiles = fg
-    .sync(`**/*.{ts,mjs,js}`, {
-      cwd: absMockPath,
-    })
-    .filter((item) => {
-      if (!ignore) {
-        return true
-      }
-      if (isFunction(ignore)) {
-        return !ignore(item)
-      }
-      if (isRegExp(ignore)) {
-        return !ignore.test(path.basename(item))
-      }
-      return true
-    })
-  try {
-    ret = []
-    const resolveModulePromiseList = []
-
-    for (let index = 0; index < mockFiles.length; index++) {
-      const mockFile = mockFiles[index]
-      resolveModulePromiseList.push(resolveModule(path.join(absMockPath, mockFile), config))
-    }
-    const loadAllResult = await Promise.all(resolveModulePromiseList)
-    for (const resultModule of loadAllResult) {
-      let mod = resultModule
-      if (!isArray(mod)) {
-        mod = [mod]
-      }
-      ret = [...ret, ...mod]
-    }
-  } catch (error: any) {
-    loggerOutput(`mock reload error`, error)
-    ret = []
-  }
-  return ret
-}
-
-// fixed file generation format
-// use a random path to avoid import cache
-const getOutputFile: GetOutputFile = (filepath, format) => {
-  const dirname = path.dirname(filepath)
-  const basename = path.basename(filepath)
-  const randomname = `${Date.now()}_${Math.random().toString(36).substring(2, 15)}`
-  return path.resolve(
-    dirname,
-    `_${basename.replace(JS_EXT_RE, `.bundled_${randomname}.${format === 'esm' ? 'mjs' : 'cjs'}`)}`,
-  )
-}
-
-// Inspired by vite
-// support mock .ts files
-async function resolveModule(p: string, config: ResolvedConfig): Promise<any> {
-  const mockData = await bundleRequire({
-    filepath: p,
-    getOutputFile,
-  })
-
-  let mod = mockData.mod.default || mockData.mod
-  if (isFunction(mod)) {
-    mod = await mod({ env: config.env, mode: config.mode, command: config.command })
-  }
-  return mod
-}
-
-// get custom config file path and mock dir path
-function getPath(opt: ViteMockOptions) {
-  const { mockPath, configPath } = opt
-  const cwd = process.cwd()
-  const absMockPath = isAbsPath(mockPath) ? mockPath! : path.join(cwd, mockPath || '')
-  const absConfigPath = path.join(cwd, configPath || '')
-  return {
-    absMockPath,
-    absConfigPath,
-  }
-}
-
-function loggerOutput(title: string, msg: string, type: 'info' | 'error' = 'info') {
-  const tag = type === 'info' ? colors.cyan(`[vite:mock]`) : colors.red(`[vite:mock-server]`)
-  return console.log(
-    `${colors.dim(new Date().toLocaleTimeString())} ${tag} ${colors.green(title)} ${colors.dim(
-      msg,
-    )}`,
-  )
-}

package/template-gx-design-thin/build/vite/plugin/viteMock/index.ts

@@ -1,69 +0,0 @@
-(async () => {
-  try {
-    await import('mockjs')
-  } catch (e) {
-    throw new Error('vite-plugin-vue-mock requires mockjs to be present in the dependency tree.')
-  }
-})()
-
-import type { Plugin, ResolvedConfig } from 'vite'
-import { normalizePath } from 'vite'
-import path from 'node:path'
-import type { ViteMockOptions } from './types'
-import { fileExists } from './utils'
-import { createMockServer, requestMiddleware } from './createMockServer'
-
-function getDefaultPath(supportTs = true) {
-  return path.resolve(process.cwd(), `src/main.${supportTs ? 'ts' : 'js'}`)
-}
-
-export function viteMockServe(opt: ViteMockOptions = {}): Plugin {
-  let isDev = false
-  let needSourcemap = false
-  let config: ResolvedConfig
-  let defaultPath = getDefaultPath()
-  if (!fileExists(defaultPath)) {
-    defaultPath = getDefaultPath(false)
-    if (!fileExists(defaultPath)) {
-      defaultPath = ''
-    }
-  }
-
-  const defaultEnter = normalizePath(defaultPath)
-
-  const { injectFile = defaultEnter } = opt
-
-  return {
-    name: 'vite:mock',
-    enforce: 'pre' as const,
-    configResolved(resolvedConfig) {
-      config = resolvedConfig
-      isDev = config.command === 'serve'
-      needSourcemap = !!resolvedConfig.build.sourcemap
-      isDev && createMockServer(opt, config)
-    },
-
-    configureServer: async ({ middlewares }) => {
-      const { enable = isDev } = opt
-      if (!enable) {
-        return
-      }
-      const middleware = await requestMiddleware(opt)
-      middlewares.use(middleware)
-    },
-    transform: (code, id) => {
-      if (isDev || !injectFile || !id.endsWith(injectFile)) {
-        return null
-      }
-
-      const { injectCode = '' } = opt
-
-      return {
-        map: needSourcemap ? this.getCombinedSourcemap() : null,
-        code: `${code}\n${injectCode}`
-      }
-    }
-  }
-}
-
-export * from './types'

package/template-gx-design-thin/build/vite/plugin/viteMock/types.ts

@@ -1,48 +0,0 @@
-import { IncomingMessage, ServerResponse } from 'http'
-
-export interface ViteMockOptions {
-  mockPath?: string;
-  configPath?: string;
-  injectFile?: string;
-  injectCode?: string;
-  ignore?: RegExp | ((fileName: string) => boolean);
-  watchFiles?: boolean;
-  enable?: boolean;
-  cors?: boolean;
-  /**
-   * Automatic recognition, no need to configure again
-   * @deprecated Deprecated after 2.8.0
-   */
-  supportTs?: boolean;
-  logger?: boolean;
-}
-
-export interface RespThisType {
-  req: IncomingMessage
-  res: ServerResponse
-  parseJson: () => any
-}
-
-export type MethodType = 'get' | 'post' | 'put' | 'delete' | 'patch'
-
-export type Recordable<T = any> = Record<string, T>
-
-export declare interface MockMethod {
-  url: string
-  method?: MethodType
-  timeout?: number
-  statusCode?: number
-  response?:
-    | ((
-    this: RespThisType,
-    opt: { url: Recordable; body: Recordable; query: Recordable; headers: Recordable },
-  ) => any)
-    | any
-  rawResponse?: (this: RespThisType, req: IncomingMessage, res: ServerResponse) => void
-}
-
-export interface MockConfig {
-  env: Record<string, any>
-  mode: string
-  command: 'build' | 'serve'
-}

package/template-gx-design-thin/build/vite/plugin/viteMock/utils.ts

@@ -1,48 +0,0 @@
-import fs from 'node:fs'
-
-const toString = Object.prototype.toString
-
-export function is(val: unknown, type: string) {
-  return toString.call(val) === `[object ${type}]`
-}
-
-export function fileExists(f: string) {
-  try {
-    fs.accessSync(f, fs.constants.W_OK);
-    return true;
-  } catch (error) {
-    return false;
-  }
-}
-
-export function isFunction<T = Function>(val: unknown): val is T {
-  return is(val, 'Function') || is(val, 'AsyncFunction')
-}
-
-export function isArray(val: any): val is Array<any> {
-  return val && Array.isArray(val)
-}
-
-export function isRegExp(val: unknown): val is RegExp {
-  return is(val, 'RegExp')
-}
-
-export function isAbsPath(path: string | undefined) {
-  if (!path) {
-    return false
-  }
-  // Windows 路径格式：C:\ 或 \\ 开头，或已含盘符（D:\path\to\file）
-  if (/^([a-zA-Z]:\\|\\\\|(?:\/|\uFF0F){2,})/.test(path)) {
-    return true
-  }
-  // Unix/Linux 路径格式：/ 开头
-  return /^\/[^/]/.test(path)
-}
-
-export function sleep(time: number) {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve('')
-    }, time)
-  })
-}

package/template-gx-design-thin/build/vite/plugin/viteNotice.ts

@@ -1,40 +0,0 @@
-import type { Plugin } from 'vite'
-import chalk from 'chalk'
-import { readPackageJSON } from 'pkg-types'
-import { defaultSettings } from '../../../config'
-import { getPackageSize, getRootPath, rootPath } from '../../util'
-
-const { outputDir } = defaultSettings
-
-export default async function viteNotice(): Promise<Plugin> {
-  let config: { command: string }
-  const { name = '' } = await readPackageJSON(rootPath)
-
-  return {
-    name: 'vite:notice',
-    configResolved(resolvedConfig) {
-      config = resolvedConfig
-    },
-    buildStart() {
-      console.log(
-        chalk.bold(
-          chalk.green(
-            `👏Welcome to use ${chalk.blue(
-              '[gx-design-pro]'
-            )}, If you feel good, remember to click on the link below to give a star https://github.com/gx12358/vue3-antd-admin`
-          )
-        )
-      )
-    },
-    closeBundle() {
-      if (config.command === 'build') {
-        getPackageSize({
-          folder: getRootPath(outputDir),
-          callBack: (size: string) => {
-            console.log(chalk.bold(chalk.green(`✨ ${chalk.blue(`[${name}]`)} all build successfully, Total files ${size}`)))
-          }
-        })
-      }
-    }
-  }
-}

package/template-gx-design-thin/commitlint.config.cjs

@@ -1,32 +0,0 @@
-module.exports = {
-  ignores: [(commit) => commit.includes('init')],
-  extends: ['@commitlint/config-conventional'],
-  rules: {
-    'body-leading-blank': [2, 'always'],
-    'footer-leading-blank': [1, 'always'],
-    'header-max-length': [2, 'always', 108],
-    'subject-empty': [2, 'never'],
-    'type-empty': [2, 'never'],
-    'type-enum': [
-      2,
-      'always',
-      [
-        'feat',
-        'fix',
-        'perf',
-        'style',
-        'docs',
-        'test',
-        'refactor',
-        'build',
-        'ci',
-        'chore',
-        'revert',
-        'wip',
-        'workflow',
-        'types',
-        'release',
-      ],
-    ],
-  },
-};

package/template-gx-design-thin/config/default/defaultSettings.ts

@@ -1,78 +0,0 @@
-/**
- * @description 导出默认通用配置
- */
-const settingConfig: SettingConfig = {
-  // 开发以及部署时的URL，hash模式时在不确定二级目录名称的情况下建议使用""代表相对路径或者"/二级目录/"，history模式默认使用"/"或者"/二级目录/"
-  publicPath: './',
-  // 生产环境构建文件的目录名
-  outputDir: 'dist',
-  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
-  assetsDir: 'static',
-  // 标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
-  title: 'GX Pro Admin',
-  // 短标题
-  shortName: 'gx_pro_admin',
-  // 标题分隔符
-  titleSeparator: ' - ',
-  // 标题是否反转 如果为false:"page - title"，如果为ture:"title - page"
-  titleReverse: false,
-  // 是否开启水印
-  waterMark: true,
-  // 水印字符
-  waterMarkTitle: 'GX Pro Admin',
-  // 滚动区域选择器
-  viewScrollRoot: '#gx-pro-admin>.gx-scrollbar>.gx-scrollbar-wrap',
-  // 开启cdn
-  useCdn: true,
-  // cdn 地址
-  cdnUrl: 'https://cdn.bootcdn.net/ajax/libs/{name}/{version}/{path}',
-  // cdn 模块集合
-  cdnModules: [
-    {
-      name: 'axios',
-      globalName: 'axios',
-      path: 'axios.min.js'
-    },
-    {
-      name: 'dayjs',
-      globalName: 'dayjs',
-      path: 'dayjs.min.js'
-    }
-  ],
-  // 开启proxy
-  useProxy: true,
-  // proxy target
-  proxyTarget: 'http://127.0.0.1:3000',
-  // 接口前缀
-  requestPrefix: '/api',
-  // mock-接口前缀
-  mockPrefixUrl: '/mock-server',
-  // 开发环境端口号
-  devPort: 9280,
-  // pro版本copyright可随意修改
-  copyright: 'gx12358 2539306317@qq.com',
-  // 缓存路由的最大数量
-  keepAliveMaxNum: 99,
-  // 路由模式，可选值为 browser 或 hash
-  routerMode: 'hash',
-  // 不经过token校验的路由
-  routesWhiteList: [ '/user/login', '/user/register', '/exception/404', '/exception/403' ],
-  // token名称
-  tokenName: 'Authorization',
-  // token在localStorage、sessionStorage、cookie存储的key的名称
-  tokenTableName: 'GxAccessToken',
-  // token存储位置localStorage sessionStorage cookie
-  storage: 'localStorage',
-  // token失效回退到登录页时是否记录本次的路由
-  recordRoute: false,
-  // 是否开启登录拦截
-  loginInterception: true,
-  // 是否开启登录RSA加密
-  loginRSA: false,
-  // front（前端导出路由）和 all（后端导出路由）两种方式
-  authentication: 'all',
-  // mock数据是否检查token
-  checkMockToken: true
-}
-
-export default settingConfig

package/template-gx-design-thin/config/default/network.ts

@@ -1,10 +0,0 @@
-/**
- * @description 导出默认网路配置
- **/
-const networkSetting: NetworkConfig = {
-  // 最长请求时间
-  requestTimeout: 10000,
-  // 操作正常code，支持String、Array、Number多种类型
-  successCode: [ 200, 0 ]
-}
-export default networkSetting

package/template-gx-design-thin/config/default/proxy.ts

@@ -1,47 +0,0 @@
-/**
- * 在生产环境 代理是无法生效的，所以这里没有生产环境的配置
- * The agent cannot take effect in the production environment
- * so there is no configuration of the production environment
- * For details, please see
- * https://pro.ant.design/docs/deploy
- */
-import type { ProxyOptions } from 'vite'
-import { isObject, isString } from '@gx-design-vue/pro-utils'
-import defaultSettings from './defaultSettings'
-
-type ProxyTargetList = ProxyOptions & { rewrite: (path: string) => string }
-
-export function createProxy(prefix) {
-  const ret = {
-    dev: {},
-    test: {},
-    pre: {}
-  }
-
-  if (isObject(defaultSettings.proxyTarget)) {
-    Object.keys(defaultSettings.proxyTarget).forEach((prefix) => {
-      const proxy = {
-        target: `${defaultSettings.proxyTarget[prefix]}`,
-        changeOrigin: true,
-        ws: true,
-        rewrite: path => path.replace(new RegExp(`^${prefix}`), '')
-      } as ProxyTargetList
-
-      ret.dev[prefix] = proxy
-      ret.test[prefix] = proxy
-      ret.pre[prefix] = proxy
-    })
-  } else if (isString(defaultSettings.proxyTarget)) {
-    const proxy = {
-      target: `${defaultSettings.proxyTarget}`,
-      changeOrigin: true,
-      ws: true,
-      rewrite: path => path.replace(new RegExp(`^${prefix}`), '')
-    }
-    ret.dev[prefix] = proxy
-    ret.test[prefix] = proxy
-    ret.pre[prefix] = proxy
-  }
-
-  return ret
-}

package/template-gx-design-thin/config/default/theme.ts

@@ -1,3 +0,0 @@
-export default {
-  colorPrimary: '#1677FF'
-} as ProAliasToken

package/template-gx-design-thin/config/index.ts

@@ -1,11 +0,0 @@
-import theme from './default/theme'
-import network from './default/network'
-import defaultSettings from './default/defaultSettings'
-
-export * from './default/proxy'
-
-export {
-  theme,
-  network,
-  defaultSettings
-}