@lark-apaas/fullstack-rspack-preset 0.1.0

package/LICENSE

@@ -0,0 +1,13 @@
+MIT License
+
+Copyright (c) 2024 Lark Technologies Pte. Ltd. and/or its affiliates
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted,provided that the above copyright notice and this permission notice appear in all copies.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
+IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE
+INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO
+EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR
+CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE,
+DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS
+ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { createRecommendRspackConfig } from './preset';
+export type { CreateRecommendRspackConfigOptions } from './preset';

package/lib/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRecommendRspackConfig = void 0;
+var preset_1 = require("./preset");
+Object.defineProperty(exports, "createRecommendRspackConfig", { enumerable: true, get: function () { return preset_1.createRecommendRspackConfig; } });

package/lib/module-alias/clsx.d.ts

@@ -0,0 +1,2 @@
+export declare function clsx(...args: any[]): string;
+export default clsx;

package/lib/module-alias/clsx.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clsx = clsx;
+const clsx_1 = __importDefault(require("clsx"));
+const tailwind_merge_1 = require("tailwind-merge");
+function clsx(...args) {
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.default)(...args));
+}
+exports.default = clsx;

package/lib/module-alias/echartThemeUD.json

@@ -0,0 +1,148 @@
+{
+    "version": 1,
+    "themeName": "UD Theme Style",
+    "theme": {
+        "seriesCnt": "6",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#1f2329",
+        "subtitleColor": "#8f959e",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#3370eb",
+            "#1bcebf",
+            "#ffc60a",
+            "#ed6d0c",
+            "#dca1e4",
+            "#25b2e5",
+            "#6dcdeb",
+            "#288fcb",
+            "#94b5f5",
+            "#8f61d1",
+            "#8f61d1",
+            "#bf78e9",
+            "#008280",
+            "#27ad8e",
+            "#7bc335"
+        ],
+        "borderColor": "#dee0e3",
+        "borderWidth": 0,
+        "visualMapColor": ["#25b2e5", "#6dcdeb", "#288fcb"],
+        "legendTextColor": "#8f959e",
+        "kColor": "#fdc6c4",
+        "kColor0": "transparent",
+        "kBorderColor": "#f54a45",
+        "kBorderColor0": "#32a645",
+        "kBorderWidth": "2",
+        "lineWidth": "1",
+        "symbolSize": "6",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "1",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#dee0e3",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "#516b91",
+        "mapBorderColor": "#516b91",
+        "mapBorderColorE": "#516b91",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "#a5e7f0",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#dee0e3",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#8f959e",
+                "splitLineShow": true,
+                "splitLineColor": ["#dee0e3"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#8f959e",
+        "toolboxEmphasisColor": "#1f2329",
+        "tooltipAxisColor": "#dee0e3",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#336df4",
+        "timelineLineWidth": "-1",
+        "timelineItemColor": "#336df4",
+        "timelineItemColorE": "#1456f0",
+        "timelineCheckColor": "#1456f0",
+        "timelineCheckBorderColor": "#94b4ff",
+        "timelineItemBorderWidth": "0.5",
+        "timelineControlColor": "#336df4",
+        "timelineControlBorderColor": "#336df4",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#8f959e",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}

package/lib/module-alias/echarts.d.ts

@@ -0,0 +1,4 @@
+import * as echartsModule from 'echarts';
+export { default as echarts } from 'echarts';
+export default echartsModule;
+export declare function resgisterEchartsTheme(): void;

package/lib/module-alias/echarts.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.echarts = void 0;
+exports.resgisterEchartsTheme = resgisterEchartsTheme;
+const echartsModule = __importStar(require("echarts"));
+var echarts_1 = require("echarts");
+Object.defineProperty(exports, "echarts", { enumerable: true, get: function () { return __importDefault(echarts_1).default; } });
+exports.default = echartsModule;
+const echarts_2 = require("echarts");
+const echartThemeUD_json_1 = __importDefault(require("./echartThemeUD.json"));
+let isRegistered = false;
+function resgisterEchartsTheme() {
+    // 注册 ud 主题，全局仅注册一次
+    if (isRegistered) {
+        return;
+    }
+    isRegistered = true;
+    (0, echarts_2.registerTheme)('ud', echartThemeUD_json_1.default.theme);
+}
+resgisterEchartsTheme();
+// registerChinaMap();

package/lib/preset.d.ts

@@ -0,0 +1,10 @@
+import { type Configuration } from '@rspack/core';
+export interface CreateRecommendRspackConfigOptions {
+    isDev?: boolean;
+    /** 是否需要插件解析路由 */
+    needRoutes?: boolean;
+    /** 客户端基础路径 */
+    clientBasePath?: string;
+    publicPath?: string;
+}
+export declare function createRecommendRspackConfig(options: CreateRecommendRspackConfigOptions): Configuration;

package/lib/preset.js

@@ -0,0 +1,305 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRecommendRspackConfig = createRecommendRspackConfig;
+const path_1 = __importDefault(require("path"));
+const core_1 = __importDefault(require("@rspack/core"));
+const devtool_kits_1 = require("@lark-apaas/devtool-kits");
+const dev_server_listener_1 = require("./utils/dev-server-listener");
+const route_parser_plugin_1 = __importDefault(require("./rspack-plugins/route-parser-plugin"));
+const slardar_performance_monitor_plugin_1 = __importDefault(require("./rspack-plugins/slardar-performance-monitor-plugin"));
+function createRecommendRspackConfig(options) {
+    const { isDev = true, needRoutes = true, clientBasePath = '', publicPath = '', // 静态资源路径
+     } = options;
+    const rootDir = process.cwd();
+    const serverPort = process.env.SERVER_PORT || '3000';
+    return {
+        cache: false,
+        experiments: {
+            css: true,
+        },
+        resolve: {
+            mainFields: ['module', 'browser', 'main'],
+            extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
+        },
+        module: {
+            rules: [
+                {
+                    test: /\.svg$/,
+                    type: 'asset',
+                    parser: {
+                        dataUrlCondition: {
+                            maxSize: 10 * 1024, // 对应vite的assetsInlineLimit
+                        },
+                    },
+                },
+                {
+                    test: /\.(png|jpe?g|gif|webp|ico)$/,
+                    type: 'asset',
+                    parser: {
+                        dataUrlCondition: {
+                            maxSize: 10 * 1024, // 对应vite的assetsInlineLimit
+                        },
+                    },
+                },
+                {
+                    test: /\.css$/,
+                    use: [
+                        {
+                            loader: 'postcss-loader',
+                            options: {
+                                postcssOptions: {
+                                    plugins: [
+                                        [
+                                            'postcss-import',
+                                            {
+                                                resolve: (id, _basedir) => {
+                                                    // 只有dev环境需要打包选中精调所需的一些预置样式, prod环境则不打包
+                                                    if (id === '@/inspector.dev.css') {
+                                                        return isDev
+                                                            ? path_1.default.join(_basedir, '/inspector.dev.css')
+                                                            : [];
+                                                    }
+                                                    return id;
+                                                },
+                                            },
+                                        ],
+                                    ],
+                                },
+                            },
+                        },
+                    ],
+                    type: 'css',
+                },
+                {
+                    test: /\.tsx?$/,
+                    use: [
+                        {
+                            loader: 'builtin:swc-loader',
+                            options: {
+                                /**
+                                 * @type {import('@swc/core').JscConfig}
+                                 */
+                                jsc: {
+                                    parser: {
+                                        syntax: 'typescript',
+                                        jsx: true,
+                                    },
+                                    transform: {
+                                        react: {
+                                            runtime: 'automatic',
+                                            ...(isDev
+                                                ? {
+                                                    importSource: path_1.default.dirname(require.resolve('@lark-apaas/miaoda-inspector-jsx-runtime')),
+                                                }
+                                                : {}),
+                                            development: isDev,
+                                            refresh: isDev,
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        ...(isDev
+                            ? [require.resolve('@lark-apaas/miaoda-inspector-babel-plugin')]
+                            : []),
+                    ],
+                },
+            ],
+        },
+        plugins: [
+            // 针对 clsx/echarts 等包，让其默认好用
+            new core_1.default.NormalModuleReplacementPlugin(/^(clsx|echarts)$/, function (resource) {
+                if (!resource.context.endsWith('module-alias')) {
+                    if (resource.request.endsWith('echarts')) {
+                        resource.request = require.resolve('./module-alias/echarts');
+                    }
+                    else {
+                        resource.request = require.resolve('./module-alias/clsx');
+                    }
+                }
+            }),
+            new core_1.default.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(isDev ? 'development' : 'production'),
+                'process.env.runtimeMode': 'fullstack',
+                'process.env.CLIENT_BASE_PATH': JSON.stringify(clientBasePath),
+                // FIXME:安全漏洞，会读取到服务路径，不应该在客户端代码中使用
+                'process.env.CWD': JSON.stringify(process.cwd()),
+                // 解决 window 未定义问题
+                'typeof window': JSON.stringify('object'),
+                window: 'globalThis',
+            }),
+            new core_1.default.HotModuleReplacementPlugin(),
+            // 编译相关，静态资源复制到输出目录
+            new core_1.default.CopyRspackPlugin({
+                patterns: [
+                    {
+                        from: path_1.default.resolve(rootDir, "./client/public"),
+                        to: path_1.default.resolve(rootDir, "dist/client"), // 输出目录
+                    },
+                ],
+            }),
+            // 性能监控插件
+            new slardar_performance_monitor_plugin_1.default(),
+            // 开发环境下，解析路由
+            isDev && needRoutes &&
+                new route_parser_plugin_1.default({
+                    appPath: './client/src/app.tsx',
+                    outputPath: path_1.default.resolve(rootDir, 'dist/client/routes.json'),
+                }),
+        ],
+        optimization: isDev
+            ? {}
+            : {
+                moduleIds: 'deterministic',
+                concatenateModules: true,
+                minimize: true, // 对应vite的minify配置
+                minimizer: [
+                    new core_1.default.SwcJsMinimizerRspackPlugin({
+                        minimizerOptions: {
+                            // 保持不压缩
+                            minify: !isDev,
+                            mangle: !isDev,
+                            format: {
+                                beautify: isDev,
+                                comments: false,
+                            },
+                            compress: {
+                                keep_classnames: true,
+                                keep_fnames: true,
+                                keep_fargs: !isDev,
+                                unused: true,
+                                dead_code: true,
+                                drop_debugger: true,
+                                // FIXME: 先临时开始 console.log
+                                // drop_console: !isDev,
+                                const_to_let: !isDev,
+                                booleans_as_integers: !isDev,
+                                booleans: !isDev,
+                                // maybe unsafe
+                                reduce_funcs: !isDev,
+                                reduce_vars: !isDev,
+                            },
+                        },
+                    }),
+                    new core_1.default.LightningCssMinimizerRspackPlugin(),
+                ],
+                sideEffects: true,
+                usedExports: true,
+                innerGraph: true,
+                providedExports: true,
+                mergeDuplicateChunks: true,
+                splitChunks: false, // 禁用代码分割，保持单文件输出
+            },
+        devtool: isDev ? 'source-map' : false, // 对应vite的sourcemap配置
+        devServer: {
+            port: process.env.CLIENT_DEV_PORT || 8080,
+            host: process.env.CLIENT_DEV_HOST || 'localhost',
+            allowedHosts: 'all',
+            hot: true,
+            liveReload: true,
+            historyApiFallback: true,
+            watchFiles: [{
+                    paths: [path_1.default.resolve(rootDir, 'client/src/api/**/*')],
+                    options: {
+                        usePolling: true,
+                        interval: 500,
+                    },
+                }],
+            static: {
+                directory: path_1.default.resolve(rootDir, 'client/public'),
+                publicPath: publicPath,
+            },
+            webSocketServer: {
+                type: 'sockjs',
+                options: {
+                    path: `${clientBasePath}/ws`,
+                },
+            },
+            client: {
+                webSocketTransport: 'sockjs',
+                webSocketURL: {
+                    port: 0,
+                    pathname: `${clientBasePath}/ws`
+                },
+                overlay: {
+                    errors: false,
+                    warnings: false,
+                },
+            },
+            headers: (req) => {
+                // 获取请求的Origin头
+                const requestOrigin = req.headers.origin ?? '';
+                // 定义允许的域名白名单
+                const allowedOrigins = [
+                    'https://miaoda.feishu.cn',
+                    'https://miaoda.feishu-boe.cn',
+                    'https://miaoda.feishu-pre.cn',
+                ];
+                // 检查请求的Origin是否在允许的列表中
+                const allowedOrigin = allowedOrigins.includes(requestOrigin)
+                    ? requestOrigin
+                    : allowedOrigins[0]; // 默认返回第一个允许的域名
+                return {
+                    'Access-Control-Allow-Origin': allowedOrigin,
+                };
+            },
+            onListening(server) {
+                (0, dev_server_listener_1.listenHmrTiming)(server);
+            },
+            proxy: [
+                {
+                    context: [`${clientBasePath}/api`],
+                    target: `http://localhost:${serverPort}`,
+                    changeOrigin: true,
+                },
+                {
+                    context: (pathname, req) => {
+                        // 代理所有请求 HTML 响应的请求（页面路由）
+                        const devServerWhiteList = ['/__rspack_hmr', '/webpack-dev-server', '.hot-update.json', '/dev/'];
+                        const isHtmlRequest = req.headers.accept?.includes('text/html');
+                        const isDevServerPath = devServerWhiteList.some((item) => pathname.includes(item));
+                        return isHtmlRequest && !isDevServerPath;
+                    },
+                    target: `http://localhost:${serverPort}`,
+                    changeOrigin: true,
+                    logLevel: 'debug',
+                    onError: (err, req, res) => (0, devtool_kits_1.handleDevProxyError)(err, req, res, {
+                        logDir: process.env.LOG_DIR || './logs',
+                        logFileName: 'server.std.log',
+                        maxErrorLogs: 100,
+                    }),
+                },
+            ],
+            devMiddleware: {
+                index: false,
+                writeToDisk: (filePath) => filePath.endsWith('.html'),
+            },
+            setupMiddlewares: (middlewares, devServer) => {
+                if (devServer.app) {
+                    (0, devtool_kits_1.registerMiddlewares)(devServer.app, [
+                        (0, devtool_kits_1.createDevLogsMiddleware)({ logDir: process.env.LOG_DIR || './logs' }),
+                        (0, devtool_kits_1.createOpenapiMiddleware)({
+                            openapiFilePath: path_1.default.resolve(rootDir, './client/src/api/gen/openapi.json'),
+                            serverDir: path_1.default.resolve(rootDir, './server'),
+                            enableEnhancement: true,
+                        }),
+                        (0, devtool_kits_1.createCollectLogsMiddleware)({ logDir: process.env.LOG_DIR || './logs', fileName: 'browser.log' }),
+                    ], {
+                        basePath: clientBasePath,
+                        isDev
+                    });
+                }
+                return middlewares;
+            },
+        },
+        output: {
+            publicPath,
+            path: path_1.default.resolve(rootDir, 'dist/client'),
+            clean: true,
+            globalObject: 'this',
+        },
+    };
+}

package/lib/rspack-plugins/route-parser-plugin.d.ts

@@ -0,0 +1,20 @@
+interface RouteParserPluginOptions {
+    appPath?: string;
+    outputPath?: string;
+}
+declare class RouteParserPlugin {
+    private options;
+    private lastAppPathHash;
+    private cachedRoutes;
+    constructor(options?: RouteParserPluginOptions);
+    private log;
+    apply(compiler: any): void;
+    private shouldRegenerateRoutes;
+    private calculateFileHash;
+    private parseRoutes;
+    private isRouteComponent;
+    private extractRouteInfo;
+    private buildFullPath;
+    private evaluateTemplateLiteral;
+}
+export default RouteParserPlugin;

package/lib/rspack-plugins/route-parser-plugin.js

@@ -0,0 +1,269 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const crypto = __importStar(require("crypto"));
+const parser_1 = require("@babel/parser");
+const traverse_1 = __importDefault(require("@babel/traverse"));
+const t = __importStar(require("@babel/types"));
+class RouteParserPlugin {
+    constructor(options = {}) {
+        this.lastAppPathHash = null;
+        this.cachedRoutes = null;
+        this.options = {
+            appPath: options.appPath || './client/src/app.tsx',
+            outputPath: options.outputPath || './dist/client/routes.json',
+        };
+    }
+    log(level, message, ...args) {
+        const prefix = '[route-parser]';
+        const logMessage = `${prefix} ${message}`;
+        switch (level) {
+            case 'log':
+                console.log(logMessage, ...args);
+                break;
+            case 'warn':
+                console.warn(logMessage, ...args);
+                break;
+            case 'error':
+                console.error(logMessage, ...args);
+                break;
+            case 'info':
+                console.info(logMessage, ...args);
+                break;
+            default:
+                console.log(logMessage, ...args);
+        }
+    }
+    apply(compiler) {
+        const pluginName = 'RouteParserPlugin';
+        compiler.hooks.emit.tapAsync(pluginName, (compilation, callback) => {
+            try {
+                if (this.shouldRegenerateRoutes()) {
+                    const routes = this.parseRoutes();
+                    this.cachedRoutes = routes;
+                }
+                const routesJson = JSON.stringify(this.cachedRoutes, null, 2);
+                compilation.assets['routes.json'] = {
+                    source: () => routesJson,
+                    size: () => routesJson.length
+                };
+                callback();
+            }
+            catch (error) {
+                this.log('warn', '⚠️ 路由解析失败，使用默认路由:', error.message);
+                const defaultRoutes = [{ path: '/' }];
+                const routesJson = JSON.stringify(defaultRoutes, null, 2);
+                compilation.assets['routes.json'] = {
+                    source: () => routesJson,
+                    size: () => routesJson.length
+                };
+                callback();
+            }
+        });
+    }
+    shouldRegenerateRoutes() {
+        try {
+            const appFilePath = path.resolve(process.cwd(), this.options.appPath);
+            if (!fs.existsSync(appFilePath)) {
+                this.log('warn', `⚠️ App.tsx 文件不存在: ${appFilePath}`);
+                return false;
+            }
+            const currentHash = this.calculateFileHash(appFilePath);
+            if (this.lastAppPathHash === currentHash && this.cachedRoutes) {
+                return false;
+            }
+            this.lastAppPathHash = currentHash;
+            return true;
+        }
+        catch (error) {
+            this.log('warn', '⚠️ 检查文件变更时出错:', error.message);
+            return true;
+        }
+    }
+    calculateFileHash(filePath) {
+        try {
+            const content = fs.readFileSync(filePath, 'utf-8');
+            return crypto.createHash('md5').update(content).digest('hex');
+        }
+        catch (error) {
+            this.log('warn', '⚠️ 计算文件哈希失败:', error.message);
+            return null;
+        }
+    }
+    parseRoutes() {
+        try {
+            const appFilePath = path.resolve(process.cwd(), this.options.appPath);
+            if (!fs.existsSync(appFilePath)) {
+                throw new Error(`App.tsx 文件不存在: ${appFilePath}`);
+            }
+            const sourceCode = fs.readFileSync(appFilePath, 'utf-8');
+            const ast = (0, parser_1.parse)(sourceCode, {
+                sourceType: 'module',
+                plugins: [
+                    'jsx',
+                    'typescript',
+                    'decorators-legacy',
+                    'classProperties',
+                    'objectRestSpread',
+                    'functionBind',
+                    'exportDefaultFrom',
+                    'exportNamespaceFrom',
+                    'dynamicImport',
+                    'nullishCoalescingOperator',
+                    'optionalChaining'
+                ]
+            });
+            const routeSet = new Set();
+            const routeStack = [];
+            const self = this;
+            (0, traverse_1.default)(ast, {
+                JSXElement: {
+                    enter(path) {
+                        const { openingElement } = path.node;
+                        if (self.isRouteComponent(openingElement)) {
+                            const routeInfo = self.extractRouteInfo(openingElement);
+                            routeStack.push(routeInfo);
+                        }
+                    },
+                    exit(path) {
+                        const { openingElement } = path.node;
+                        if (self.isRouteComponent(openingElement)) {
+                            const currentRoute = routeStack.pop();
+                            if (currentRoute && currentRoute.path === '*') {
+                                return;
+                            }
+                            if (currentRoute && (currentRoute.path || currentRoute.index)) {
+                                const fullPath = self.buildFullPath(routeStack, currentRoute);
+                                if (fullPath) {
+                                    routeSet.add(fullPath);
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+            const routes = Array.from(routeSet).map(routePath => ({ path: routePath }));
+            return routes.length > 0 ? routes : [{ path: '/' }];
+        }
+        catch (error) {
+            this.log('warn', '⚠️ 路由解析失败，使用默认路由:', error.message);
+            return [{ path: '/' }];
+        }
+    }
+    isRouteComponent(openingElement) {
+        return (t.isJSXIdentifier(openingElement.name) &&
+            openingElement.name.name === 'Route');
+    }
+    extractRouteInfo(openingElement) {
+        const routeInfo = {};
+        openingElement.attributes.forEach((attr) => {
+            if (t.isJSXAttribute(attr)) {
+                const name = attr.name.name;
+                let value;
+                if (attr.value) {
+                    if (t.isStringLiteral(attr.value)) {
+                        value = attr.value.value;
+                    }
+                    else if (t.isJSXExpressionContainer(attr.value)) {
+                        const expression = attr.value.expression;
+                        if (t.isStringLiteral(expression)) {
+                            value = expression.value;
+                        }
+                        else if (t.isTemplateLiteral(expression)) {
+                            value = this.evaluateTemplateLiteral(expression);
+                        }
+                        else {
+                            value = true;
+                        }
+                    }
+                }
+                else {
+                    value = true;
+                }
+                routeInfo[name] = value;
+            }
+        });
+        return routeInfo;
+    }
+    buildFullPath(routeStack, currentRoute) {
+        let fullPath = '';
+        for (let i = 0; i < routeStack.length; i++) {
+            if (routeStack[i].path) {
+                let parentPath = routeStack[i].path;
+                if (!parentPath.startsWith('/'))
+                    parentPath = `/${parentPath}`;
+                if (parentPath.endsWith('/') && parentPath !== '/') {
+                    parentPath = parentPath.slice(0, -1);
+                }
+                fullPath += parentPath === '/' ? '' : parentPath;
+            }
+        }
+        if (currentRoute.index) {
+            return fullPath || '/';
+        }
+        else if (currentRoute.path) {
+            const routePath = currentRoute.path;
+            if (routePath === '*') {
+                return null;
+            }
+            if (!routePath.startsWith('/')) {
+                fullPath = `${fullPath}/${routePath}`;
+            }
+            else {
+                fullPath = routePath;
+            }
+            if (fullPath === '')
+                fullPath = '/';
+            if (!fullPath.startsWith('/'))
+                fullPath = `/${fullPath}`;
+            return fullPath;
+        }
+        return null;
+    }
+    evaluateTemplateLiteral(templateLiteral) {
+        const quasis = templateLiteral.quasis;
+        const expressions = templateLiteral.expressions;
+        if (quasis.length === 1 && expressions.length === 0) {
+            return quasis[0].value.raw;
+        }
+        return quasis.map((q) => q.value.raw).join('');
+    }
+}
+exports.default = RouteParserPlugin;

package/lib/rspack-plugins/slardar-performance-monitor-plugin.d.ts

@@ -0,0 +1,10 @@
+interface SlardarPerformanceMonitorPluginOptions {
+    position?: 'head-end' | 'body-start' | 'body-end';
+    snippet?: string;
+}
+declare class SlardarPerformanceMonitorPlugin {
+    private options;
+    constructor(options?: SlardarPerformanceMonitorPluginOptions);
+    apply(compiler: any): void;
+}
+export default SlardarPerformanceMonitorPlugin;

package/lib/rspack-plugins/slardar-performance-monitor-plugin.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class SlardarPerformanceMonitorPlugin {
+    constructor(options) {
+        this.options = options || {};
+    }
+    apply(compiler) {
+        compiler.hooks.compilation.tap('SlardarPerformanceMonitorPlugin', (compilation) => {
+            try {
+                let HtmlPlugin;
+                try {
+                    HtmlPlugin = require('@rspack/core').rspack.HtmlRspackPlugin;
+                }
+                catch (e) {
+                    try {
+                        HtmlPlugin = require('html-webpack-plugin');
+                    }
+                    catch (e2) {
+                        console.warn('SlardarPerformanceMonitorPlugin: html-rspack-plugin or html-webpack-plugin not found');
+                        return;
+                    }
+                }
+                const hooks = HtmlPlugin.getHooks(compilation);
+                hooks.beforeEmit.tapAsync('SlardarPerformanceMonitorPlugin', (data, cb) => {
+                    const position = this.options.position ?? 'head-end';
+                    const snippet = this.options.snippet ?? getSlardarScript();
+                    if (!snippet)
+                        return;
+                    if (position === 'body-end') {
+                        data.html = data.html.replace('</body>', `${snippet}\n</body>`);
+                    }
+                    else if (position === 'body-start') {
+                        data.html = data.html.replace('<body>', `<body>\n${snippet}`);
+                    }
+                    else if (position === 'head-end') {
+                        data.html = data.html.replace('</head>', `${snippet}\n</head>`);
+                    }
+                    cb(null, data);
+                });
+            }
+            catch (error) {
+                console.error('Error in SlardarPerformanceMonitorPlugin:', error);
+            }
+        });
+    }
+}
+exports.default = SlardarPerformanceMonitorPlugin;
+function getSlardarScript(option = {}) {
+    const bid = option.bid || 'apaas_ai';
+    const globalName = option.globalName || 'KSlardarWeb';
+    return `
+  <script>
+  // 创建 Slardar 脚本元素
+    const slardarScript = document.createElement('script');
+    slardarScript.src = 'https://lf3-short.ibytedapm.com/slardar/fe/sdk-web/browser.cn.js?bid=${bid}&globalName=${globalName}';
+    slardarScript.crossOrigin = 'anonymous';
+
+    // 添加 onload 事件处理
+    slardarScript.onload = function() {
+      // 脚本加载完成后执行初始化
+      if (window.KSlardarWeb) {
+        window.KSlardarWeb('init', {
+          bid: 'apaas_ai',
+          // 四种类型：dev/boe/pre/online
+          env: 'online',
+        });
+        window.KSlardarWeb('start');
+      }
+    };
+
+    // 添加错误处理
+    slardarScript.onerror = function() {
+      console.warn('Failed to load Slardar script');
+    };
+
+    // 将脚本添加到页面
+    document.head.appendChild(slardarScript);
+
+    // 添加 TTI 监控脚本
+    const performanceScript = document.createElement('script');
+    performanceScript.src = 'https://sf3-scmcdn-cn.feishucdn.com/obj/unpkg/byted/performance/0.1.0/dist/performance.iife.js';
+    document.head.appendChild(performanceScript);
+</script>
+
+  `;
+}

package/lib/utils/dev-server-listener.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 监听 HMR 编译时间
+ * @param server
+ */
+export declare function listenHmrTiming(server: any): void;

package/lib/utils/dev-server-listener.js

@@ -0,0 +1,113 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listenHmrTiming = listenHmrTiming;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const fs = __importStar(require("fs"));
+/**
+ * 监听 HMR 编译时间
+ * @param server
+ */
+function listenHmrTiming(server) {
+    const compiler = server.compiler;
+    const ws = server.webSocketServer;
+    let start = 0;
+    let changedFiles = new Set();
+    // 监听文件变更
+    compiler.hooks.watchRun.tap('HmrTiming', (comp) => {
+        const modifiedFiles = comp.modifiedFiles;
+        if (modifiedFiles && modifiedFiles.size > 0) {
+            changedFiles = new Set(modifiedFiles);
+        }
+        else {
+            changedFiles.clear();
+        }
+        start = Date.now();
+    });
+    // 编译完成
+    compiler.hooks.done.tap('HmrTiming', () => {
+        const duration = Date.now() - start;
+        // 过滤有效文件 - 只保留实际的项目文件
+        const validFiles = [...changedFiles]
+            .map(f => f.replace(process.cwd(), '').replace(/\\/g, '/'))
+            .filter(filePath => {
+            // 过滤无效文件
+            if (!filePath || filePath.length === 0)
+                return false;
+            // 过滤 node_modules 中的文件
+            if (filePath.includes('/node_modules/'))
+                return false;
+            // 只保留支持的文件类型
+            const validExtensions = ['.js', '.jsx', '.ts', '.tsx', '.svelte', '.css', '.json', '.html'];
+            const hasValidExtension = validExtensions.some(ext => filePath.toLowerCase().endsWith(ext));
+            if (!hasValidExtension)
+                return false;
+            return true;
+        });
+        // 获取文件统计信息
+        const fileStats = validFiles.map(filePath => {
+            const fullPath = process.cwd() + filePath;
+            try {
+                const stats = fs.statSync(fullPath);
+                return {
+                    path: filePath,
+                    size: stats.size,
+                };
+            }
+            catch (error) {
+                return {
+                    path: filePath,
+                    size: 0,
+                };
+            }
+        });
+        // 计算总文件大小(B)
+        const totalSize = fileStats.reduce((sum, file) => sum + file.size, 0);
+        const payload = {
+            duration,
+            fileCount: validFiles.length,
+            fileTotalSize: totalSize,
+        };
+        // 推送到浏览器端
+        for (const client of ws.clients) {
+            if (client.readyState === 1) {
+                client.send(JSON.stringify({
+                    type: 'hmr-timing',
+                    data: payload,
+                }));
+            }
+        }
+    });
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@lark-apaas/fullstack-rspack-preset",
+  "version": "0.1.0",
+  "files": [
+    "lib"
+  ],
+  "main": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "license": "MIT",
+  "keywords": [
+    "fullstack",
+    "rspack",
+    "presets"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "watch": "tsc --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.0",
+    "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.0",
+    "clsx": "^2.1.1",
+    "echarts": "^6.0.0",
+    "postcss-import": "^16.1.1",
+    "tailwind-merge": "^2.5.5"
+  },
+  "devDependencies": {
+    "@lark-apaas/devtool-kits": "^1.0.0",
+    "@rspack/core": "^1.4.4",
+    "@types/node": "^22.15.30",
+    "typescript": "^5.9.2",
+    "vitest": "^2.1.8"
+  },
+  "peerDependencies": {
+    "@lark-apaas/devtool-kits": "^1.0.0",
+    "@rspack/core": ">=1.0.0"
+  }
+}