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

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 = '', // 静态资源路径
@@ -163,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,108 @@
+"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);
+                // 使用 beforeEmit 钩子，在 HTML 字符串层面操作
+                hooks.beforeEmit.tapAsync('OgMetaInjectionPlugin', (data, callback) => {
+                    try {
+                        let html = data.html;
+                        // 1. 处理 OG Meta 标签
+                        const ogTags = this.options.customTags || this.defaultOgTags;
+                        ogTags.forEach(({ property, placeholder }) => {
+                            // 转义特殊字符，避免正则表达式错误
+                            const escapedProperty = property.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+                            // 检查是否存在该 property 的 meta 标签
+                            const metaRegex = new RegExp(`<meta\\s+[^>]*property=["']?${escapedProperty}["']?[^>]*>`, 'i');
+                            if (metaRegex.test(html)) {
+                                // 如果存在，替换其 content 为占位符
+                                const replaceRegex = new RegExp(`(<meta\\s+[^>]*property=["']?${escapedProperty}["']?[^>]*content=)["'][^"']*["']([^>]*>)`, 'gi');
+                                html = html.replace(replaceRegex, `$1"${placeholder}"$2`);
+                            }
+                            else {
+                                // 如果不存在，在 </head> 前插入新标签
+                                const newMetaTag = `\n    <meta property="${property}" content="${placeholder}">`;
+                                html = html.replace('</head>', `${newMetaTag}\n  </head>`);
+                            }
+                        });
+                        // 2. 处理 <title> 标签
+                        const titlePlaceholder = this.options.titlePlaceholder || this.defaultTitlePlaceholder;
+                        const titleRegex = /<title>[^<]*<\/title>/i;
+                        if (titleRegex.test(html)) {
+                            // 如果存在 title 标签，替换其内容
+                            html = html.replace(/<title>[^<]*<\/title>/gi, `<title>${titlePlaceholder}</title>`);
+                        }
+                        else {
+                            // 如果不存在，在 </head> 前插入
+                            const newTitleTag = `\n    <title>${titlePlaceholder}</title>`;
+                            html = html.replace('</head>', `${newTitleTag}\n  </head>`);
+                        }
+                        // 3. 处理 <link rel="icon"> 标签
+                        const faviconPlaceholder = this.options.faviconPlaceholder || this.defaultFaviconPlaceholder;
+                        const iconRegex = /<link\s+[^>]*rel=["']?(?:icon|shortcut icon)["']?[^>]*>/i;
+                        if (iconRegex.test(html)) {
+                            // 如果存在 icon 标签，替换其 href
+                            const replaceIconRegex = /(<link\s+[^>]*rel=["']?(?:icon|shortcut icon)["']?[^>]*href=)["'][^"']*["']([^>]*>)/gi;
+                            html = html.replace(replaceIconRegex, `$1"${faviconPlaceholder}"$2`);
+                        }
+                        else {
+                            // 如果不存在，在 </head> 前插入
+                            const newIconTag = `\n    <link rel="icon" href="${faviconPlaceholder}">`;
+                            html = html.replace('</head>', `${newIconTag}\n  </head>`);
+                        }
+                        data.html = html;
+                        callback(null, data);
+                    }
+                    catch (error) {
+                        console.error('Error in OgMetaInjectionPlugin:', error);
+                        callback(error);
+                    }
+                });
+            }
+            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.20-alpha.1",
+  "version": "1.0.20-alpha.app.2",
   "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"
-    }
-}