@lynx-js/web-constants-canary 0.17.1 → 0.17.2-canary-20250928-19f823aa

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lynx-js/web-constants
 
+## 0.17.2-canary-20250928124601-19f823aae4ce6d99c173d28d157b7514ae8453cf
+
+### Patch Changes
+
+- feat: support load bts chunk from remote address ([#1834](https://github.com/lynx-family/lynx-stack/pull/1834))
+
+  - re-support chunk splitting
+  - support lynx.requireModule with a json file
+  - support lynx.requireModule, lynx.requireModuleAsync with a remote url
+  - support to add a breakpoint in chrome after reloading the web page
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.17.2-canary-20250928124601-19f823aae4ce6d99c173d28d157b7514ae8453cf
+
 ## 0.17.1
 
 ### Patch Changes
@@ -205,25 +219,25 @@
   lynxView.initI18nResources = [
     {
       options: {
-        locale: 'en',
-        channel: '1',
-        fallback_url: '',
+        locale: "en",
+        channel: "1",
+        fallback_url: "",
       },
       resource: {
-        hello: 'hello',
-        lynx: 'lynx web platform1',
+        hello: "hello",
+        lynx: "lynx web platform1",
       },
     },
   ];
-  lynxView.addEventListener('i18nResourceMissed', (e) => {
+  lynxView.addEventListener("i18nResourceMissed", (e) => {
     console.log(e);
   });
 
   // mts
   _I18nResourceTranslation({
-    locale: 'en',
-    channel: '1',
-    fallback_url: '',
+    locale: "en",
+    channel: "1",
+    fallback_url: "",
   });
   ```
 
@@ -462,8 +476,8 @@
       }
     };`,
         ],
-        { type: 'text/javascript' },
-      ),
+        { type: "text/javascript" }
+      )
     ),
   };
   lynxView.nativeModulesMap = nativeModulesMap;
@@ -549,8 +563,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   const color_methods = URL.createObjectURL(
@@ -565,8 +579,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   lynxView.napiModuleMap = {
@@ -583,7 +597,7 @@
 
   ```js
   lynxView.onNapiModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'color_methods') {
+    if (name === "getColor" && moduleName === "color_methods") {
       return data.color;
     }
   };
@@ -647,8 +661,8 @@
     }
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
   ```
 
@@ -660,7 +674,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, callback) => {
-    if (name === 'getColor') {
+    if (name === "getColor") {
       callback(data.color);
     }
   };
@@ -670,7 +684,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'bridge') {
+    if (name === "getColor" && moduleName === "bridge") {
       return data.color;
     }
   };

package/dist/types/LynxModule.d.ts

@@ -39,6 +39,9 @@ export interface LynxTemplate {
     version?: number;
     appType: 'card' | 'lazy';
 }
+export type BTSChunkEntry = (postMessage: undefined, module: {
+    exports: unknown;
+}, exports: unknown, lynxCoreInject: unknown, Card: unknown, setTimeout: unknown, setInterval: unknown, clearInterval: unknown, clearTimeout: unknown, NativeModules: unknown, Component: unknown, ReactLynx: unknown, nativeAppId: unknown, Behavior: unknown, LynxJSBI: unknown, lynx: unknown, window: unknown, document: unknown, frames: unknown, location: unknown, navigator: unknown, localStorage: unknown, history: unknown, Caches: unknown, screen: unknown, alert: unknown, confirm: unknown, prompt: unknown, fetch: unknown, XMLHttpRequest: unknown, webkit: unknown, Reporter: unknown, print: unknown, global: unknown, requestAnimationFrame: unknown, cancelAnimationFrame: unknown) => unknown;
 export interface LynxJSModule {
     exports?: (lynx_runtime: any) => unknown;
 }

package/dist/types/NativeApp.d.ts

@@ -82,8 +82,9 @@ export interface NativeApp {
     clearInterval: typeof clearInterval;
     requestAnimationFrame: (cb: () => void) => void;
     cancelAnimationFrame: (id: number) => void;
+    readScript: (sourceURL: string, entryName?: string) => string;
     loadScript: (sourceURL: string, entryName?: string) => BundleInitReturnObj;
-    loadScriptAsync(sourceURL: string, callback: (message: string | null, exports?: BundleInitReturnObj) => void): void;
+    loadScriptAsync(sourceURL: string, callback: (message: string | null, exports?: BundleInitReturnObj) => void, entryName?: string): void;
     nativeModuleProxy: Record<string, any>;
     setNativeProps: (type: IdentifierType, identifier: string, component_id: string, first_only: boolean, native_props: Record<string, unknown>, root_unique_id: number | undefined) => void;
     invokeUIMethod: (type: IdentifierType, identifier: string, component_id: string, method: string, params: object, callback: (ret: InvokeCallbackRes) => void, root_unique_id: number) => void;

package/dist/utils/generateTemplate.d.ts

@@ -1,2 +1,2 @@
 import type { LynxTemplate } from '../types/LynxModule.js';
-export declare function generateTemplate(template: LynxTemplate, createJsModuleUrl: ((content: string, name: string) => Promise<string>) | ((content: string) => string), templateName?: string): Promise<LynxTemplate>;
+export declare function generateTemplate(template: LynxTemplate, createJsModuleUrl: ((content: string, name: string) => Promise<string>) | ((content: string) => string), templateName: string): Promise<LynxTemplate>;

package/dist/utils/generateTemplate.js

@@ -2,61 +2,18 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 const currentSupportedTemplateVersion = 2;
-const globalDisallowedVars = ['navigator', 'postMessage'];
+const globalDisallowedVars = ['navigator', 'postMessage', 'window'];
 const templateUpgraders = [
     (template) => {
-        const defaultInjectStr = [
-            'Card',
-            'setTimeout',
-            'setInterval',
-            'clearInterval',
-            'clearTimeout',
-            'NativeModules',
-            'Component',
-            'ReactLynx',
-            'nativeAppId',
-            'Behavior',
-            'LynxJSBI',
-            'lynx',
-            // BOM API
-            'window',
-            'document',
-            'frames',
-            'location',
-            'navigator',
-            'localStorage',
-            'history',
-            'Caches',
-            'screen',
-            'alert',
-            'confirm',
-            'prompt',
-            'fetch',
-            'XMLHttpRequest',
-            '__WebSocket__', // We would provide `WebSocket` using `ProvidePlugin`
-            'webkit',
-            'Reporter',
-            'print',
-            'global',
-            // Lynx API
-            'requestAnimationFrame',
-            'cancelAnimationFrame',
-        ].join(',');
         template.appType = template.appType ?? (template.lepusCode.root.startsWith('(function (globDynamicComponentEntry')
             ? 'lazy'
             : 'card');
-        /**
-         * The template version 1 has no module wrapper for bts code
-         */
-        template.manifest = Object.fromEntries(Object.entries(template.manifest).map(([key, value]) => [
-            key,
-            `module.exports={init: (lynxCoreInject) => { var {${defaultInjectStr}} = lynxCoreInject.tt; var module = {exports:{}}; var exports=module.exports; ${value}\n return module.exports; } }`,
-        ]));
         template.version = 2;
+        template.lepusCode = Object.fromEntries(Object.entries(template.lepusCode).filter(([_, content]) => typeof content === 'string'));
         return template;
     },
 ];
-const generateModuleContent = (content, eager, appType) => 
+const generateModuleContent = (fileName, content, eager, appType) => 
 /**
  * About the `allFunctionsCalledOnLoad` directive:
  * https://v8.dev/blog/preparser#pife
@@ -75,13 +32,16 @@ const generateModuleContent = (content, eager, appType) =>
     appType !== 'card' ? 'module.exports=\n' : '',
     content,
     '\n})()',
+    '\n//# sourceURL=',
+    fileName,
 ].join('');
 async function generateJavascriptUrl(obj, createJsModuleUrl, eager, appType, templateName) {
-    const processEntry = async ([name, content]) => [
-        name,
-        await createJsModuleUrl(generateModuleContent(content, eager, appType), `${templateName}-${name.replaceAll('/', '')}.js`),
-    ];
-    return Promise.all(Object.entries(obj).filter(([_, content]) => typeof content === 'string').map(processEntry)).then(Object.fromEntries);
+    return Promise.all(Object.entries(obj).filter(([_, content]) => typeof content === 'string').map(async ([name, content]) => {
+        return [
+            name,
+            await createJsModuleUrl(generateModuleContent(`${templateName}/${name.replaceAll('/', '_')}.js`, content, eager, appType), `${templateName}-${name.replaceAll('/', '_')}.js`),
+        ];
+    })).then(Object.fromEntries);
 }
 export async function generateTemplate(template, createJsModuleUrl, templateName) {
     template.version = template.version ?? 1;
@@ -96,7 +56,6 @@ export async function generateTemplate(template, createJsModuleUrl, templateName
     return {
         ...template,
         lepusCode: await generateJavascriptUrl(template.lepusCode, createJsModuleUrl, true, template.appType, templateName),
-        manifest: await generateJavascriptUrl(template.manifest, createJsModuleUrl, false, template.appType, templateName),
     };
 }
 //# sourceMappingURL=generateTemplate.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-constants-canary",
-  "version": "0.17.1",
+  "version": "0.17.2-canary-20250928-19f823aa",
   "private": false,
   "description": "",
   "keywords": [],
@@ -23,7 +23,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.17.1"
+    "@lynx-js/web-worker-rpc": "npm:@lynx-js/web-worker-rpc-canary@0.17.2-canary-20250928-19f823aa"
   },
   "devDependencies": {
     "@lynx-js/offscreen-document": "npm:@lynx-js/offscreen-document-canary@0.1.4"