cx-chat 0.0.1

package/vite.config.ts

@@ -0,0 +1,264 @@
+import react from '@vitejs/plugin-react'
+import { createRequire } from 'node:module'
+import fs from 'node:fs/promises'
+import path from 'path'
+import { resolveInitialSystemName } from './src/config/default-system-name'
+import { defineConfig, loadEnv } from 'vite'
+import type { Plugin } from 'vite'
+
+const require = createRequire(import.meta.url)
+const { obfuscate } =
+  require('javascript-obfuscator') as typeof import('javascript-obfuscator')
+
+/** 对齐原 Webpack `webpack-obfuscator`：rotateStringArray → stringArrayRotate；log: false */
+const obfuscatorOptions = {
+  compact: true,
+  identifierNamesGenerator: 'hexadecimal' as const,
+  renameGlobals: false,
+  controlFlowFlattening: false,
+  deadCodeInjection: false,
+  debugProtection: false,
+  log: false,
+  /** 对已 Terser 压过的 chunk 开 base64 编码易触发 URI malformed，仅保留字符串数组洗牌 */
+  stringArray: true,
+  stringArrayRotate: true,
+  stringArrayShuffle: true,
+  stringArrayThreshold: 0.75,
+  stringArrayEncoding: [],
+  transformObjectKeys: false,
+}
+
+/**
+ * 在 Terser 写入磁盘之后再混淆，避免 mangler 把十六进制标识符压成单字母。
+ * 只覆盖文件名含 `vendor-` 以外的 `.js`（与 manualChunks 拆出的第三方库一致）。
+ */
+function obfuscateOwnChunksPlugin(enable: boolean): Plugin {
+  return {
+    name: 'obfuscate-own-chunks',
+    apply: 'build',
+    enforce: 'post',
+    async writeBundle(outputOpts, bundle) {
+      if (!enable) return
+      const dir = outputOpts.dir
+      if (!dir) return
+      for (const fileName of Object.keys(bundle)) {
+        if (!fileName.endsWith('.js')) continue
+        if (fileName.includes('vendor-')) continue
+        const abs = path.join(dir, fileName)
+        const code = await fs.readFile(abs, 'utf8')
+        const r = obfuscate(code, {
+          ...obfuscatorOptions,
+          sourceMap: false,
+        })
+        await fs.writeFile(abs, r.getObfuscatedCode(), 'utf8')
+      }
+    },
+  }
+}
+
+function escapeHtml(text: string) {
+  return text
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+}
+
+/** 将 `<title>` 设为与 `config/system` 首批 systemName 相同（VITE_APP_NAME + 默认回退） */
+function injectHtmlTitle(title: string): Plugin {
+  return {
+    name: 'inject-html-title',
+    transformIndexHtml(html) {
+      return html.replace(
+        /<title>[\s\S]*?<\/title>/i,
+        `<title>${escapeHtml(title)}</title>`,
+      )
+    },
+  }
+}
+
+/**
+ * 生产构建写入 index.html：定时 debugger 反调试（开发 dev server 不注入，等同 Vue 里 NODE_ENV != 'development'）。
+ * 依赖 eval；若站点启用严格 CSP 需相应放行。
+ */
+function injectAntiDebugHtml(enable: boolean): Plugin {
+  /** 与 Vue 模板中内联脚本一致；此处多写一层 \\ 以便写入 HTML 后仍为正确的 \\b / \\w 转义 */
+  const packed = `eval(function(c,g,a,b,d,e){d=String;if(!"".replace(/^/,String)){for(;a--;)e[a]=b[a]||a;b=[function(f){return e[f]}];d=function(){return"\\\\w+"};a=1}for(;a--;)b[a]&&(c=c.replace(new RegExp("\\\\b"+d(a)+"\\\\b","g"),b[a]));return c}('(()=>{1 0(){2(()=>{3("4")()},5)}6{0()}7(8){}})();',9,9,"block function setInterval Function debugger 50 try catch err".split(" "),0,{}));`
+  return {
+    name: 'inject-anti-debug-html',
+    transformIndexHtml: {
+      order: 'post',
+      handler(html, ctx) {
+        if (!enable || ctx.server) return html
+        return html.replace(
+          '</body>',
+          `    <script>\n      ${packed}\n    </script>\n  </body>`,
+        )
+      },
+    },
+  }
+}
+
+/** 与 Vite `base` 对齐；请在 `.env.development` / `.env.production` 配置 `VITE_PUBLIC_PATH`，构建可用环境变量覆盖 */
+function resolvePublicBase(fileEnv: Record<string, string>): string {
+  const raw =
+    process.env.VITE_PUBLIC_PATH || fileEnv.VITE_PUBLIC_PATH || '/'
+  const t = String(raw).trim()
+  if (!t || t === '/') return '/'
+  let b = t.startsWith('/') ? t : `/${t}`
+  if (!b.endsWith('/')) b = `${b}/`
+  return b
+}
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  const fileEnv = loadEnv(mode, process.cwd(), '')
+  const base = resolvePublicBase(fileEnv)
+  /** 仅 `VITE_ENABLE_MOCK=true` 时打入真实 mock；生产默认不打，开发默认打（可设 `VITE_ENABLE_MOCK=false` 关闭） */
+  const mockInBundle =
+    mode === 'production'
+      ? fileEnv.VITE_ENABLE_MOCK === 'true'
+      : fileEnv.VITE_ENABLE_MOCK !== 'false'
+
+  const isProd = mode === 'production'
+  const htmlTitle = resolveInitialSystemName(fileEnv.VITE_APP_NAME)
+  /** 仅在根目录 `.env` 配置 `BUILD_OBFUSCATE=true`，与 development/production 专用 env 文件无关 */
+  const enableObfuscate =
+    isProd && String(fileEnv.BUILD_OBFUSCATE || '').trim() === 'true'
+
+  return {
+  base,
+  plugins: [
+    react(),
+    injectHtmlTitle(htmlTitle),
+    injectAntiDebugHtml(isProd),
+    obfuscateOwnChunksPlugin(enableObfuscate),
+  ],
+  resolve: {
+    alias: {
+      ...(!mockInBundle
+        ? {
+            '@api/_mock/handler': path.resolve(
+              __dirname,
+              './src/api/_mock/handler-shim.ts',
+            ),
+            '@api/_mock': path.resolve(__dirname, './src/api/_mock/bundle-shim.ts'),
+          }
+        : {}),
+      '@': path.resolve(__dirname, './src'),
+      '@cx-ui': path.resolve(__dirname, './src/components/cx-ui'),
+      '@components': path.resolve(__dirname, './src/components'),
+      '@utils': path.resolve(__dirname, './src/utils'),
+      '@api': path.resolve(__dirname, './src/api'),
+    },
+  },
+  server: {
+    port: 5173,
+    host: true,
+    proxy: {
+      '/api': {
+        target: 'http://10.101.1.168:20788',
+        changeOrigin: true,
+        ws: true,
+        // Vite 不认 pathRewrite，须用 rewrite；/api/xxx -> /xxx
+        rewrite: (path) => path.replace(/^\/api/, ''),
+      },
+    },
+  },
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.js'),
+      name: 'CxChat',
+      fileName: (format) => `cx-chat.${format}.js`,
+      formats: ['es', 'umd'],
+    },
+    sourcemap: false,
+    /**
+     * 生产默认用 esbuild 压缩（CI 上比 Terser 快一个数量级）。
+     * 去掉 console/debugger 仍通过下方 esbuild.drop 完成。
+     */
+    minify: isProd ? 'esbuild' : true,
+    esbuild: isProd
+      ? {
+          legalComments: 'none',
+          drop: ['console', 'debugger'],
+        }
+      : undefined,
+    rollupOptions: {
+      output: {
+        entryFileNames: 'assets/js/[name]-[hash].js',
+        chunkFileNames(chunkInfo) {
+          const n = String(chunkInfo.name ?? '')
+          return n.startsWith('vendor-')
+            ? 'assets/lib/[name]-[hash].js'
+            : 'assets/js/[name]-[hash].js'
+        },
+        assetFileNames(assetInfo) {
+          const n = (
+            assetInfo.names?.[0] ??
+            assetInfo.name ??
+            ''
+          ).toLowerCase()
+          if (n.endsWith('.css')) {
+            return 'assets/css/[name]-[hash][extname]'
+          }
+          if (/\.(woff2?|ttf|otf|eot)$/.test(n)) {
+            return 'assets/font/[name]-[hash][extname]'
+          }
+          if (/\.(png|apng|jpe?g|gif|svg|webp|ico|avif)$/.test(n)) {
+            return 'assets/img/[name]-[hash][extname]'
+          }
+          return 'assets/media/[name]-[hash][extname]'
+        },
+        manualChunks(id) {
+          if (!id.includes('node_modules')) return
+          if (
+            id.includes('/react/') ||
+            id.includes('/react-dom/') ||
+            id.includes('/scheduler/')
+          ) {
+            return 'vendor-react'
+          }
+          if (id.includes('/react-router/')) {
+            return 'vendor-router'
+          }
+          if (id.includes('/@emotion/')) {
+            return 'vendor-emotion'
+          }
+          if (
+            id.includes('/rc-table/') ||
+            id.includes('/rc-tree/') ||
+            id.includes('/rc-picker/') ||
+            id.includes('/rc-field-form/')
+          ) {
+            return 'vendor-rc-heavy'
+          }
+          if (id.includes('/rc-')) {
+            return 'vendor-rc'
+          }
+          if (
+            id.includes('/antd/') ||
+            id.includes('/@ant-design/')
+          ) {
+            return 'vendor-antd'
+          }
+          if (
+            id.includes('/i18next/') ||
+            id.includes('/react-i18next/')
+          ) {
+            return 'vendor-i18n'
+          }
+          if (
+            id.includes('/crypto-js/') ||
+            id.includes('/axios/') ||
+            id.includes('/dayjs/')
+          ) {
+            return 'vendor-utils'
+          }
+          return
+        },
+      },
+    },
+  },
+  }
+})