@lark-apaas/fullstack-rspack-preset 1.0.23-alpha.1 → 1.0.23-alpha.3

package/lib/preset.js

@@ -14,6 +14,15 @@ const slardar_performance_monitor_plugin_1 = __importDefault(require("./rspack-p
 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 sendBackendUnavailable502(_err, _req, res) {
+    if (res.headersSent)
+        return;
+    res.writeHead(502, {
+        'Content-Type': 'application/json; charset=utf-8',
+        'Cache-Control': 'no-cache, no-store, must-revalidate',
+    });
+    res.end(JSON.stringify({ error: 'Bad Gateway', message: 'Backend service is not running' }));
+}
 function createRecommendRspackConfig(options) {
     const { isDev = true, enableReactRefresh = isDev, needRoutes = true, clientBasePath = '', publicPath = '', // 静态资源路径
      } = options;
@@ -230,6 +239,7 @@ function createRecommendRspackConfig(options) {
             hot: true,
             liveReload: true,
             historyApiFallback: true,
+            compress: false,
             watchFiles: [{
                     paths: [path_1.default.resolve(rootDir, 'client/src/api/**/*')],
                     options: {
@@ -283,11 +293,13 @@ function createRecommendRspackConfig(options) {
                     context: [`${clientBasePath}/api`],
                     target: `http://localhost:${serverPort}`,
                     changeOrigin: true,
+                    onError: sendBackendUnavailable502,
                 },
                 {
                     context: [`${clientBasePath}/__innerapi__`],
                     target: `http://localhost:${serverPort}`,
                     changeOrigin: true,
+                    onError: sendBackendUnavailable502,
                 },
                 {
                     context: (pathname, req) => {

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

@@ -4,12 +4,14 @@ interface OgMetaInjectionPluginOptions {
         placeholder: string;
     }>;
     titlePlaceholder?: string;
+    descriptionPlaceholder?: string;
     faviconPlaceholder?: string;
 }
 declare class OgMetaInjectionPlugin {
     private options;
     private defaultOgTags;
     private defaultTitlePlaceholder;
+    private defaultDescriptionPlaceholder;
     private defaultFaviconPlaceholder;
     constructor(options?: OgMetaInjectionPluginOptions);
     apply(compiler: any): void;

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

@@ -11,6 +11,8 @@ class OgMetaInjectionPlugin {
         ];
         // 默认 title 占位符
         this.defaultTitlePlaceholder = '{{appName}}';
+        // 默认 description 占位符
+        this.defaultDescriptionPlaceholder = '{{appDescription}}';
         // 默认 favicon 占位符
         this.defaultFaviconPlaceholder = '{{appAvatar}}';
         this.options = options || {};
@@ -77,6 +79,23 @@ class OgMetaInjectionPlugin {
                             const newTitleTag = `\n    <title>${titlePlaceholder}</title>`;
                             html = html.replace('</head>', `${newTitleTag}\n  </head>`);
                         }
+                        // 2.1 处理 <meta name="description"> 标签
+                        const descriptionPlaceholder = this.options.descriptionPlaceholder ||
+                            this.defaultDescriptionPlaceholder;
+                        const descriptionMetaRegex = /<meta\b[^>]*\bname=["']description["'][^>]*>/i;
+                        const descriptionMetaReplaceRegex = /<meta\b[^>]*\bname=["']description["'][^>]*>/gi;
+                        if (descriptionMetaRegex.test(html)) {
+                            html = html.replace(descriptionMetaReplaceRegex, (metaTag) => {
+                                if (/\bcontent=/.test(metaTag)) {
+                                    return metaTag.replace(/\bcontent=(["'])([\s\S]*?)\1/i, `content="${descriptionPlaceholder}"`);
+                                }
+                                return metaTag.replace(/>$/, ` content="${descriptionPlaceholder}">`);
+                            });
+                        }
+                        else {
+                            const newDescriptionTag = `\n    <meta name="description" content="${descriptionPlaceholder}">`;
+                            html = html.replace('</head>', `${newDescriptionTag}\n  </head>`);
+                        }
                         // 3. 处理 <link rel="icon"> 标签
                         const faviconPlaceholder = this.options.faviconPlaceholder || this.defaultFaviconPlaceholder;
                         const iconRegex = /<link\s+[^>]*rel=["']?(?:icon|shortcut icon)["']?[^>]*>/i;

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

@@ -72,7 +72,7 @@ function getViewContextScriptContent() {
         window.appId = "{{appId}}";
         const appInfo = {
           name: "{{appName}}",
-          avatar: "{{appAvatar}}",
+          avatar: "{{{appAvatar}}}",
           description: "{{appDescription}}",
         };
         if (appInfo.name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.23-alpha.1",
+  "version": "1.0.23-alpha.3",
   "files": [
     "lib",
     "patches",
@@ -35,7 +35,7 @@
     "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.0",
     "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.0",
     "@rspack/plugin-react-refresh": "^1.5.1",
-    "@swc/plugin-styled-jsx": "^11.0.0",
+    "@swc/plugin-styled-jsx": "^13.0.0",
     "clsx": "^2.1.1",
     "colorjs.io": "^0.5.2",
     "dotenv": "^16.4.5",