@4399ywkf/cli 1.0.7 → 1.0.8

package/dist/templates/app/config/request/interceptors.ts

@@ -0,0 +1,118 @@
+import type {
+  AxiosInstance,
+  InternalAxiosRequestConfig,
+  AxiosResponse,
+} from "axios";
+import { message as antdMessage } from "antd";
+import type { TokenManager, RequestConfig, ApiResponse } from "./types";
+import type { ErrorHandler } from "./error-handler";
+
+/**
+ * 设置请求拦截器
+ */
+export function setupRequestInterceptor(
+  instance: AxiosInstance,
+  tokenManager: TokenManager
+): void {
+  instance.interceptors.request.use(
+    (config: InternalAxiosRequestConfig) => {
+      const requestConfig = config as RequestConfig;
+
+      // 添加 Token（如果需要认证，默认为 true）
+      if (requestConfig.requireAuth !== false) {
+        const token = tokenManager.getToken();
+        if (token && config.headers) {
+          config.headers.Authorization = token;
+        }
+      }
+
+      // 添加自定义 Headers
+      if (requestConfig.customHeaders && config.headers) {
+        Object.entries(requestConfig.customHeaders).forEach(([key, value]) => {
+          config.headers[key] = value;
+        });
+      }
+
+      return config;
+    },
+    (error) => {
+      return Promise.reject(error);
+    }
+  );
+}
+
+/**
+ * 设置响应拦截器
+ */
+export function setupResponseInterceptor(
+  instance: AxiosInstance,
+  tokenManager: TokenManager,
+  errorHandler: ErrorHandler,
+  onUnauthorized?: () => void
+): void {
+  instance.interceptors.response.use(
+    (response: AxiosResponse<ApiResponse>) => {
+      const config = response.config as RequestConfig;
+      const messageConfig = config.message;
+
+      const { code, message: msg, data } = response.data;
+
+      // 业务成功（根据实际后端约定调整）
+      if (code === 0 || code === 200) {
+        // 显示成功消息
+        if (messageConfig?.showSuccess) {
+          const successMsg = messageConfig.successMessage || msg || "操作成功";
+          antdMessage.success(successMsg);
+        }
+
+        // 直接返回 data，简化调用
+        return response.data;
+      }
+
+      // 业务失败
+      const errorMsg = messageConfig?.errorMessage || msg || "操作失败";
+
+      if (messageConfig?.showError !== false) {
+        antdMessage.error(errorMsg);
+      }
+
+      return Promise.reject(new Error(errorMsg));
+    },
+    async (error) => {
+      const config = error.config as RequestConfig;
+
+      // 401 未授权
+      if (error.response?.status === 401) {
+        tokenManager.clearToken();
+
+        // 执行自定义的未授权回调
+        if (onUnauthorized) {
+          onUnauthorized();
+        } else {
+          // 默认跳转到登录页
+          redirectToLogin();
+        }
+
+        return Promise.reject(error);
+      }
+
+      // 其他错误统一处理
+      errorHandler.handle(error, config);
+
+      return Promise.reject(error);
+    }
+  );
+}
+
+/**
+ * 重定向到登录页
+ */
+function redirectToLogin(): void {
+  if (typeof window === "undefined") return;
+
+  const currentPath = window.location.pathname;
+  if (currentPath === "/login") return;
+
+  const redirectUrl = encodeURIComponent(window.location.href);
+  window.location.href = `${window.location.origin}/login?redirect=${redirectUrl}`;
+}

package/dist/templates/app/config/request/token-manager.ts

@@ -0,0 +1,23 @@
+import jwt from "@config/jwt";
+import type { TokenManager as TokenManagerType } from "./types";
+/**
+ * Token 刷新管理器
+ * 使用 Promise 避免并发刷新问题
+ */
+export class TokenManager implements TokenManagerType {
+  getToken(token?: string): string | undefined {
+    return jwt.getAccessToken(token);
+  }
+  setToken(token: {
+    token_type: any;
+    access_token: any;
+    expires_at: number;
+  }): void {
+    jwt.setAccessToken(token);
+  }
+  clearToken(token?: string): void {
+    jwt.clearAccessToken(token);
+  }
+}
+
+export const tokenManager = new TokenManager();

package/dist/templates/app/config/request/types.ts

@@ -0,0 +1,63 @@
+import type { AxiosRequestConfig } from "axios";
+
+/**
+ * 后端统一响应格式
+ */
+export interface ApiResponse<T = any> {
+  code: number;
+  message: string;
+  data: T;
+}
+
+/**
+ * 消息提示配置
+ */
+export interface MessageConfig {
+  /** 是否显示成功消息 */
+  showSuccess?: boolean;
+  /** 自定义成功消息 */
+  successMessage?: string;
+  /** 是否显示错误消息 */
+  showError?: boolean;
+  /** 自定义错误消息 */
+  errorMessage?: string;
+}
+
+/**
+ * 扩展的请求配置
+ */
+export interface RequestConfig extends AxiosRequestConfig {
+  /** 消息提示配置 */
+  message?: MessageConfig;
+  /** 自定义请求头 */
+  customHeaders?: Record<string, string>;
+  /** 是否需要认证（默认 true） */
+  requireAuth?: boolean;
+  /** 请求元数据（用于日志、监控等） */
+  metadata?: Record<string, any>;
+}
+
+/**
+ * Token 信息
+ */
+export interface TokenInfo {
+  token_type: string;
+  access_token: string;
+  expires_at: number;
+}
+
+/**
+ * Token 管理器接口
+ */
+export interface TokenManager {
+  getToken(key?: string): string | undefined;
+  setToken(token: TokenInfo): void;
+  clearToken(key?: string): void;
+}
+
+/**
+ * 错误处理器接口
+ */
+export interface ErrorHandler {
+  handle(error: any, config?: RequestConfig): void;
+}

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应用"
+}