npm - @gx-design-vue/create-gx-cli - Versions diffs - 0.1.19 → 0.1.21 - Mend

@gx-design-vue/create-gx-cli 0.1.19 → 0.1.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/template-mobile-vant-cli/config/default/proxy.ts ADDED Viewed

@@ -0,0 +1,50 @@
+/**
+ * 在生产环境 代理是无法生效的，所以这里没有生产环境的配置
+ * 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 { proxy } = defaultSettings
+  const ret: Record<ViteEnv['VITE_APP_ENV'], Record<string, Partial<ProxyTargetList>>> = {
+    dev: {
+      [prefix]: {}
+    },
+    pro: {
+      [prefix]: {}
+    }
+  }
+  if (isObject(proxy.target)) {
+    Object.keys(proxy.target).forEach((prefix) => {
+      const proxyOptions: ProxyTargetList = {
+        target: `${proxy.target[prefix]}`,
+        changeOrigin: true,
+        ws: true,
+        rewrite: path => path.replace(new RegExp(`^${prefix}`), '')
+      }
+      ret.dev[prefix] = proxyOptions
+      ret.pro[prefix] = proxyOptions
+    })
+  } else if (isString(proxy.target)) {
+    const proxyOptions: ProxyTargetList = {
+      target: `${proxy.target}`,
+      changeOrigin: true,
+      ws: true,
+      rewrite: path => path.replace(new RegExp(`^${prefix}`), '')
+    }
+    ret.dev[prefix] = proxyOptions
+    ret.pro[prefix] = proxyOptions
+  }
+  return ret
+}

package/template-mobile-vant-cli/config/default/theme.ts ADDED Viewed

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

package/template-mobile-vant-cli/config/index.ts ADDED Viewed

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

package/template-mobile-vant-cli/eslint.config.js ADDED Viewed

@@ -0,0 +1,58 @@
+import antFuEslint from '@antfu/eslint-config'
+export default antFuEslint({
+  vue: true,
+  vueJsx: true,
+  typescript: true,
+  gitignore: true,
+  markdown: true,
+  ignores: [
+    'src/assets/**/*.js',
+    'public',
+    'tsconfig.*.json',
+    'tsconfig.json'
+  ]
+}, {
+  rules: {
+    'curly': 0,
+    'perfectionist/sort-exports': 0,
+    'vue/eqeqeq': 0,
+    'no-console': 0,
+    'vue/no-unused-refs': 0,
+    'no-template-curly-in-string': 0,
+    'vue/prop-name-casing': 0,
+    'vue/html-comment-content-spacing': 0,
+    'style/indent-binary-ops': 0,
+    'antfu/if-newline': 0,
+    'import/order': 0,
+    'style/quote-props': 0,
+    'style/brace-style': 0,
+    'style/comma-dangle': 0,
+    'style/multiline-ternary': 0,
+    'prefer-regex-literals': 0,
+    'antfu/top-level-function': 0,
+    'vue/array-bracket-spacing': 0,
+    'style/array-bracket-spacing': 0,
+    'node/prefer-global/process': 0,
+    'style/indent': 0,
+    'prefer-template': 0,
+    'dot-notation': 0,
+    'no-cond-assign': 0,
+    'no-useless-computed-key': 0,
+    'node/no-deprecated-api': 0,
+    'antfu/consistent-list-newline': 0,
+    'import/no-mutable-exports': 0,
+    'style/member-delimiter-style': 0,
+    'unused-imports/no-unused-imports': 0,
+    'eslint-comments/no-unlimited-disable': 0,
+    'no-async-promise-executor': 0,
+    'unicorn/escape-case': 0,
+    'ts/ban-ts-comment': 0,
+    'ts/prefer-ts-expect-error': 0,
+    'ts/method-signature-style': 0,
+    'style/no-trailing-spaces': 0,
+    'ts/consistent-type-imports': 0,
+    'style/type-generic-spacing': 0,
+    'prefer-promise-reject-errors': 0
+  }
+})

package/template-mobile-vant-cli/index.html ADDED Viewed

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" type="image/x-jpg" />
+  <meta
+    name="viewport"
+    content="width=device-width,viewport-fit=cover,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
+  />
+  <title><%= VUE_APP_TITLE %></title>
+  <% for (var i in injectLink) { %>
+  <link rel="stylesheet" type="text/css" href="<%= injectLink[i] %>" />
+  <% } %>
+</head>
+<body>
+<div id="app">
+  <%- injectAppContent %>
+</div>
+<% for (var i in injectScript) { %>
+<script type="text/javascript" src="<%= injectScript[i] %>"></script>
+<% } %>
+<script type="module" src="/src/main.ts"></script>
+<%- injectVlogScript %>
+</body>
+</html>

package/template-mobile-vant-cli/internal/vite-config/generate/generateModifyVars.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { resolve } from 'node:path'
+export function generateModifyVars() {
+  return {
+    hack: `true; @import (reference) "${resolve('src/design/config.less')}";`
+  }
+}

package/template-mobile-vant-cli/internal/vite-config/rollupOptions/index.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import type { RollupOptions } from 'rollup'
+import externalGlobals from 'rollup-plugin-external-globals'
+import { pathResolve } from '../util'
+import { getExternalMap } from '../vite/cdn'
+import { configManualChunk } from '../vite/optimizer'
+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-mobile-vant-cli/internal/vite-config/util/hash.ts ADDED Viewed

@@ -0,0 +1,17 @@
+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 }

package/template-mobile-vant-cli/internal/vite-config/util/index.ts ADDED Viewed

@@ -0,0 +1,132 @@
+import fs from 'node:fs'
+import path, { resolve } from 'node:path'
+import dotenv from 'dotenv'
+export const rootPath = process.cwd()
+export function pathResolve(dir: string) {
+  return resolve(process.cwd(), '.', dir)
+}
+/**
+ * Whether to generate package preview
+ */
+export function isReportMode(): boolean {
+  return process.env.REPORT === 'true'
+}
+// Read all environment variable configuration files to process.env
+export function wrapperEnv(envConf: Recordable): ViteEnv {
+  const ret: any = {}
+  for (const envName of Object.keys(envConf)) {
+    let realName = envConf[envName].replace(/\\n/g, '\n')
+    realName = realName === 'true' ? true : realName === 'false' ? false : realName
+    ret[envName] = realName
+    process.env[envName] = realName
+  }
+  return ret
+}
+/**
+ * 获取当前环境下生效的配置文件名
+ */
+function getConfFiles() {
+  const script = process.env.npm_lifecycle_script
+  const reg = new RegExp('--mode ([a-z]+)')
+  const result = reg.exec(script as string) as any
+  if (result) {
+    const mode = result[1] as string
+    return [ '.env', `.env.${mode}` ]
+  }
+  return [ '.env', '.env.production' ]
+}
+/**
+ * Get the environment variables starting with the specified prefix
+ * @param match prefix
+ * @param confFiles ext
+ */
+export function getEnvConfig(confFiles = getConfFiles()): Partial<ViteEnv> {
+  let envConfig: Partial<ViteEnv> = {}
+  confFiles.forEach((item) => {
+    try {
+      const env = dotenv.parse(fs.readFileSync(path.resolve(process.cwd(), item)))
+      envConfig = { ...envConfig, ...env }
+    } catch (e) {
+      console.error(`Error in parsing ${item}`, e)
+    }
+  })
+  return envConfig
+}
+/**
+ * Get user root directory
+ * @param dir file path
+ */
+export function getRootPath(...dir: string[]) {
+  return path.resolve(process.cwd(), ...dir)
+}
+export function getDefaultPath(supportTs = true) {
+  return path.resolve(process.cwd(), `src/main.${supportTs ? 'ts' : 'js'}`)
+}
+export function fileExists(f: string) {
+  try {
+    fs.accessSync(f, fs.constants.W_OK)
+    return true
+    // eslint-disable-next-line unused-imports/no-unused-vars
+  } catch (error) {
+    return false
+  }
+}
+function q(t) {
+  return t.reduce((n, e) => n + e)
+}
+function Gt(t, n?: number) {
+  if (t === 0)
+    return '0 Bytes'
+  const e = 1024
+  const r = n || 2
+  const o = [ 'Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB' ]
+  const s = Math.floor(Math.log(t) / Math.log(e))
+  return `${Number.parseFloat((t / e ** s).toFixed(r))} ${o[s]}`
+}
+const ot: number[] = []
+export function getPackageSize({ folder, callBack, format = !0 }) {
+  fs.readdir(folder, (err, files) => {
+    if (err)
+      throw err
+    let index = 0
+    const callBacks = () => {
+      if (++index === files.length) {
+        callBack(format ? Gt(q(ot)) : q(ot))
+      }
+    }
+    files.forEach((p) => {
+      fs.stat(`${folder}/${p}`, (err, stat) => {
+        if (err)
+          throw err
+        if (stat.isFile()) {
+          ot.push(stat.size)
+          callBacks()
+        } else {
+          getPackageSize({
+            folder: `${folder}/${p}`,
+            callBack: callBacks
+          })
+        }
+      })
+    })
+    files.length === 0 && callBack(0)
+  })
+}

package/template-mobile-vant-cli/internal/vite-config/vite/cdn.ts ADDED Viewed

@@ -0,0 +1,65 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { defaultSettings } from '../../../config'
+const { cdn } = defaultSettings
+const { modules = [], url = '' } = cdn
+function getModuleVersion(name: string): string {
+  const pwd = process.cwd()
+  const pkgFile = path.join(pwd, 'node_modules', name, 'package.json')
+  if (fs.existsSync(pkgFile)) {
+    const pkgJson = JSON.parse(fs.readFileSync(pkgFile, 'utf8'))
+    return pkgJson.version
+  }
+  return ''
+}
+function isFullPath(path: string) {
+  return path.startsWith('http:') || path.startsWith('https:') || path.startsWith('//')
+}
+function renderUrl(data: CdnModuleList & {
+  version: string
+}) {
+  const { path } = data
+  if (isFullPath(path))
+    return path
+  return url.replace(/\{name\}/g, data.name)
+    .replace(/\{version\}/g, data.version)
+    .replace(/\{path\}/g, path)
+}
+function getCdnModuleFiles() {
+  return modules.map((m) => {
+    const version = getModuleVersion(m.name)
+    if (!version) {
+      throw new Error(`modules: ${m.name} package.json file does not exist`)
+    }
+    let css = m.css || [] as string[]
+    if (!Array.isArray(css) && css) {
+      css = [ css ]
+    }
+    return {
+      js: renderUrl({
+        ...m,
+        version
+      }),
+      css
+    }
+  })
+}
+export function getExternalMap() {
+  const externalMap = {}
+  modules.forEach((v) => {
+    externalMap[v.name] = v.globalName
+  })
+  return externalMap
+}
+export default getCdnModuleFiles()

package/template-mobile-vant-cli/internal/vite-config/vite/optimizer.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import type { GetManualChunk } from 'rollup'
+const vendorLibs: { match: string[]; output: string }[] = [
+  {
+    match: ['vant'],
+    output: 'vant',
+  },
+  {
+    match: ['crypto-js'],
+    output: 'crypto-js',
+  },
+  {
+    match: ['lodash-es'],
+    output: 'lodash-es',
+  }
+]
+export const configManualChunk: GetManualChunk = (id: string) => {
+  if (/[\\/]node_modules[\\/]/.test(id)) {
+    const matchItem = vendorLibs.find((item) => {
+      const reg = new RegExp(`[\\/]node_modules[\\/]_?(${item.match.join('|')})(.*)`, 'gi')
+      return reg.test(id)
+    })
+    return matchItem ? matchItem.output : null
+  }
+}

package/template-mobile-vant-cli/internal/vite-config/vite/plugin/appConfig.ts ADDED Viewed

@@ -0,0 +1,91 @@
+import type { PluginOption } from 'vite'
+import colors from 'picocolors'
+import { readPackageJSON } from 'pkg-types'
+import { getEnvConfig, rootPath } from '../../util'
+import { createContentHash, strToHex } from '../../util/hash'
+const GLOBAL_CONFIG_FILE_NAME = '_app.config.js'
+const PLUGIN_NAME = 'app-config'
+async function createAppConfigPlugin({
+  isBuild
+}: {
+  isBuild: boolean;
+}): Promise<PluginOption> {
+  let publicPath: string
+  let source: string
+  if (!isBuild) {
+    return {
+      name: PLUGIN_NAME
+    }
+  }
+  const { version = '' } = await readPackageJSON(rootPath)
+  return {
+    name: PLUGIN_NAME,
+    async configResolved(_config) {
+      const appTitle = _config?.env?.VITE_GLOB_APP_TITLE ?? ''
+      publicPath = _config.base
+      source = await getConfigSource(appTitle)
+    },
+    async transformIndexHtml(html) {
+      publicPath = publicPath.endsWith('/') ? publicPath : `${publicPath}/`
+      const appConfigSrc = `${
+        publicPath || '/'
+      }${GLOBAL_CONFIG_FILE_NAME}?v=${version}-${createContentHash(source)}`
+      return {
+        html,
+        tags: [
+          {
+            tag: 'script',
+            attrs: {
+              src: appConfigSrc
+            }
+          }
+        ]
+      }
+    },
+    async generateBundle() {
+      try {
+        this.emitFile({
+          type: 'asset',
+          fileName: GLOBAL_CONFIG_FILE_NAME,
+          source
+        })
+      } catch (error) {
+        console.log(
+          colors.red(`configuration file configuration file failed to package:\n${error}`)
+        )
+      }
+    }
+  }
+}
+/**
+ * Get the configuration file variable name
+ * @param env
+ */
+const getVariableName = (title: string) => {
+  return `__PRODUCTION__${strToHex(title) || '__APP'}__CONF__`.toUpperCase().replace(/\s/g, '')
+}
+async function getConfigSource(appTitle: string) {
+  const config = await getEnvConfig()
+  const variableName = getVariableName(appTitle)
+  const windowVariable = `window.${variableName}`
+  // Ensure that the variable will not be modified
+  let source = `${windowVariable}=${JSON.stringify(config)};`
+  source += `
+    Object.freeze(${windowVariable});
+    Object.defineProperty(window, "${variableName}", {
+      configurable: false,
+      writable: false,
+    });
+  `.replace(/\s/g, '')
+  return source
+}
+export { createAppConfigPlugin }

package/template-mobile-vant-cli/internal/vite-config/vite/plugin/autoImport.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import { VantResolver } from '@vant/auto-import-resolver'
+import autoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { defaultSettings } from '../../../../config'
+const importsModules = [ 'vue', 'vue-router' ] as any
+const { modules = [], use } = defaultSettings.cdn
+export function createAutoImport() {
+  const useCdnModules = use && modules.some(el => importsModules.includes(el.name))
+  return [
+    autoImport({
+      include: [
+        /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
+        /\.vue$/, /\.vue\?vue/, // .vue
+        /\.md$/ // .md
+      ],
+      imports: useCdnModules ? [] : importsModules,
+      dts: 'types/auto-imports.d.ts',
+      dirs: [ 'src/store' ]
+    }),
+    Components({
+      resolvers: [ VantResolver() ],
+      dts: 'types/vant-import.d.ts'
+    })
+  ]
+}

package/template-mobile-vant-cli/internal/vite-config/vite/plugin/compress.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import type { Plugin } from 'vite'
+import compressPlugin from 'vite-plugin-compression'
+export function configCompressPlugin(
+  compress: 'gzip' | 'brotli' | 'none',
+  deleteOriginFile = false
+): Plugin | Plugin[] {
+  const compressList = compress.split(',')
+  const plugins: Plugin[] = []
+  if (compressList.includes('gzip')) {
+    plugins.push(
+      compressPlugin({
+        ext: '.gz',
+        deleteOriginFile
+      })
+    )
+  }
+  if (compressList.includes('brotli')) {
+    plugins.push(
+      compressPlugin({
+        ext: '.br',
+        algorithm: 'brotliCompress',
+        deleteOriginFile
+      })
+    )
+  }
+  return plugins
+}

package/template-mobile-vant-cli/internal/vite-config/vite/plugin/html.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import type { PluginOption } from 'vite'
+import { createHtmlPlugin } from 'vite-plugin-html'
+import { defaultSettings } from '../../../../config'
+import cdnModules from '../cdn'
+const { cdn, system } = defaultSettings
+const startLoadingCss = system.appInit.loading ? [ '/css/default.css' ] : []
+export function configHtmlPlugin(env: ViteEnv, isBuild: boolean) {
+  const htmlPlugin: PluginOption[] = createHtmlPlugin({
+    minify: isBuild,
+    inject: {
+      // Inject data into ejs template
+      data: {
+        VUE_APP_TITLE: system.title,
+        injectVlogScript: env.VITE_USE_V_CONSOLE
+          ? `<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script><script>var vConsole = new window.VConsole();</script>`
+          : '',
+        injectAppContent: system.appInit.loading
+          ? `<div class="gx-toast-loading"><div class="gx-toast-loading-cont"><span class="gx-toast-svg"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="gx-toast-svg-text">${system.appInit.loading?.text}</span></div></div>`
+          : '',
+        injectScript: cdn.use && isBuild ? cdnModules.map(e => e.js).filter(el => el) : [],
+        injectLink: cdn.use && isBuild
+          ? cdnModules.map(e => e.css).filter(el => el).concat(startLoadingCss as string[])
+          : startLoadingCss
+      }
+    }
+  })
+  return htmlPlugin
+}

package/template-mobile-vant-cli/internal/vite-config/vite/plugin/index.ts ADDED Viewed

@@ -0,0 +1,74 @@
+import type { PluginOption } from 'vite'
+import legacy from '@vitejs/plugin-legacy'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import Unocss from 'unocss/vite'
+import TurboConsole from 'unplugin-turbo-console/vite'
+// @ts-ignore
+import { vitePluginFakeServer } from 'vite-plugin-fake-server'
+import { createAppConfigPlugin } from './appConfig'
+import { createAutoImport } from './autoImport'
+import { configCompressPlugin } from './compress'
+import { configHtmlPlugin } from './html'
+import { configVisualizerConfig } from './visualizer'
+import viteNotice from './viteNotice'
+export async function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
+  const {
+    VITE_APP_ENV,
+    VITE_USE_MOCK,
+    VITE_LEGACY,
+    VITE_BUILD_COMPRESS,
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE
+  } = viteEnv
+  const isDev = VITE_APP_ENV === 'dev'
+  const vitePlugins: PluginOption[] = [
+    // have to
+    vue(),
+    // have to
+    vueJsx()
+  ]
+  // vite-plugin-app-info
+  vitePlugins.push(await createAppConfigPlugin({ isBuild }))
+  // vite-plugin-windicss
+  vitePlugins.push(Unocss())
+  // unplugin-turbo-console
+  isDev && vitePlugins.push(TurboConsole())
+  // @vitejs/plugin-legacy
+  VITE_LEGACY && isBuild && vitePlugins.push(legacy({
+    // 设置目标浏览器，browserslist 配置语法
+    targets: ['Android >= 7', 'chrome < 60', 'edge < 15'],
+  }))
+  // vite-plugin-html
+  vitePlugins.push(configHtmlPlugin(viteEnv, isBuild))
+  // vite-plugin-build-info
+  vitePlugins.push(await viteNotice())
+  // vite-plugin-mock
+  const useMock = isDev || VITE_USE_MOCK
+  useMock && vitePlugins.push(vitePluginFakeServer({
+    include: 'mock/routers',
+    enableProd: VITE_USE_MOCK
+  }),)
+  // rollup-plugin-visualizer
+  vitePlugins.push(configVisualizerConfig())
+  // unplugin-auto-import/vite
+  vitePlugins.push(createAutoImport())
+  // The following plugins only work in the production environment
+  if (isBuild) {
+    // rollup-plugin-gzip
+    vitePlugins.push(
+      configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE)
+    )
+  }
+  return vitePlugins
+}