@lynx-js/web-constants 0.17.0 → 0.17.2

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @lynx-js/web-constants
 
+## 0.17.2
+
+### 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
+
+## 0.17.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.17.1
+
 ## 0.17.0
 
 ### Patch Changes

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",
-  "version": "0.17.0",
+  "version": "0.17.2",
   "private": false,
   "description": "",
   "keywords": [],
@@ -23,7 +23,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-worker-rpc": "0.17.0"
+    "@lynx-js/web-worker-rpc": "0.17.2"
   },
   "devDependencies": {
     "@lynx-js/offscreen-document": "0.1.4"