@lynx-js/template-webpack-plugin-canary 0.8.3 → 0.8.4-canary-20250815-3fe17081

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/template-webpack-plugin
 
+## 0.8.4-canary-20250815091258-3fe17081d73ca1746162f5967e72528af82e6d23
+
+### Patch Changes
+
+- Fix invalid `module.exports=;` syntax in app-service.js. ([#1501](https://github.com/lynx-family/lynx-stack/pull/1501))
+
 ## 0.8.3
 
 ### Patch Changes
@@ -45,16 +51,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;
       },
     },
   });
@@ -104,7 +110,7 @@
   example:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy';
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
@@ -199,7 +205,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,
@@ -218,10 +224,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

@@ -134,10 +134,7 @@ export class LynxEncodePluginImpl {
                     // ```
                     '/app-service.js': [
                         this.#appServiceBanner(),
-                        Object.keys(externalManifest).map(name => `lynx.requireModuleAsync('${this.#formatJSName(name, publicPath)}')`).join(','),
-                        ';module.exports=',
-                        Object.keys(inlinedManifest).map(name => `lynx.requireModule('${this.#formatJSName(name, '/')}',globDynamicComponentEntry?globDynamicComponentEntry:'__Card__')`).join(','),
-                        ';',
+                        this.#appServiceContent(externalManifest, inlinedManifest, publicPath),
                         this.#appServiceFooter(),
                     ].join(''),
                     ...Object.fromEntries(Object.entries(inlinedManifest).map(([name, content]) => [
@@ -165,13 +162,35 @@ export class LynxEncodePluginImpl {
         const amdBanner = `tt.define('${this.#APP_SERVICE_NAME}',function(e,module,_,i,l,u,a,c,s,f,p,d,h,v,g,y,lynx){`;
         return loadScriptBanner + amdBanner;
     }
+    #appServiceContent(externalManifest, inlinedManifest, publicPath) {
+        const parts = [];
+        const externalKeys = Object.keys(externalManifest);
+        if (externalKeys.length > 0) {
+            const externalRequires = externalKeys
+                .map(name => `lynx.requireModuleAsync(${JSON.stringify(this.#formatJSName(name, publicPath))})`)
+                .join(',');
+            parts.push(externalRequires, ';');
+        }
+        const inlinedKeys = Object.keys(inlinedManifest);
+        if (inlinedKeys.length > 0) {
+            parts.push('module.exports=');
+            const inlinedRequires = inlinedKeys
+                .map(name => `lynx.requireModule(${JSON.stringify(this.#formatJSName(name, '/'))},globDynamicComponentEntry?globDynamicComponentEntry:'__Card__')`)
+                .join(',');
+            parts.push(inlinedRequires, ';');
+        }
+        return parts.join('');
+    }
     #appServiceFooter() {
         const loadScriptFooter = `}return{init:n}})()`;
         const amdFooter = `});return tt.require('${this.#APP_SERVICE_NAME}');`;
         return amdFooter + loadScriptFooter;
     }
     #formatJSName(name, publicPath) {
-        return publicPath + name;
+        const base = !publicPath || publicPath === 'auto' ? '/' : publicPath;
+        const prefixed = base.endsWith('/') ? base : `${base}/`;
+        const trimmed = name.startsWith('/') ? name.slice(1) : name;
+        return `${prefixed}${trimmed}`;
     }
     #shouldInlineScript(name, size) {
         const inlineConfig = this.options.inlineScripts;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/template-webpack-plugin-canary",
-  "version": "0.8.3",
+  "version": "0.8.4-canary-20250815-3fe17081",
   "description": "Simplifies creation of Lynx template files to serve your webpack bundles",
   "keywords": [
     "webpack",
@@ -43,9 +43,9 @@
     "@microsoft/api-extractor": "7.52.10",
     "@types/css-tree": "^2.3.10",
     "@types/object.groupby": "^1.0.4",
-    "webpack": "^5.99.9",
-    "@lynx-js/test-tools": "0.0.0",
-    "@lynx-js/vitest-setup": "0.0.0"
+    "webpack": "^5.101.2",
+    "@lynx-js/vitest-setup": "0.0.0",
+    "@lynx-js/test-tools": "0.0.0"
   },
   "engines": {
     "node": ">=18"