@lark-apaas/fullstack-rspack-preset 1.0.19 → 1.0.20-alpha.app.1

package/lib/preset.js

@@ -12,6 +12,7 @@ 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"));
 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 dev_server_snapdom_proxy_1 = require("./utils/dev-server-snapdom-proxy");
 function createRecommendRspackConfig(options) {
     const { isDev = true, enableReactRefresh = isDev, needRoutes = true, clientBasePath = '', publicPath = '', // 静态资源路径
@@ -105,6 +106,9 @@ function createRecommendRspackConfig(options) {
                                         },
                                     },
                                     experimental: {
+                                        // 避免 wasm 出现到根目录，统一放到 node_modules/.cache 目录下
+                                        cacheRoot: path_1.default.join(rootDir, './node_modules/.cache/swc'),
+                                        // 支持 styled-jsx 语法
                                         plugins: [[require.resolve('@swc/plugin-styled-jsx'), {}]],
                                     },
                                 },
@@ -160,6 +164,8 @@ function createRecommendRspackConfig(options) {
             new slardar_performance_monitor_plugin_1.default(),
             // 视图上下文注入插件
             new view_context_injection_plugin_1.default(),
+            // OG Meta 标签注入插件
+            new og_meta_injection_plugin_1.default(),
             // 开发环境下，解析路由
             isDev && needRoutes &&
                 new route_parser_plugin_1.default({

package/lib/rspack-plugins/og-meta-injection-plugin.d.ts

@@ -0,0 +1,17 @@
+interface OgMetaInjectionPluginOptions {
+    customTags?: Array<{
+        property: string;
+        placeholder: string;
+    }>;
+    titlePlaceholder?: string;
+    faviconPlaceholder?: string;
+}
+declare class OgMetaInjectionPlugin {
+    private options;
+    private defaultOgTags;
+    private defaultTitlePlaceholder;
+    private defaultFaviconPlaceholder;
+    constructor(options?: OgMetaInjectionPluginOptions);
+    apply(compiler: any): void;
+}
+export default OgMetaInjectionPlugin;

package/lib/rspack-plugins/og-meta-injection-plugin.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class OgMetaInjectionPlugin {
+    constructor(options) {
+        // 默认需要处理的 OG 标签配置
+        this.defaultOgTags = [
+            { property: 'og:title', placeholder: '{{appName}}' },
+            { property: 'og:description', placeholder: '{{appDescription}}' },
+            { property: 'og:image', placeholder: '{{appAvatar}}' },
+            { property: 'og:url', placeholder: '{{currentUrl}}' },
+        ];
+        // 默认 title 占位符
+        this.defaultTitlePlaceholder = '{{appName}}';
+        // 默认 favicon 占位符
+        this.defaultFaviconPlaceholder = '{{appAvatar}}';
+        this.options = options || {};
+    }
+    apply(compiler) {
+        compiler.hooks.compilation.tap('OgMetaInjectionPlugin', (compilation) => {
+            try {
+                // 从 compiler.webpack 或 compiler.rspack 获取 HtmlRspackPlugin
+                // 这样可以避免在 npm link 环境下的模块解析问题
+                let HtmlPlugin;
+                try {
+                    // 尝试从 compiler 中获取 rspack
+                    const rspack = compiler.webpack || compiler.rspack || compiler.constructor.webpack;
+                    if (rspack && rspack.HtmlRspackPlugin) {
+                        HtmlPlugin = rspack.HtmlRspackPlugin;
+                    }
+                    else {
+                        // 降级到 require，但这在 npm link 下可能失败
+                        try {
+                            HtmlPlugin = require('html-webpack-plugin');
+                        }
+                        catch (e2) {
+                            console.warn('OgMetaInjectionPlugin: HtmlRspackPlugin not found');
+                            return;
+                        }
+                    }
+                }
+                catch (e) {
+                    console.warn('OgMetaInjectionPlugin: Failed to get HtmlRspackPlugin');
+                    return;
+                }
+                const hooks = HtmlPlugin.getHooks(compilation);
+                // 使用 alterAssetTagGroups 钩子，在标签数组层面操作
+                hooks.alterAssetTagGroups.tap('OgMetaInjectionPlugin', (data) => {
+                    // 1. 处理 OG Meta 标签
+                    const ogTags = this.options.customTags || this.defaultOgTags;
+                    // 遍历每个 OG 标签配置
+                    ogTags.forEach(({ property, placeholder }) => {
+                        // 检查是否已经存在该 property 的 meta 标签
+                        const existingMetaIndex = data.headTags.findIndex((tag) => tag.tagName === 'meta' &&
+                            tag.attributes &&
+                            tag.attributes.property === property);
+                        if (existingMetaIndex !== -1) {
+                            // 如果存在，更新其 content 为占位符
+                            data.headTags[existingMetaIndex].attributes.content = placeholder;
+                        }
+                        else {
+                            // 如果不存在，创建新的 meta 标签并添加到 headTags
+                            const newMetaTag = {
+                                tagName: 'meta',
+                                voidTag: true,
+                                attributes: {
+                                    property: property,
+                                    content: placeholder,
+                                },
+                            };
+                            // 将新标签插入到 headTags 的开头
+                            data.headTags.unshift(newMetaTag);
+                        }
+                    });
+                    // 2. 处理 <title> 标签
+                    const titlePlaceholder = this.options.titlePlaceholder || this.defaultTitlePlaceholder;
+                    const titleTagIndex = data.headTags.findIndex((tag) => tag.tagName === 'title');
+                    if (titleTagIndex !== -1) {
+                        // 如果存在 title 标签，更新其内容为占位符
+                        data.headTags[titleTagIndex].innerHTML = titlePlaceholder;
+                    }
+                    else {
+                        // 如果不存在，创建新的 title 标签
+                        const newTitleTag = {
+                            tagName: 'title',
+                            voidTag: false,
+                            innerHTML: titlePlaceholder,
+                            attributes: {},
+                        };
+                        // 将 title 标签插入到 headTags 的开头
+                        data.headTags.unshift(newTitleTag);
+                    }
+                    // 3. 处理 <link rel="icon"> 标签
+                    const faviconPlaceholder = this.options.faviconPlaceholder || this.defaultFaviconPlaceholder;
+                    const iconTagIndex = data.headTags.findIndex((tag) => tag.tagName === 'link' &&
+                        tag.attributes &&
+                        (tag.attributes.rel === 'icon' || tag.attributes.rel === 'shortcut icon'));
+                    if (iconTagIndex !== -1) {
+                        // 如果存在 icon 标签，更新其 href 为占位符
+                        data.headTags[iconTagIndex].attributes.href = faviconPlaceholder;
+                    }
+                    else {
+                        // 如果不存在，创建新的 icon 标签
+                        const newIconTag = {
+                            tagName: 'link',
+                            voidTag: true,
+                            attributes: {
+                                rel: 'icon',
+                                href: faviconPlaceholder,
+                            },
+                        };
+                        // 将 icon 标签插入到 headTags
+                        data.headTags.unshift(newIconTag);
+                    }
+                    return data;
+                });
+            }
+            catch (error) {
+                console.error('Error in OgMetaInjectionPlugin:', error);
+            }
+        });
+    }
+}
+exports.default = OgMetaInjectionPlugin;

package/lib/rspack-plugins/view-context-injection-plugin.js

@@ -70,5 +70,13 @@ function getViewContextScriptContent() {
         window.userId = "{{userId}}";
         window.tenantId = "{{tenantId}}";
         window.appId = "{{appId}}";
+        const appInfo = {
+          name: "{{appName}}",
+          avatar: "{{appAvatar}}",
+          description: "{{appDescription}}",
+        };
+        if (appInfo.name) {
+          window._appInfo = appInfo;
+        }
     `;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.19",
+  "version": "1.0.20-alpha.app.1",
   "files": [
     "lib",
     "patches",

package/lib/module-alias/echartThemeUD.json

@@ -1,148 +0,0 @@
-{
-    "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"
-    }
-}