@4399ywkf/cli 1.0.6 → 1.0.8

package/dist/templates/app/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/app/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/app/locales/zh-CN/common.json

@@ -0,0 +1,3 @@
+{
+  "appName": "Chat应用"
+}

package/dist/templates/app/package.json.tpl

@@ -59,20 +59,11 @@
     "universal-cookie": "^8.0.1",
     "url-join": "^5.0.0",
     "uuid": "^11.0.3",
+    "zod": "^4.2.1",
     "zustand": "^5.0.5",
     "zustand-utils": "^2.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.25.9",
-    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
-    "@babel/runtime": "^7.26.0",
-    "@babel/runtime-corejs3": "^7.26.0",
     "@biomejs/biome": "2.3.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@rsdoctor/rspack-plugin": "^1.3.8",

package/dist/templates/app/react-app-env.d.ts

@@ -1,13 +1,18 @@
 // typings.d.ts
-declare module '*.css';
-declare module '*.less';
-declare module '*.png';
-declare module '*.jpeg';
-declare module '*.jpg';
-declare module '*.scss';
-declare module '*.svg' {
+declare module "*.css";
+declare module "*.less";
+declare module "*.png";
+declare module "*.jpeg";
+declare module "*.jpg";
+declare module "*.scss";
+declare module "*.woff";
+declare module "*.woff2";
+declare module "*.ttf";
+declare module "*.eot";
+declare module "*.otf";
+declare module "*.svg" {
   export function ReactComponent(
-    props: React.SVGProps<SVGSVGElement>,
+    props: React.SVGProps<SVGSVGElement>
   ): React.ReactElement;
   const url: string;
   export default url;

package/dist/templates/app/src/bootstrap/index.ts

@@ -0,0 +1,34 @@
+import "dayjs/locale/zh-cn";
+import dayjs from "dayjs";
+import { ConfigProvider } from "antd";
+import { env } from "@/config/env";
+
+interface BootstrapConfig {
+  appName: string;
+}
+
+/**
+ * 应用启动前的初始化配置
+ */
+export function bootstrap(config: BootstrapConfig) {
+  const { appName } = config;
+
+  // 配置 dayjs 国际化
+  dayjs.locale("zh-cn");
+
+  // 配置 antd 静态方法的前缀
+  ConfigProvider.config({
+    prefixCls: appName,
+  });
+
+  console.log(`✅ Application [${appName}] bootstrapped successfully`);
+}
+
+/**
+ * 使用环境变量初始化应用
+ */
+export function bootstrapWithEnv() {
+  bootstrap({
+    appName: env.APP_NAME,
+  });
+}

package/dist/templates/app/src/config/env.ts

@@ -0,0 +1,84 @@
+import { z } from "zod";
+
+/**
+ * 环境变量 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";