@4399ywkf/cli 1.0.7 → 1.0.8

package/dist/templates/config/rspack/rspack.config.mjs

@@ -1,16 +1,16 @@
-import { defineConfig } from '@rspack/cli';
-import { rspack } from '@rspack/core';
-import path from './paths.js';
-import fs from 'fs';
-import { RsdoctorRspackPlugin } from '@rsdoctor/rspack-plugin';
-import dotenv from 'dotenv';
-import { createRequire } from 'module';
+import { defineConfig } from "@rspack/cli";
+import { rspack } from "@rspack/core";
+import path from "./paths.js";
+import fs from "fs";
+import { RsdoctorRspackPlugin } from "@rsdoctor/rspack-plugin";
+import dotenv from "dotenv";
+import { createRequire } from "module";
 
 // 创建 require 函数用于 require.resolve
 const require = createRequire(import.meta.url);
 
 // 复用现有的环境变量加载逻辑
-dotenv.config({ path: path.resolveApp('./config/env/.env.public') });
+dotenv.config({ path: path.resolveApp("./config/env/.env.public") });
 
 let extraConfig = {};
 try {
@@ -19,40 +19,41 @@ try {
     extraConfig = dotenv.parse(fs.readFileSync(envFile));
   }
 } catch (error) {
-  console.warn('环境变量文件读取失败:', error.message);
+  console.warn("环境变量文件读取失败:", error.message);
 }
 
 for (const key in extraConfig) {
   process.env[key] = extraConfig[key];
 }
 
-const APP_CNAME = process.env.APP_CNAME || 'Chat应用';
-const APP_NAME = process.env.APP_NAME || 'chat';
-const OUTPUT_PATH = process.env.OUTPUT_PATH || 'dist';
-const PUBLIC_PATH = process.env.PUBLIC_PATH || '/';
+const APP_CNAME = process.env.APP_CNAME || "Chat应用";
+const APP_NAME = process.env.APP_NAME || "chat";
+const OUTPUT_PATH = process.env.OUTPUT_PATH || "dist";
+const PUBLIC_PATH = process.env.PUBLIC_PATH || "/";
 
 export default defineConfig({
-  entry: [path.resolveApp('./src/index')],
+  entry: [path.resolveApp("./src/index")],
 
   resolve: {
-    extensions: ['.ts', '.tsx', '.jsx', '.js', '.json'],
+    extensions: [".ts", ".tsx", ".jsx", ".js", ".json"],
     alias: {
-      '@': path.resolveApp('./src'),
-      '@config': path.resolveApp('./config'),
-      '@store': path.resolveApp('./store'),
-      '@locales': path.resolveApp('./locales'),
+      "@": path.resolveApp("./src"),
+      "@config": path.resolveApp("./config"),
+      "@store": path.resolveApp("./store"),
+      "@locales": path.resolveApp("./locales"),
+      "@public": path.resolveApp("./public"),
     },
     fallback: {
-      path: require.resolve('path-browserify'),
-      process: require.resolve('process/browser.js'),
-      buffer: require.resolve('buffer'),
-      util: require.resolve('util'),
-      stream: require.resolve('stream-browserify'),
-      crypto: require.resolve('crypto-browserify'),
-      zlib: require.resolve('browserify-zlib'),
-      querystring: require.resolve('querystring-es3'),
-      url: require.resolve('url'),
-      assert: require.resolve('assert'),
+      path: require.resolve("path-browserify"),
+      process: require.resolve("process/browser.js"),
+      buffer: require.resolve("buffer"),
+      util: require.resolve("util"),
+      stream: require.resolve("stream-browserify"),
+      crypto: require.resolve("crypto-browserify"),
+      zlib: require.resolve("browserify-zlib"),
+      querystring: require.resolve("querystring-es3"),
+      url: require.resolve("url"),
+      assert: require.resolve("assert"),
       fs: false,
       net: false,
       tls: false,
@@ -67,28 +68,28 @@ export default defineConfig({
       {
         test: /\.[jt]sx?$/,
         include: [
-          path.resolveApp('src'),
-          path.resolveApp('config'),
-          path.resolveApp('store'),
-          path.resolveApp('packages'),
+          path.resolveApp("src"),
+          path.resolveApp("config"),
+          path.resolveApp("store"),
+          path.resolveApp("packages"),
         ],
-        exclude: [path.resolveApp('node_modules')],
+        exclude: [path.resolveApp("node_modules")],
         use: [
           {
-            loader: 'builtin:swc-loader',
+            loader: "builtin:swc-loader",
             options: {
               jsc: {
                 parser: {
-                  syntax: 'typescript',
+                  syntax: "typescript",
                   tsx: true,
                   decorators: true,
                 },
                 transform: {
                   react: {
-                    runtime: 'automatic',
+                    runtime: "automatic",
                   },
                 },
-                target: 'es2015',
+                target: "es2015",
               },
               sourceMaps: true,
             },
@@ -96,10 +97,10 @@ export default defineConfig({
         ],
       },
       {
-        test: /\.(png|jpg|jpeg|gif|webp|m3u8|exr|hdr|json)$/,
-        include: [path.resolveApp('config')],
-        exclude: [path.resolveApp('src'), path.resolveApp('store')],
-        type: 'asset',
+        test: /\.(png|jpg|jpeg|gif|webp|m3u8|exr|hdr|json|woff2)$/,
+        include: [path.resolveApp("public")],
+        exclude: [path.resolveApp("src"), path.resolveApp("store")],
+        type: "asset",
         parser: {
           dataUrlCondition: {
             maxSize: 10 * 1024,
@@ -107,33 +108,33 @@ export default defineConfig({
         },
       },
       {
-        test: /\.md$/,
-        include: [path.resolveApp('src')],
-        type: 'asset/source',
+        test: /\.(md)$/,
+        include: [path.resolveApp("src")],
+        type: "asset/source",
       },
       {
         test: /\.svg$/,
-        use: ['@svgr/webpack'],
+        use: ["@svgr/webpack"],
       },
     ],
   },
 
   plugins: [
     new rspack.ProvidePlugin({
-      process: 'process/browser.js',
-      Buffer: ['buffer', 'Buffer'],
+      process: "process/browser.js",
+      Buffer: ["buffer", "Buffer"],
     }),
     new rspack.DefinePlugin({
-      'process.env': JSON.stringify(process.env),
+      "process.env": JSON.stringify(process.env),
       // ["__CONVENTION_ROUTES__"]: JSON.stringify([]),
     }),
     new rspack.HtmlRspackPlugin({
-      template: path.resolveApp('./config/public/index.html'),
-      filename: 'index.html',
-      inject: 'body',
+      template: path.resolveApp("./public/index.html"),
+      filename: "index.html",
+      inject: "body",
       hash: true,
-      minify: process.env.NODE_ENV === 'production',
-      favicon: path.resolveApp('./config/public/favicon.ico'),
+      minify: process.env.NODE_ENV === "production",
+      favicon: path.resolveApp("./public/favicon.ico"),
       templateParameters: {
         title: APP_CNAME,
         mountRoot: APP_NAME,
@@ -142,8 +143,8 @@ export default defineConfig({
     new rspack.CopyRspackPlugin({
       patterns: [
         {
-          from: path.resolveApp('./config/public/images'),
-          to: 'public/images',
+          from: path.resolveApp("./public/images"),
+          to: "public/images",
         },
       ],
     }),
@@ -165,11 +166,11 @@ export default defineConfig({
   ],
 
   output: {
-    assetModuleFilename: 'images/[hash][ext]',
+    assetModuleFilename: "images/[hash][ext]",
     library: `${APP_CNAME}-[name]`,
-    chunkFilename: '[name].[contenthash].js',
-    libraryTarget: 'umd',
-    globalObject: 'window',
+    chunkFilename: "[name].[contenthash].js",
+    libraryTarget: "umd",
+    globalObject: "window",
     chunkLoadingGlobal: `chunk_global_${APP_NAME}`,
     publicPath: PUBLIC_PATH,
     path: path.resolveApp(OUTPUT_PATH),
@@ -182,5 +183,5 @@ export default defineConfig({
     },
   ],
 
-  devtool: 'source-map',
+  devtool: "source-map",
 });

package/dist/templates/config/rspack/rspack.prod.mjs

@@ -1,17 +1,15 @@
-import { defineConfig } from '@rspack/cli';
-import { merge } from 'webpack-merge';
-import { rspack } from '@rspack/core';
-import baseConfig from './rspack.config.mjs';
-import path from './paths.js';
-import { sentryWebpackPlugin } from '@sentry/webpack-plugin';
+import { merge } from "webpack-merge";
+import { rspack } from "@rspack/core";
+import baseConfig from "./rspack.config.mjs";
+import path from "./paths.js";
 
 export default merge(baseConfig, {
-  mode: 'production',
-  devtool: 'hidden-source-map',
+  mode: "production",
+  devtool: "hidden-source-map",
 
   output: {
-    filename: '[name].[contenthash].bundle.js',
-    chunkFilename: '[name].[contenthash].chunk.js',
+    filename: "[name].[contenthash].bundle.js",
+    chunkFilename: "[name].[contenthash].chunk.js",
     clean: true,
   },
 
@@ -29,18 +27,18 @@ export default merge(baseConfig, {
             loader: rspack.CssExtractRspackPlugin.loader,
           },
           {
-            loader: 'css-loader',
+            loader: "css-loader",
             options: {
               sourceMap: true,
             },
           },
           {
-            loader: 'less-loader',
+            loader: "less-loader",
             options: {
               sourceMap: true,
               lessOptions: {
                 strictMath: false,
-                math: 'always',
+                math: "always",
                 javascriptEnabled: true,
               },
             },
@@ -50,8 +48,8 @@ export default merge(baseConfig, {
       // Less 处理 - 项目文件
       {
         test: /\.less$/,
-        include: [path.resolveApp('src')],
-        exclude: [path.resolveApp('node_modules')],
+        include: [path.resolveApp("src")],
+        exclude: [path.resolveApp("node_modules")],
         oneOf: [
           {
             test: /\.module\.less$/,
@@ -60,17 +58,17 @@ export default merge(baseConfig, {
                 loader: rspack.CssExtractRspackPlugin.loader,
               },
               {
-                loader: 'css-loader',
+                loader: "css-loader",
                 options: {
                   sourceMap: true,
                   modules: {
-                    localIdentName: '[path][name]__[local]--[hash:base64:5]',
+                    localIdentName: "[path][name]__[local]--[hash:base64:5]",
                   },
                   importLoaders: 2,
                 },
               },
               {
-                loader: 'less-loader',
+                loader: "less-loader",
                 options: {
                   sourceMap: true,
                   lessOptions: {
@@ -86,13 +84,13 @@ export default merge(baseConfig, {
                 loader: rspack.CssExtractRspackPlugin.loader,
               },
               {
-                loader: 'css-loader',
+                loader: "css-loader",
                 options: {
                   sourceMap: true,
                 },
               },
               {
-                loader: 'less-loader',
+                loader: "less-loader",
                 options: {
                   sourceMap: true,
                   lessOptions: {
@@ -107,8 +105,8 @@ export default merge(baseConfig, {
       // Sass 处理
       {
         test: /\.s[ac]ss$/i,
-        include: [path.resolveApp('src')],
-        exclude: [path.resolveApp('node_modules')],
+        include: [path.resolveApp("src")],
+        exclude: [path.resolveApp("node_modules")],
         oneOf: [
           {
             test: /\.module\.s[ac]ss$/,
@@ -117,21 +115,21 @@ export default merge(baseConfig, {
                 loader: rspack.CssExtractRspackPlugin.loader,
               },
               {
-                loader: 'css-loader',
+                loader: "css-loader",
                 options: {
                   sourceMap: true,
                   modules: {
-                    localIdentName: '[path][name]__[local]--[hash:base64:5]',
+                    localIdentName: "[path][name]__[local]--[hash:base64:5]",
                   },
                   importLoaders: 2,
                 },
               },
               {
-                loader: 'sass-loader',
+                loader: "sass-loader",
                 options: {
                   sourceMap: true,
                   sassOptions: {
-                    outputStyle: 'compressed',
+                    outputStyle: "compressed",
                   },
                 },
               },
@@ -143,17 +141,17 @@ export default merge(baseConfig, {
                 loader: rspack.CssExtractRspackPlugin.loader,
               },
               {
-                loader: 'css-loader',
+                loader: "css-loader",
                 options: {
                   sourceMap: true,
                 },
               },
               {
-                loader: 'sass-loader',
+                loader: "sass-loader",
                 options: {
                   sourceMap: true,
                   sassOptions: {
-                    outputStyle: 'compressed',
+                    outputStyle: "compressed",
                   },
                 },
               },
@@ -164,26 +162,26 @@ export default merge(baseConfig, {
       // CSS 处理 - TailwindCSS
       {
         test: /\.css$/,
-        include: [path.resolveApp('src/index.css')],
+        include: [path.resolveApp("src/index.css")],
         use: [
           {
             loader: rspack.CssExtractRspackPlugin.loader,
           },
-          'css-loader',
-          'postcss-loader',
+          "css-loader",
+          "postcss-loader",
         ],
       },
       // CSS 处理 - src 目录中的其他 CSS
       {
         test: /\.css$/,
-        include: [path.resolveApp('src')],
-        exclude: [path.resolveApp('src/index.css')],
+        include: [path.resolveApp("src")],
+        exclude: [path.resolveApp("src/index.css")],
         use: [
           {
             loader: rspack.CssExtractRspackPlugin.loader,
           },
           {
-            loader: 'css-loader',
+            loader: "css-loader",
             options: {
               sourceMap: true,
             },
@@ -193,13 +191,13 @@ export default merge(baseConfig, {
       // CSS 处理 - node_modules
       {
         test: /\.css$/,
-        include: [path.resolveApp('node_modules')],
+        include: [path.resolveApp("node_modules")],
         use: [
           {
-            loader: 'style-loader',
+            loader: "style-loader",
           },
           {
-            loader: 'css-loader',
+            loader: "css-loader",
             options: {
               sourceMap: true,
             },
@@ -211,41 +209,22 @@ export default merge(baseConfig, {
 
   plugins: [
     new rspack.CssExtractRspackPlugin({
-      filename: '[name].[contenthash:8].css',
-      chunkFilename: '[name].[contenthash:8].chunk.css',
+      filename: "[name].[contenthash:8].css",
+      chunkFilename: "[name].[contenthash:8].chunk.css",
     }),
-
-    // Sentry 插件 (仅生产环境)
-    process.env.SENTRY_ENABLED === 'true' &&
-      process.env.SENTRY_AUTH_TOKEN &&
-      sentryWebpackPlugin({
-        org: process.env.SENTRY_ORG,
-        project: process.env.SENTRY_PROJECT,
-        authToken: process.env.SENTRY_AUTH_TOKEN,
-        url: process.env.SENTRY_URL,
-        errorHandler: () => false,
-      }),
-  ].filter(Boolean),
+  ],
 
   optimization: {
     minimize: true,
     minimizer: [
       new rspack.SwcJsMinimizerRspackPlugin({
-        exclude: [path.resolveApp('node_modules')],
+        exclude: [path.resolveApp("node_modules")],
         minimizerOptions: {
           compress: {
-            pure_funcs: ['console.info', 'console.debug', 'console.warn'],
+            pure_funcs: ["console.info", "console.debug", "console.warn"],
             drop_console: false,
             drop_debugger: false,
           },
-          mangle: {
-            reserved: [
-              'Sentry',
-              'initSentry',
-              'captureException',
-              'captureMessage',
-            ],
-          },
         },
       }),
       new rspack.LightningCssMinimizerRspackPlugin(),

package/dist/templates/createDevtools.ts

@@ -1,23 +1,23 @@
-import { optionalDevtools } from 'zustand-utils';
-import type { devtools as _devtools } from 'zustand/middleware';
+import { optionalDevtools } from "zustand-utils";
+import type { devtools as _devtools } from "zustand/middleware";
 
-import { isDev } from '@/utils/env';
+import { isDev } from "@/config/env";
 
 export const createDevtools =
   (name: string): typeof _devtools =>
-  initializer => {
+  (initializer) => {
     let showDevtools = false;
 
     // check url to show devtools
-    if (typeof window !== 'undefined') {
+    if (typeof window !== "undefined") {
       const url = new URL(window.location.href);
-      const debug = url.searchParams.get('debug');
+      const debug = url.searchParams.get("debug");
       if (debug?.includes(name)) {
         showDevtools = true;
       }
     }
 
     return optionalDevtools(showDevtools)(initializer, {
-      name: `LobeChat_${name}${isDev ? '_DEV' : ''}`,
+      name: `LobeChat_${name}${isDev ? "_DEV" : ""}`,
     });
   };

package/dist/templates/default/common.ts

@@ -1 +1,3 @@
-export default {};
+export default {
+  appName: "Chat应用",
+};

package/dist/templates/env/.env.public.tpl

@@ -1,5 +1,5 @@
 API_PREFIX="/api"
-API_TIMEOUT=60 * 1000
+API_TIMEOUT=60000
 
 COOKIE_NAME='ywkf_jwt'
 
@@ -9,23 +9,6 @@ OUTPUT_PATH='dist'
 BASENAME='/'
 
 PUBLIC_PATH='/s{{{ name }}}/'
-VERSION_NOTIFY_TIME=30000
-
-
-# Sentry 配置 - (官网)
-# REACT_APP_SENTRY_DSN="https://95add4dc797c22aa2224494e4abd4d71@o4509466151878656.ingest.us.sentry.io/4509466153058304"
-# SENTRY_PROJECT="javascript-react"
-# SENTRY_ORG="test-x6m"
-# SENTRY_AUTH_TOKEN="d477b94cfe375f5b4e4e88ac4fc15a8be8557652cea424710b6f7f19be4f0b3d"
-# SENTRY_URL="https://test-x6m.sentry.io/"
 
 # 帮助中心
-HELP_CENTER_URL="https://im-support.gz4399.com/"
-
-# 是否开启Sentry
-SENTRY_ENABLED='{{SENTRY_ENABLED}}'  
-REACT_APP_SENTRY_DSN='{{SENTRY_DSN}}'
-SENTRY_PROJECT='{{{ name }}}'
-SENTRY_ORG="sentry"
-SENTRY_AUTH_TOKEN="f13c66cd7a3629c8324cceb62fdb65aae1f337abbec4ebbadbe0a22447708994"
-SENTRY_URL="https://sentry.gz4399.com/"
+HELP_CENTER_URL="https://im-support.gz4399.com/"

package/dist/templates/env.ts

@@ -1,3 +1,84 @@
-export const isDev = process.env.NODE_ENV === 'development';
+import { z } from "zod";
 
-export const isOnServerSide = typeof window === 'undefined';
+/**
+ * 环境变量 Schema 定义
+ */
+const envSchema = z.object({
+  // Node 环境
+  NODE_ENV: z
+    .enum(["development", "test", "testDevelopment", "production"])
+    .default("development"),
+
+  // 应用配置
+  APP_NAME: z.string().min(1, "应用名称不能为空").default("app"),
+  APP_CNAME: z.string().default("应用"),
+  BASENAME: z.string().optional(),
+
+  // API 配置
+  API_PREFIX: z.string().default("/api"),
+  API_TIMEOUT: z
+    .string()
+    .transform(Number)
+    .pipe(z.number().positive())
+    .default(30000),
+
+  // Cookie 配置
+  COOKIE_NAME: z.string().default("access_token"),
+
+  // 其他配置
+  HELP_CENTER_URL: z.string().url().optional(),
+  OUTPUT_PATH: z.string().default("dist"),
+  PUBLIC_PATH: z.string().default("/"),
+});
+
+/**
+ * 安全解析环境变量（开发模式下使用默认值）
+ */
+function safeParseEnv() {
+  const result = envSchema.safeParse(process.env);
+
+  if (!result.success) {
+    if (process.env.NODE_ENV === "production") {
+      // 生产环境严格校验
+      console.error("❌ 环境变量验证失败:");
+      result.error.issues.forEach((err) => {
+        console.error(`  - ${err.path.join(".")}: ${err.message}`);
+      });
+      throw new Error("环境变量配置错误");
+    } else {
+      // 开发环境警告但不中断
+      console.warn("⚠️ 环境变量验证警告:");
+      result.error.issues.forEach((err) => {
+        console.warn(`  - ${err.path.join(".")}: ${err.message}`);
+      });
+    }
+  }
+
+  return result.success ? result.data : envSchema.parse({});
+}
+
+/**
+ * 导出类型安全的环境变量
+ */
+export const env = safeParseEnv();
+
+/**
+ * 环境变量类型
+ */
+export type Env = z.infer<typeof envSchema>;
+
+/**
+ * 工具函数：判断是否为开发环境
+ */
+export const isDev = env.NODE_ENV === "development";
+
+/**
+ * 工具函数：判断是否为生产环境
+ */
+export const isProd = env.NODE_ENV === "production";
+
+/**
+ * 工具函数：判断是否为测试环境
+ */
+export const isTest =
+  env.NODE_ENV === "test" || env.NODE_ENV === "testDevelopment";