@lark-apaas/fullstack-rspack-preset 1.0.35 → 1.0.36-alpha.0

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/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.35",
+  "version": "1.0.36-alpha.0",
   "files": [
     "lib",
     "patches",
@@ -31,9 +31,9 @@
     "@babel/parser": "^7.28.0",
     "@babel/traverse": "^7.28.0",
     "@babel/types": "^7.28.2",
-    "@lark-apaas/devtool-kits": "^1.2.16",
+    "@lark-apaas/devtool-kits": "^1.2.17-alpha.0",
     "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.0",
-    "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.0",
+    "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.1-alpha.0",
     "@lark-apaas/styled-jsx": "^1.0.1",
     "@rspack/plugin-react-refresh": "^1.5.1",
     "@swc/plugin-styled-jsx": "^11.0.0",
@@ -55,7 +55,7 @@
     "vitest": "^2.1.8"
   },
   "peerDependencies": {
-    "@lark-apaas/client-toolkit": "^1.2.8",
+    "@lark-apaas/client-toolkit": "^1.2.9-alpha.0",
     "@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;
-}