@lark-apaas/fullstack-rspack-preset 1.0.32 → 1.0.33-alpha.0

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,105 @@
+"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: `window.ENVIRONMENT = ${JSON.stringify(mapped)};`,
+                        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 === 'prod')
+        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/view-context-injection-plugin.js

@@ -65,7 +65,9 @@ class ViewContextInjectionPlugin {
 }
 exports.default = ViewContextInjectionPlugin;
 function getViewContextScriptContent() {
+    const windowEnvironment = mapToWindowEnvironment(process.env.FORCE_FRAMEWORK_ENVIRONMENT);
     return `
+        window.ENVIRONMENT = ${JSON.stringify(windowEnvironment)};
         window.csrfToken = "{{csrfToken}}";
         window.userId = "{{userId}}";
         window.tenantId = "{{tenantId}}";
@@ -80,3 +82,13 @@ function getViewContextScriptContent() {
         }
     `;
 }
+function mapToWindowEnvironment(input) {
+    const value = (input || '').trim().toLowerCase();
+    if (value === 'boe')
+        return 'staging';
+    if (value === 'pre')
+        return 'gray';
+    if (value === 'prod')
+        return 'online';
+    return '';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.32",
+  "version": "1.0.33-alpha.0",
   "files": [
     "lib",
     "patches",
@@ -56,6 +56,5 @@
     "@rspack/core": "^1.5.5",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0"
-  },
-  "gitHead": "c4a62d1944234bf2ccc11d51a99be7857c4446d8"
+  }
 }