@lynx-js/template-webpack-plugin-canary 0.10.1 → 0.10.2-canary-20260116-ce265e8f

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/template-webpack-plugin
 
+## 0.10.2-canary-20260116085656-ce265e8ff3d1a19e2f5b1b689fcb136c18c7913d
+
+### Patch Changes
+
+- Polyfill `lynx.requireModuleAsync` to allow cache same parallel requests. ([#2108](https://github.com/lynx-family/lynx-stack/pull/2108))
+
 ## 0.10.1
 
 ### Patch Changes
@@ -106,16 +112,16 @@
   type InlineChunkConfig =
     | boolean
     | InlineChunkTest
-    | { enable?: boolean | 'auto'; test: InlineChunkTest };
+    | { enable?: boolean | "auto"; test: InlineChunkTest };
   ```
 
   ```ts
-  import { defineConfig } from '@lynx-js/rspeedy';
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
       inlineScripts: ({ name, size }) => {
-        return name.includes('foo') && size < 1000;
+        return name.includes("foo") && size < 1000;
       },
     },
   });
@@ -165,7 +171,7 @@
   example:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy';
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
@@ -260,7 +266,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,
@@ -279,10 +285,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.js

@@ -2,6 +2,7 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 import { LynxTemplatePlugin } from './LynxTemplatePlugin.js';
+import { getRequireModuleAsyncCachePolyfill } from './polyfill/requireModuleAsync.js';
 /**
  * LynxEncodePlugin
  *
@@ -176,6 +177,7 @@ export class LynxEncodePluginImpl {
         const parts = [];
         const externalKeys = Object.keys(externalManifest);
         if (externalKeys.length > 0) {
+            parts.push(getRequireModuleAsyncCachePolyfill());
             const externalRequires = externalKeys
                 .map(name => `lynx.requireModuleAsync(${JSON.stringify(this.#formatJSName(name, publicPath))})`)
                 .join(',');

package/lib/LynxTemplatePlugin.d.ts

@@ -36,7 +36,7 @@ export interface EncodeOptions {
  *     compiler.hooks.compilation.tap("MyPlugin", (compilation) => {
  *       console.log("The compiler is starting a new compilation...");
  *
- *       LynxTemplatePlugin.getCompilationHooks(compilation).beforeEmit.tapAsync(
+ *       LynxTemplatePlugin.getLynxTemplatePluginHooks(compilation).beforeEmit.tapAsync(
  *         "MyPlugin", // <-- Set a meaningful name here for stacktraces
  *         (data, cb) => {
  *           // Manipulate the content

package/lib/WebEncodePlugin.js

@@ -57,27 +57,45 @@ export class WebEncodePlugin {
                 });
                 return encodeOptions;
             });
-            hooks.encode.tap({
+            hooks.encode.tapPromise({
                 name: WebEncodePlugin.name,
                 stage: WebEncodePlugin.ENCODE_HOOK_STAGE,
-            }, ({ encodeOptions }) => {
-                return {
-                    buffer: Buffer.from(JSON.stringify({
-                        styleInfo: genStyleInfo(encodeOptions['css'].cssMap),
-                        manifest: encodeOptions.manifest,
-                        cardType: encodeOptions['cardType'],
-                        appType: encodeOptions['appType'],
-                        pageConfig: encodeOptions['pageConfig'],
-                        lepusCode: {
-                            // flatten the lepusCode to a single object
-                            ...encodeOptions.lepusCode.lepusChunk,
-                            root: encodeOptions.lepusCode.root,
-                        },
-                        customSections: encodeOptions.customSections,
-                        elementTemplate: encodeOptions['elementTemplate'],
-                    })),
-                    debugInfo: '',
+            }, async ({ encodeOptions }) => {
+                const tasmJSONInfo = {
+                    styleInfo: encodeOptions['css'].cssMap,
+                    manifest: encodeOptions.manifest,
+                    cardType: encodeOptions['cardType'],
+                    appType: encodeOptions['appType'],
+                    pageConfig: encodeOptions['pageConfig'],
+                    lepusCode: {
+                        // flatten the lepusCode to a single object
+                        ...encodeOptions.lepusCode.lepusChunk,
+                        root: encodeOptions.lepusCode.root,
+                    },
+                    customSections: encodeOptions.customSections ?? {},
+                    elementTemplates: encodeOptions['elementTemplates'] ?? {},
                 };
+                const isExperimentalWebBinary = !!process
+                    .env['EXPERIMENTAL_USE_WEB_BINARY_TEMPLATE'];
+                if (isExperimentalWebBinary) {
+                    const { encode } = await import('@lynx-js/web-core-wasm/encode')
+                        .catch(() => {
+                        throw new Error(`FLAG EXPERIMENTAL_USE_WEB_BINARY_TEMPLATE IS INTERNAL USED ONLY`);
+                    });
+                    return {
+                        buffer: Buffer.from(encode(tasmJSONInfo)),
+                        debugInfo: '',
+                    };
+                }
+                else {
+                    return {
+                        buffer: Buffer.from(JSON.stringify({
+                            ...tasmJSONInfo,
+                            styleInfo: genStyleInfo(tasmJSONInfo['styleInfo']),
+                        }), 'utf-8'),
+                        debugInfo: '',
+                    };
+                }
             });
         });
     }

package/lib/polyfill/requireModuleAsync.d.ts

@@ -0,0 +1,16 @@
+/**
+ * A runtime polyfill for `lynx.requireModuleAsync` with cache.
+ * After polyfill, `lynx.requireModuleAsync()` call will be cached even if it is not finished.
+ *
+ * Eg.
+ * ```
+ * lynx.requireModuleAsync('module1', function (error, value) {
+ *   console.log(error, value);
+ * });
+ * lynx.requireModuleAsync('module1', function (error, value) {
+ *   console.log(error, value);
+ * });
+ * ```
+ * The second `lynx.requireModuleAsync('module1')` call will reuse the first call's result. And there will be only "EvalScript" call in lynx core
+ */
+export declare function getRequireModuleAsyncCachePolyfill(): string;

package/lib/polyfill/requireModuleAsync.js

@@ -0,0 +1,52 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+/**
+ * A runtime polyfill for `lynx.requireModuleAsync` with cache.
+ * After polyfill, `lynx.requireModuleAsync()` call will be cached even if it is not finished.
+ *
+ * Eg.
+ * ```
+ * lynx.requireModuleAsync('module1', function (error, value) {
+ *   console.log(error, value);
+ * });
+ * lynx.requireModuleAsync('module1', function (error, value) {
+ *   console.log(error, value);
+ * });
+ * ```
+ * The second `lynx.requireModuleAsync('module1')` call will reuse the first call's result. And there will be only "EvalScript" call in lynx core
+ */
+export function getRequireModuleAsyncCachePolyfill() {
+    return `
+{
+  var moduleCache = {};
+  var oldRequireModuleAsync = lynx.requireModuleAsync;
+  lynx.requireModuleAsync = function (moduleUrl, callback) {
+    var cacheEntry = moduleCache[moduleUrl];
+    if (cacheEntry) {
+      if (cacheEntry.status === 2)
+        return callback && callback(cacheEntry.error, cacheEntry.value);
+      if (cacheEntry.status === 1) {
+        if (callback) cacheEntry.callbacks.push(callback);
+        return;
+      }
+    }
+    moduleCache[moduleUrl] = {
+      status: 1,
+      callbacks: callback ? [callback] : [],
+    };
+    oldRequireModuleAsync.call(lynx, moduleUrl, function (error, value) {
+      var cacheEntry = moduleCache[moduleUrl];
+      cacheEntry.status = 2;
+      cacheEntry.error = error;
+      cacheEntry.value = value;
+      for (var i = 0; i < cacheEntry.callbacks.length; i++)
+        cacheEntry.callbacks[i](error, value);
+      cacheEntry.callbacks.length = 0;
+    });
+  };
+  Object.assign(lynx.requireModuleAsync, oldRequireModuleAsync);
+}
+;`;
+}
+//# sourceMappingURL=requireModuleAsync.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/template-webpack-plugin-canary",
-  "version": "0.10.1",
+  "version": "0.10.2-canary-20260116-ce265e8f",
   "description": "Simplifies creation of Lynx template files to serve your webpack bundles",
   "keywords": [
     "webpack",
@@ -44,8 +44,9 @@
     "@types/css-tree": "^2.3.11",
     "@types/object.groupby": "^1.0.4",
     "css-loader": "^7.1.2",
-    "webpack": "^5.102.0",
+    "webpack": "^5.104.1",
     "@lynx-js/test-tools": "0.0.0",
+    "@lynx-js/web-core-wasm": "npm:@lynx-js/web-core-wasm-canary@0.0.1-canary-20260116-ce265e8f",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "engines": {