@lynx-js/template-webpack-plugin-canary 0.6.11 → 0.6.12-canary-20250521-8299f907

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @lynx-js/template-webpack-plugin
 
+## 0.6.12-canary-20250521142037-8299f907d3a2cf7387da98cc4fb2729cc39c4d98
+
+### Patch Changes
+
+- Support `output.inlineScripts`, which controls whether to inline scripts into Lynx bundle (`.lynx.bundle`). ([#874](https://github.com/lynx-family/lynx-stack/pull/874))
+
+  Only background thread scripts can remain non-inlined, whereas the main thread script is always inlined.
+
+  example:
+
+  ```js
+  import { defineConfig } from "@lynx-js/rspeedy";
+
+  export default defineConfig({
+    output: {
+      inlineScripts: false,
+    },
+  });
+  ```
+
 ## 0.6.11
 
 ### Patch Changes
@@ -73,7 +93,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,
@@ -92,10 +112,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

@@ -7,6 +7,8 @@ import type { CSS } from './index.js';
  * @public
  */
 export interface LynxEncodePluginOptions {
+    encodeBinary?: string;
+    inlineScripts?: boolean;
 }
 /**
  * LynxEncodePlugin

package/lib/LynxEncodePlugin.js

@@ -72,6 +72,7 @@ export class LynxEncodePlugin {
     static defaultOptions = Object
         .freeze({
         encodeBinary: 'napi',
+        inlineScripts: true,
     });
     /**
      * The entry point of a webpack plugin.
@@ -109,6 +110,15 @@ export class LynxEncodePluginImpl {
             }, async (args) => {
                 const { encodeData } = args;
                 const { manifest } = encodeData;
+                let publicPath = '/';
+                if (!this.options.inlineScripts) {
+                    if (typeof compilation?.outputOptions.publicPath === 'function') {
+                        compilation.errors.push(new compiler.webpack.WebpackError('`publicPath` as a function is not supported yet.'));
+                    }
+                    else {
+                        publicPath = compilation?.outputOptions.publicPath ?? '/';
+                    }
+                }
                 if (!isDebug() && !isDev && !isRsdoctor()) {
                     [
                         encodeData.lepusCode.root,
@@ -138,14 +148,16 @@ export class LynxEncodePluginImpl {
                     '/app-service.js': [
                         this.#appServiceBanner(),
                         Object.keys(manifest)
-                            .map((name) => `module.exports=lynx.requireModule('${this.#formatJSName(name)}',globDynamicComponentEntry?globDynamicComponentEntry:'__Card__')`)
+                            .map((name) => `module.exports=lynx.requireModule('${this.#formatJSName(name, publicPath)}',globDynamicComponentEntry?globDynamicComponentEntry:'__Card__')`)
                             .join(','),
                         this.#appServiceFooter(),
                     ].join(''),
-                    ...(Object.fromEntries(Object.entries(manifest).map(([name, source]) => [
-                        this.#formatJSName(name),
-                        source,
-                    ]))),
+                    ...(this.options.inlineScripts
+                        ? Object.fromEntries(Object.entries(manifest).map(([name, source]) => [
+                            this.#formatJSName(name, publicPath),
+                            source,
+                        ]))
+                        : {}),
                 };
                 return args;
             });
@@ -172,8 +184,8 @@ export class LynxEncodePluginImpl {
         const amdFooter = `});return tt.require('${this.#APP_SERVICE_NAME}');`;
         return amdFooter + loadScriptFooter;
     }
-    #formatJSName(name) {
-        return `/${name}`;
+    #formatJSName(name, publicPath) {
+        return publicPath + name;
     }
     options;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/template-webpack-plugin-canary",
-  "version": "0.6.11",
+  "version": "0.6.12-canary-20250521-8299f907",
   "description": "Simplifies creation of Lynx template files to serve your webpack bundles",
   "keywords": [
     "webpack",
@@ -43,7 +43,7 @@
     "@microsoft/api-extractor": "7.52.8",
     "@types/css-tree": "^2.3.10",
     "@types/object.groupby": "^1.0.4",
-    "webpack": "^5.99.8",
+    "webpack": "^5.99.9",
     "@lynx-js/test-tools": "0.0.0",
     "@lynx-js/vitest-setup": "0.0.0"
   },