@lark-apaas/fullstack-rspack-preset 1.0.34 → 1.0.35-alpha.1

package/lib/index.js

@@ -6,6 +6,7 @@ const webpack_merge_1 = require("webpack-merge");
 const devtool_kits_1 = require("@lark-apaas/devtool-kits");
 const preset_1 = require("./preset");
 const normalize_base_path_1 = require("./utils/normalize-base-path");
+const inject_runtime_entry_1 = require("./utils/inject-runtime-entry");
 /**
  * 定义 Fullstack Rspack 配置
  *
@@ -69,6 +70,14 @@ function createFullstackRspackConfig(overrides = {}) {
         clientBasePath,
         publicPath,
     });
-    // 5. 深度合并用户配置
-    return (0, webpack_merge_1.merge)(baseConfig, overrides);
+    // 5. 注入 runtime 模块到用户入口
+    // 确保全局初始化逻辑（样式、dayjs、axios、observable、server-log）在用户代码之前执行
+    const processedOverrides = {
+        ...overrides,
+    };
+    if (overrides.entry) {
+        processedOverrides.entry = (0, inject_runtime_entry_1.injectRuntimeEntry)(overrides.entry);
+    }
+    // 6. 深度合并用户配置
+    return (0, webpack_merge_1.merge)(baseConfig, processedOverrides);
 }

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/preset.js

@@ -13,6 +13,7 @@ const route_parser_plugin_1 = __importDefault(require("./rspack-plugins/route-pa
 const slardar_performance_monitor_plugin_1 = __importDefault(require("./rspack-plugins/slardar-performance-monitor-plugin"));
 const view_context_injection_plugin_1 = __importDefault(require("./rspack-plugins/view-context-injection-plugin"));
 const og_meta_injection_plugin_1 = __importDefault(require("./rspack-plugins/og-meta-injection-plugin"));
+const runtime_injection_plugin_1 = __importDefault(require("./rspack-plugins/runtime-injection-plugin"));
 const dev_server_snapdom_proxy_1 = require("./utils/dev-server-snapdom-proxy");
 function sendBackendUnavailable502(_err, _req, res) {
     if (res.headersSent)
@@ -143,6 +144,8 @@ function createRecommendRspackConfig(options) {
             ],
         },
         plugins: [
+            // 运行时注入插件 - 自动将 @lark-apaas/client-toolkit/runtime 注入到所有入口之前
+            new runtime_injection_plugin_1.default(),
             // 针对 clsx/echarts 等包，让其默认好用
             new core_1.default.NormalModuleReplacementPlugin(/^(clsx|echarts)$/, function (resource) {
                 if (!resource.context.endsWith('module-alias')) {
@@ -160,6 +163,8 @@ function createRecommendRspackConfig(options) {
                 'process.env.CLIENT_BASE_PATH': JSON.stringify(clientBasePath),
                 'process.env.FORCE_FRAMEWORK_DOMAIN_MAIN': JSON.stringify(process.env.FORCE_FRAMEWORK_DOMAIN_MAIN ?? ''),
                 'process.env.CWD': JSON.stringify(''),
+                // runtime 注入标志位，用于 client-toolkit 兼容性判断
+                'process.env.__RUNTIME_INJECTED__': JSON.stringify('true'),
                 // 解决 window 未定义问题
                 'typeof window': JSON.stringify('object'),
                 window: 'globalThis',

package/lib/rspack-plugins/runtime-injection-plugin.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Runtime Injection Plugin
+ *
+ * 在编译时自动将 @lark-apaas/client-toolkit/runtime 注入到所有入口之前
+ * 支持 extends 配置方式
+ */
+import type { Compiler } from '@rspack/core';
+export declare class RuntimeInjectionPlugin {
+    apply(compiler: Compiler): void;
+    private injectRuntime;
+}
+export default RuntimeInjectionPlugin;

package/lib/rspack-plugins/runtime-injection-plugin.js

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ * Runtime Injection Plugin
+ *
+ * 在编译时自动将 @lark-apaas/client-toolkit/runtime 注入到所有入口之前
+ * 支持 extends 配置方式
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeInjectionPlugin = void 0;
+const RUNTIME_MODULE = '@lark-apaas/client-toolkit/runtime';
+const PLUGIN_NAME = 'RuntimeInjectionPlugin';
+class RuntimeInjectionPlugin {
+    apply(compiler) {
+        compiler.hooks.entryOption.tap(PLUGIN_NAME, (_context, entry) => {
+            // entry 在 entryOption 钩子中已经被标准化为对象格式
+            if (typeof entry === 'function') {
+                // 动态 entry，需要包装函数
+                const originalEntry = entry;
+                compiler.options.entry = async () => {
+                    const resolved = await originalEntry();
+                    return this.injectRuntime(resolved);
+                };
+            }
+            else {
+                // 静态 entry 对象
+                compiler.options.entry = this.injectRuntime(entry);
+            }
+            // 返回 true 表示已处理 entry
+            return true;
+        });
+    }
+    injectRuntime(entry) {
+        const result = {};
+        for (const [name, descriptor] of Object.entries(entry)) {
+            const entryDesc = descriptor;
+            const imports = entryDesc.import || [];
+            // 检查是否已经包含 runtime
+            if (imports.includes(RUNTIME_MODULE)) {
+                result[name] = entryDesc;
+                continue;
+            }
+            // 注入 runtime 到最前面
+            result[name] = {
+                ...entryDesc,
+                import: [RUNTIME_MODULE, ...imports],
+            };
+        }
+        return result;
+    }
+}
+exports.RuntimeInjectionPlugin = RuntimeInjectionPlugin;
+exports.default = RuntimeInjectionPlugin;

package/lib/utils/inject-runtime-entry.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Runtime Entry 注入工具
+ *
+ * 将 @lark-apaas/client-toolkit/runtime 自动注入到用户入口之前
+ * 确保全局初始化逻辑（样式、dayjs、axios、observable、server-log）在用户代码之前执行
+ */
+import type { Entry } from '@rspack/core';
+/**
+ * 将 runtime 模块注入到 entry 配置中
+ *
+ * @param entry - 用户的 entry 配置
+ * @returns 注入 runtime 后的 entry 配置
+ *
+ * @example
+ * ```typescript
+ * // 字符串入口
+ * injectRuntimeEntry('./src/index.tsx')
+ * // => ['@lark-apaas/client-toolkit/runtime', './src/index.tsx']
+ *
+ * // 数组入口
+ * injectRuntimeEntry(['./src/polyfill.ts', './src/index.tsx'])
+ * // => ['@lark-apaas/client-toolkit/runtime', './src/polyfill.ts', './src/index.tsx']
+ *
+ * // 对象入口
+ * injectRuntimeEntry({ main: './src/index.tsx' })
+ * // => { main: ['@lark-apaas/client-toolkit/runtime', './src/index.tsx'] }
+ * ```
+ */
+export declare function injectRuntimeEntry(entry: Entry | undefined): Entry | undefined;

package/lib/utils/inject-runtime-entry.js

@@ -0,0 +1,111 @@
+"use strict";
+/**
+ * Runtime Entry 注入工具
+ *
+ * 将 @lark-apaas/client-toolkit/runtime 自动注入到用户入口之前
+ * 确保全局初始化逻辑（样式、dayjs、axios、observable、server-log）在用户代码之前执行
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectRuntimeEntry = injectRuntimeEntry;
+const RUNTIME_MODULE = '@lark-apaas/client-toolkit/runtime';
+/**
+ * 将 runtime 模块注入到 entry 配置中
+ *
+ * @param entry - 用户的 entry 配置
+ * @returns 注入 runtime 后的 entry 配置
+ *
+ * @example
+ * ```typescript
+ * // 字符串入口
+ * injectRuntimeEntry('./src/index.tsx')
+ * // => ['@lark-apaas/client-toolkit/runtime', './src/index.tsx']
+ *
+ * // 数组入口
+ * injectRuntimeEntry(['./src/polyfill.ts', './src/index.tsx'])
+ * // => ['@lark-apaas/client-toolkit/runtime', './src/polyfill.ts', './src/index.tsx']
+ *
+ * // 对象入口
+ * injectRuntimeEntry({ main: './src/index.tsx' })
+ * // => { main: ['@lark-apaas/client-toolkit/runtime', './src/index.tsx'] }
+ * ```
+ */
+function injectRuntimeEntry(entry) {
+    if (!entry) {
+        return entry;
+    }
+    // 字符串入口：'./src/index.tsx'
+    if (typeof entry === 'string') {
+        return [RUNTIME_MODULE, entry];
+    }
+    // 数组入口：['./src/polyfill.ts', './src/index.tsx']
+    if (Array.isArray(entry)) {
+        // 避免重复注入
+        if (entry.includes(RUNTIME_MODULE)) {
+            return entry;
+        }
+        return [RUNTIME_MODULE, ...entry];
+    }
+    // 函数入口：() => './src/index.tsx' 或 () => Promise<...>
+    if (typeof entry === 'function') {
+        return async () => {
+            const resolvedEntry = await entry();
+            return injectRuntimeEntry(resolvedEntry);
+        };
+    }
+    // 对象入口：{ main: './src/index.tsx' } 或 { main: { import: './src/index.tsx' } }
+    if (typeof entry === 'object') {
+        const result = {};
+        for (const [key, value] of Object.entries(entry)) {
+            if (typeof value === 'string') {
+                // { main: './src/index.tsx' }
+                result[key] = [RUNTIME_MODULE, value];
+            }
+            else if (Array.isArray(value)) {
+                // { main: ['./src/polyfill.ts', './src/index.tsx'] }
+                if (value.includes(RUNTIME_MODULE)) {
+                    result[key] = value;
+                }
+                else {
+                    result[key] = [RUNTIME_MODULE, ...value];
+                }
+            }
+            else if (typeof value === 'object' && value !== null) {
+                // { main: { import: './src/index.tsx', ... } }
+                const entryDescription = value;
+                if (entryDescription.import) {
+                    const importValue = entryDescription.import;
+                    let newImport;
+                    if (typeof importValue === 'string') {
+                        newImport = [RUNTIME_MODULE, importValue];
+                    }
+                    else if (Array.isArray(importValue)) {
+                        if (importValue.includes(RUNTIME_MODULE)) {
+                            newImport = importValue;
+                        }
+                        else {
+                            newImport = [RUNTIME_MODULE, ...importValue];
+                        }
+                    }
+                    else {
+                        newImport = [RUNTIME_MODULE];
+                    }
+                    result[key] = {
+                        ...entryDescription,
+                        import: newImport,
+                    };
+                }
+                else {
+                    // 没有 import 字段的情况，保持原样
+                    result[key] = value;
+                }
+            }
+            else {
+                // 其他情况保持原样
+                result[key] = value;
+            }
+        }
+        return result;
+    }
+    // 未知类型，保持原样
+    return entry;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.34",
+  "version": "1.0.35-alpha.1",
   "files": [
     "lib",
     "patches",
@@ -55,6 +55,7 @@
     "vitest": "^2.1.8"
   },
   "peerDependencies": {
+    "@lark-apaas/client-toolkit": "^1.2.8-alpha.2",
     "@rspack/core": "^1.5.5",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0"

package/lib/rspack-plugins/environment-injection-plugin.d.ts

@@ -1,9 +0,0 @@
-interface EnvironmentInjectionPluginOptions {
-    environment?: string;
-}
-declare class EnvironmentInjectionPlugin {
-    private options;
-    constructor(options?: EnvironmentInjectionPluginOptions);
-    apply(compiler: unknown): void;
-}
-export default EnvironmentInjectionPlugin;

package/lib/rspack-plugins/environment-injection-plugin.js

@@ -1,112 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class EnvironmentInjectionPlugin {
-    constructor(options) {
-        this.options = options || {};
-    }
-    apply(compiler) {
-        const compilerLike = getCompilerLike(compiler);
-        if (!compilerLike)
-            return;
-        compilerLike.hooks.compilation.tap('EnvironmentInjectionPlugin', (compilation) => {
-            try {
-                const HtmlPlugin = resolveHtmlPlugin(compilerLike);
-                if (!HtmlPlugin) {
-                    console.warn('EnvironmentInjectionPlugin: HtmlRspackPlugin not found');
-                    return;
-                }
-                const hooks = HtmlPlugin.getHooks(compilation);
-                hooks.alterAssetTagGroups.tap('EnvironmentInjectionPlugin', (data) => {
-                    const mapped = mapToWindowEnvironment(this.options.environment ??
-                        process.env.FORCE_FRAMEWORK_ENVIRONMENT);
-                    const envTag = {
-                        tagName: 'script',
-                        voidTag: false,
-                        innerHTML: `(() => {
-  const templateValue = '{{environment}}';
-  const resolved =
-    templateValue && templateValue !== '{{environment}}'
-      ? templateValue
-      : ${JSON.stringify(mapped)};
-  window.ENVIRONMENT = resolved;
-})();`,
-                        attributes: {},
-                    };
-                    const headIndex = findMainJsIndex(data.headTags);
-                    if (headIndex !== -1) {
-                        data.headTags.splice(headIndex, 0, envTag);
-                        return data;
-                    }
-                    const bodyIndex = findMainJsIndex(data.bodyTags);
-                    if (bodyIndex !== -1) {
-                        data.bodyTags.splice(bodyIndex, 0, envTag);
-                        return data;
-                    }
-                    data.headTags.unshift(envTag);
-                    return data;
-                });
-            }
-            catch (error) {
-                console.error('Error in EnvironmentInjectionPlugin:', error);
-            }
-        });
-    }
-}
-exports.default = EnvironmentInjectionPlugin;
-function mapToWindowEnvironment(input) {
-    const value = (input || '').trim().toLowerCase();
-    if (value === 'boe')
-        return 'staging';
-    if (value === 'pre')
-        return 'gray';
-    if (value === 'online')
-        return 'online';
-    return '';
-}
-function findMainJsIndex(tags) {
-    if (!Array.isArray(tags))
-        return -1;
-    return tags.findIndex((tag) => {
-        if (!tag || tag.tagName !== 'script')
-            return false;
-        const src = tag.attributes?.src;
-        return typeof src === 'string' && src.includes('main.js');
-    });
-}
-function getCompilerLike(input) {
-    if (!input || typeof input !== 'object')
-        return;
-    const hooks = input.hooks;
-    if (!hooks || typeof hooks !== 'object')
-        return;
-    const compilation = hooks.compilation;
-    if (!compilation || typeof compilation !== 'object')
-        return;
-    const tap = compilation.tap;
-    if (typeof tap !== 'function')
-        return;
-    return input;
-}
-function resolveHtmlPlugin(compiler) {
-    const fromWebpack = getHtmlPluginLike(compiler.webpack?.HtmlRspackPlugin);
-    if (fromWebpack)
-        return fromWebpack;
-    const fromRspack = getHtmlPluginLike(compiler.rspack?.HtmlRspackPlugin);
-    if (fromRspack)
-        return fromRspack;
-    const fromCtor = getHtmlPluginLike(compiler.constructor?.webpack?.HtmlRspackPlugin);
-    if (fromCtor)
-        return fromCtor;
-    return;
-}
-function getHtmlPluginLike(value) {
-    if (!value)
-        return;
-    const type = typeof value;
-    if (type !== 'function' && type !== 'object')
-        return;
-    const getHooks = value.getHooks;
-    if (typeof getHooks !== 'function')
-        return;
-    return value;
-}