@lynx-js/template-webpack-plugin-canary 0.6.10 → 0.6.11-canary-20250515-7053ab4d

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @lynx-js/template-webpack-plugin
 
+## 0.6.11-canary-20250515090026-7053ab4d9d5d74ea889ab576bf60a19bd6039556
+
+### Patch Changes
+
+- Be compatible with rspack-manifest-plugin. ([#812](https://github.com/lynx-family/lynx-stack/pull/812))
+
+  Now only the `[name].lynx.bundle` and `[name].web.bundle` would exist in `manifest.json`.
+
+  See [lynx-family/lynx-stack#763](https://github.com/lynx-family/lynx-stack/issues/763) for details.
+
 ## 0.6.10
 
 ### Patch Changes
@@ -61,7 +71,7 @@
 - Add `defaultOverflowVisible` option to `LynxTemplatePlugin`. ([#78](https://github.com/lynx-family/lynx-stack/pull/78))
 
   ```js
-  import { LynxTemplatePlugin } from '@lynx-js/template-webpack-plugin';
+  import { LynxTemplatePlugin } from "@lynx-js/template-webpack-plugin";
 
   new LynxTemplatePlugin({
     defaultOverflowVisible: false,
@@ -80,10 +90,10 @@
 - 1abf8f0: Add `entryNames` parameter to `beforeEncode` hook.
 
   ```js
-  import { LynxTemplatePlugin } from '@lynx-js/template-webpack-plugin';
+  import { LynxTemplatePlugin } from "@lynx-js/template-webpack-plugin";
 
   const hooks = LynxTemplatePlugin.getLynxTemplatePluginHooks(compilation);
-  hooks.beforeEncode.tap('MyPlugin', ({ entryNames }) => {
+  hooks.beforeEncode.tap("MyPlugin", ({ entryNames }) => {
     console.log(entryNames);
   });
   ```

package/lib/LynxEncodePlugin.d.ts

@@ -1,4 +1,4 @@
-import type { Compilation, Compiler } from 'webpack';
+import type { Compiler } from 'webpack';
 import type { EncodeCSSOptions } from './css/encode.js';
 import type { CSS } from './index.js';
 /**
@@ -81,12 +81,6 @@ export declare class LynxEncodePluginImpl {
     #private;
     name: string;
     constructor(compiler: Compiler, options: Required<LynxEncodePluginOptions>);
-    /**
-     * The deleteDebuggingAssets delete all the assets that are inlined into the template.
-     */
-    deleteDebuggingAssets(compilation: Compilation, assets: ({
-        name: string;
-    } | undefined)[]): void;
     protected options: Required<LynxEncodePluginOptions>;
 }
 export declare function isDebug(): boolean;

package/lib/LynxEncodePlugin.js

@@ -89,6 +89,20 @@ export class LynxEncodePluginImpl {
             || compiler.options.mode === 'development';
         compiler.hooks.thisCompilation.tap(this.name, compilation => {
             const templateHooks = LynxTemplatePlugin.getLynxTemplatePluginHooks(compilation);
+            const inlinedAssets = new Set();
+            const { Compilation } = compiler.webpack;
+            compilation.hooks.processAssets.tap({
+                name: this.name,
+                // `PROCESS_ASSETS_STAGE_REPORT` is the last stage of the `processAssets` hook.
+                // We need to run our asset deletion after this stage to ensure all assets have been processed.
+                // E.g.: upload source-map to sentry.
+                stage: Compilation.PROCESS_ASSETS_STAGE_REPORT + 1,
+            }, () => {
+                inlinedAssets.forEach((name) => {
+                    compilation.deleteAsset(name);
+                });
+                inlinedAssets.clear();
+            });
             templateHooks.beforeEncode.tapPromise({
                 name: this.name,
                 stage: LynxEncodePlugin.BEFORE_ENCODE_STAGE,
@@ -96,14 +110,14 @@ export class LynxEncodePluginImpl {
                 const { encodeData } = args;
                 const { manifest } = encodeData;
                 if (!isDebug() && !isDev && !isRsdoctor()) {
-                    compiler.hooks.emit.tap(this.name, () => {
-                        this.deleteDebuggingAssets(compilation, [
-                            encodeData.lepusCode.root,
-                            ...encodeData.lepusCode.chunks,
-                            ...Object.keys(manifest).map(name => ({ name })),
-                            ...encodeData.css.chunks,
-                        ]);
-                    });
+                    [
+                        encodeData.lepusCode.root,
+                        ...encodeData.lepusCode.chunks,
+                        ...Object.keys(manifest).map(name => ({ name })),
+                        ...encodeData.css.chunks,
+                    ]
+                        .filter(asset => asset !== undefined)
+                        .forEach(asset => inlinedAssets.add(asset.name));
                 }
                 encodeData.manifest = {
                     // `app-service.js` is the entry point of a template.
@@ -147,17 +161,6 @@ export class LynxEncodePluginImpl {
             });
         });
     }
-    /**
-     * The deleteDebuggingAssets delete all the assets that are inlined into the template.
-     */
-    deleteDebuggingAssets(compilation, assets) {
-        assets
-            .filter(asset => asset !== undefined)
-            .forEach(asset => deleteAsset(asset));
-        function deleteAsset({ name }) {
-            return compilation.deleteAsset(name);
-        }
-    }
     #APP_SERVICE_NAME = '/app-service.js';
     #appServiceBanner() {
         const loadScriptBanner = `(function(){'use strict';function n({tt}){`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/template-webpack-plugin-canary",
-  "version": "0.6.10",
+  "version": "0.6.11-canary-20250515-7053ab4d",
   "description": "Simplifies creation of Lynx template files to serve your webpack bundles",
   "keywords": [
     "webpack",
@@ -40,10 +40,10 @@
     "object.groupby": "^1.0.3"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.52.5",
+    "@microsoft/api-extractor": "7.52.8",
     "@types/css-tree": "^2.3.10",
     "@types/object.groupby": "^1.0.4",
-    "webpack": "^5.99.6",
+    "webpack": "^5.99.8",
     "@lynx-js/vitest-setup": "0.0.0",
     "@lynx-js/test-tools": "0.0.0"
   },