@lark-apaas/fullstack-rspack-preset 1.0.40 → 1.0.41

package/lib/preset.js

@@ -35,6 +35,8 @@ function createRecommendRspackConfig(options) {
     const assetsCDNPath = publicPath + '/';
     const rootDir = process.cwd();
     const serverPort = process.env.SERVER_PORT || '3000';
+    // 提前创建实例，以便在 plugins 和 setupMiddlewares 中复用
+    const staticAssetsPlugin = new static_assets_plugin_1.default({ clientBasePath, rootDir });
     return {
         mode: isDev ? 'development' : 'production',
         cache: false,
@@ -206,7 +208,7 @@ function createRecommendRspackConfig(options) {
             // 生产环境：为旧浏览器提供 polyfill（仅在需要时加载）
             !isDev && new polyfill_plugin_1.default(),
             // 静态资源插件 - 支持 @shared/static/* 导入
-            new static_assets_plugin_1.default({ clientBasePath, rootDir }),
+            staticAssetsPlugin,
             // 开发环境下，解析路由
             needRoutes &&
                 new route_parser_plugin_1.default({
@@ -348,6 +350,8 @@ function createRecommendRspackConfig(options) {
             },
             setupMiddlewares: (middlewares, devServer) => {
                 if (devServer.app) {
+                    // 开发环境下提供 shared/static 文件服务，对齐 Vite preset 的 configureServer 中间件
+                    devServer.app.use(staticAssetsPlugin.createDevMiddleware());
                     (0, dev_server_snapdom_proxy_1.registerSnapDomProxyMiddleware)(devServer.app, { baseUrl: clientBasePath });
                     (0, devtool_kits_1.registerMiddlewares)(devServer.app, [
                         (0, devtool_kits_1.createDevLogsMiddleware)({ logDir: process.env.LOG_DIR || './logs' }),

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,112 @@
+"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;
+}

package/lib/rspack-plugins/static-assets-plugin.d.ts

@@ -9,6 +9,7 @@
  *   import config from '@shared/static/config.json';
  *   import logoUrl from '@shared/static/images/logo.png';
  */
+import type { IncomingMessage, ServerResponse } from 'http';
 import type { Compiler } from '@rspack/core';
 export interface StaticAssetsPluginOptions {
     /**
@@ -48,6 +49,11 @@ export declare class StaticAssetsPlugin {
      * Get the script content for __STATIC_JSON__ injection
      */
     private getStaticJsonScriptContent;
+    /**
+     * Create a dev server middleware that serves static files from shared/static.
+     * This aligns with the Vite preset's configureServer middleware.
+     */
+    createDevMiddleware(): (req: IncomingMessage, res: ServerResponse, next: () => void) => void;
     apply(compiler: Compiler): void;
 }
 export default StaticAssetsPlugin;

package/lib/rspack-plugins/static-assets-plugin.js

@@ -49,6 +49,30 @@ exports.StaticAssetsPlugin = void 0;
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
 const glob_1 = require("glob");
+const MIME_TYPES = {
+    '.json': 'application/json',
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.gif': 'image/gif',
+    '.svg': 'image/svg+xml',
+    '.webp': 'image/webp',
+    '.ico': 'image/x-icon',
+    '.woff': 'font/woff',
+    '.woff2': 'font/woff2',
+    '.ttf': 'font/ttf',
+    '.eot': 'application/vnd.ms-fontobject',
+    '.otf': 'font/otf',
+    '.css': 'text/css',
+    '.js': 'application/javascript',
+    '.txt': 'text/plain',
+    '.html': 'text/html',
+    '.xml': 'application/xml',
+    '.pdf': 'application/pdf',
+    '.mp3': 'audio/mpeg',
+    '.mp4': 'video/mp4',
+    '.webm': 'video/webm',
+};
 const SHARED_STATIC_PREFIX = '@shared/static/';
 const PLUGIN_NAME = 'StaticAssetsPlugin';
 class StaticAssetsPlugin {
@@ -127,6 +151,47 @@ class StaticAssetsPlugin {
         }
         return `window.__STATIC_JSON__ = ${JSON.stringify(jsonData)};`;
     }
+    /**
+     * Create a dev server middleware that serves static files from shared/static.
+     * This aligns with the Vite preset's configureServer middleware.
+     */
+    createDevMiddleware() {
+        const staticDir = this.staticDir;
+        const clientBasePath = this.options.clientBasePath || '';
+        return (req, res, next) => {
+            const staticPrefix = `${clientBasePath}/static/`;
+            const url = req.url || '';
+            if (!url.startsWith(staticPrefix)) {
+                return next();
+            }
+            const relativePath = url.slice(staticPrefix.length).split('?')[0];
+            const filePath = path.join(staticDir, relativePath);
+            // Security: prevent path traversal
+            const normalizedPath = path.normalize(filePath);
+            if (!normalizedPath.startsWith(staticDir)) {
+                res.statusCode = 403;
+                res.end('Forbidden');
+                return;
+            }
+            if (!fs.existsSync(filePath)) {
+                res.statusCode = 404;
+                res.end('Not Found');
+                return;
+            }
+            const stat = fs.statSync(filePath);
+            if (stat.isDirectory()) {
+                res.statusCode = 403;
+                res.end('Forbidden');
+                return;
+            }
+            const ext = path.extname(filePath).toLowerCase();
+            const contentType = MIME_TYPES[ext] || 'application/octet-stream';
+            res.setHeader('Content-Type', contentType);
+            res.setHeader('Cache-Control', 'no-cache');
+            const stream = fs.createReadStream(filePath);
+            stream.pipe(res);
+        };
+    }
     apply(compiler) {
         const { clientBasePath } = this.options;
         // Create a temporary directory for virtual modules

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "files": [
     "lib",
     "patches",
@@ -31,7 +31,6 @@
     "@babel/parser": "^7.28.0",
     "@babel/traverse": "^7.28.0",
     "@babel/types": "^7.28.2",
-    "glob": "^11.0.0",
     "@lark-apaas/devtool-kits": "^1.2.18",
     "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.0",
     "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.1",
@@ -45,6 +44,7 @@
     "dotenv": "^16.4.5",
     "echarts": "^6.0.0",
     "echarts-for-react": "^3.0.2",
+    "glob": "^11.0.0",
     "lightningcss": "^1.28.0",
     "patch-package": "^8.0.0",
     "postcss-import": "^16.1.1",