@lynx-js/runtime-wrapper-webpack-plugin-canary 0.2.3 → 0.2.4-canary-20260903-cdceffc6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lynx-js/runtime-wrapper-webpack-plugin
 
+## 0.2.4-canary-20260903112143-cdceffc6f3fb9ac7b5ce1f48b7edb53c7788c057
+
+### Patch Changes
+
+- Skip the background runtime wrapper on any asset marked `lynx:main-thread` instead of matching filenames, and mark the main-thread assets of an external bundle by the layer of their modules, so a main-thread entry an external bundle names itself is no longer wrapped. ([#3751](https://github.com/lynx-family/lynx-stack/pull/3751))
+- Updated dependencies [[`76126fc`](https://github.com/lynx-family/lynx-stack/commit/76126fcad0f16e649c372d22c013e90ad88640df)]:
+  - @lynx-js/webpack-runtime-globals@0.0.8-canary-20260903112143-cdceffc6f3fb9ac7b5ce1f48b7edb53c7788c057
+
 ## 0.2.3
 
 ### Patch Changes

package/lib/RuntimeWrapperWebpackPlugin.js

@@ -82,7 +82,6 @@ class RuntimeWrapperWebpackPluginImpl {
         this.compiler = compiler;
         this.options = options;
         const { targetSdkVersion, test, experimental_isLazyBundle } = options;
-        const { BannerPlugin } = compiler.webpack;
         const isDev = process.env['NODE_ENV'] === 'development'
             || compiler.options.mode === 'development';
         let injectStr = defaultInjectStr;
@@ -90,52 +89,61 @@ class RuntimeWrapperWebpackPluginImpl {
             injectStr = options.injectVars(defaultInjectVars).join(',');
         }
         const iife = compiler.options.output.iife ?? true;
-        // banner
-        new BannerPlugin({
-            test: test,
-            raw: true,
-            // Wrap at PROCESS_ASSETS_STAGE_NONE (0), after the release BannerPlugins
-            // the legacy source-map plugin + debug-metadata, at/around ADDITIONS
-            // (-100) so the wrapper stays outermost and their `_SetSourceMapRelease`
-            // runtimes land INSIDE it, yet still before DEV_TOOLING so the source map
-            // accounts for it.
-            stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_NONE,
-            banner: ({ chunk, filename }) => {
-                const banner = this.#getBannerType(filename) === 'script'
-                    ? loadScriptBanner()
-                    : loadBundleBanner();
-                return banner
-                    + amdBanner({
-                        // TODO: config
-                        injectStr,
-                        overrideRuntimePromise: true,
-                        moduleId: '[name].js',
-                        targetSdkVersion,
-                        iife,
-                    })
-                    // In standalone lazy bundle mode, the lazy bundle will
-                    // also has chunk.id "main", it will be conflict with the
-                    // consumer project.
-                    // We disable it for standalone lazy bundle since we do not
-                    // support HMR for standalone lazy bundle now.
-                    + (isDev && !experimental_isLazyBundle
-                        ? lynxChunkEntries(JSON.stringify(chunk.id))
-                        : '');
-            },
-        }).apply(compiler);
-        // footer
-        new BannerPlugin({
-            test: test,
-            footer: true,
-            raw: true,
-            stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_NONE,
-            banner: ({ filename }) => {
-                const footer = this.#getBannerType(filename) === 'script'
-                    ? loadScriptFooter
-                    : loadBundleFooter;
-                return amdFooter('[name].js', iife) + footer;
-            },
-        }).apply(compiler);
+        const wrapperHeader = ({ chunk, filename }) => {
+            const banner = this.#getBannerType(filename) === 'script'
+                ? loadScriptBanner()
+                : loadBundleBanner();
+            return banner
+                + amdBanner({
+                    // TODO: config
+                    injectStr,
+                    overrideRuntimePromise: true,
+                    moduleId: '[name].js',
+                    targetSdkVersion,
+                    iife,
+                })
+                // In standalone lazy bundle mode, the lazy bundle will
+                // also has chunk.id "main", it will be conflict with the
+                // consumer project.
+                // We disable it for standalone lazy bundle since we do not
+                // support HMR for standalone lazy bundle now.
+                + (isDev && !experimental_isLazyBundle
+                    ? lynxChunkEntries(JSON.stringify(chunk.id))
+                    : '');
+        };
+        const wrapperFooter = (filename) => {
+            const footer = this.#getBannerType(filename) === 'script'
+                ? loadScriptFooter
+                : loadBundleFooter;
+            return amdFooter('[name].js', iife) + footer;
+        };
+        compiler.hooks.thisCompilation.tap(this.name, (compilation) => {
+            const { ModuleFilenameHelpers, sources: { ConcatSource } } = compiler.webpack;
+            compilation.hooks.processAssets.tap({
+                name: this.name,
+                // Wrap at PROCESS_ASSETS_STAGE_NONE (0), after the release BannerPlugins
+                // the legacy source-map plugin + debug-metadata, at/around ADDITIONS
+                // (-100) so the wrapper stays outermost and their `_SetSourceMapRelease`
+                // runtimes land INSIDE it, yet still before DEV_TOOLING so the source map
+                // accounts for it.
+                stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_NONE,
+            }, () => {
+                for (const chunk of compilation.chunks) {
+                    for (const filename of chunk.files) {
+                        if (!ModuleFilenameHelpers.matchObject({ test: test }, filename)) {
+                            continue;
+                        }
+                        if (compilation.getAsset(filename)?.info['lynx:main-thread']) {
+                            continue;
+                        }
+                        const data = { chunk, filename };
+                        const header = compilation.getPath(wrapperHeader(data), data);
+                        const footer = compilation.getPath(wrapperFooter(filename), data);
+                        compilation.updateAsset(filename, (source) => new ConcatSource(header, '\n', source, '\n', footer));
+                    }
+                }
+            });
+        });
     }
     #getBannerType(filename) {
         const bannerType = this.options.bannerType(filename);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/runtime-wrapper-webpack-plugin-canary",
-  "version": "0.2.3",
+  "version": "0.2.4-canary-20260903-cdceffc6",
   "description": "Use runtime wrapper which allow JavaScript to be load by Lynx.",
   "keywords": [
     "webpack",
@@ -32,12 +32,12 @@
     "README.md"
   ],
   "dependencies": {
-    "@lynx-js/webpack-runtime-globals": "npm:@lynx-js/webpack-runtime-globals-canary@0.0.7"
+    "@lynx-js/webpack-runtime-globals": "npm:@lynx-js/webpack-runtime-globals-canary@0.0.8-canary-20260903-cdceffc6"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.58.12",
-    "@rspack/core": "2.1.5",
-    "@rstest/core": "0.11.3",
+    "@rspack/core": "2.1.7",
+    "@rstest/core": "0.11.6",
     "@types/node": "^24.13.3",
     "@lynx-js/test-tools": "0.0.0"
   },