@lynx-js/web-constants 0.17.1 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @lynx-js/web-constants
 
+## 0.18.0
+
+### Patch Changes
+
+- fix: ([#1837](https://github.com/lynx-family/lynx-stack/pull/1837))
+
+  1. `LynxView.updateData()` cannot trigger `dataProcessor`.
+
+  2. **This is a break change:** The second parameter of `LynxView.updateData()` has been changed from `UpdateDataType` to `string`, which is the `processorName` (default is `default` which will use `defaultDataProcessor`). This change is to better align with Native. The current complete type is as follows:
+
+  ```ts
+  LynxView.updateData(data: Cloneable, processorName?: string | undefined, callback?: (() => void) | undefined): void
+  ```
+
+- Updated dependencies []:
+  - @lynx-js/web-worker-rpc@0.18.0
+
+## 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

package/dist/endpoints.d.ts

@@ -4,6 +4,7 @@ import type { StartMainThreadContextConfig } from './types/MainThreadStartConfig
 import type { IdentifierType, InvokeCallbackRes } from './types/NativeApp.js';
 import type { ElementAnimationOptions } from './types/Element.js';
 import type { BackMainThreadContextConfig, LynxTemplate, MarkTiming } from './types/index.js';
+import type { UpdateDataOptions } from './types/UpdateDataOptions.js';
 export declare const postExposureEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[{
     exposures: ExposureWorkerEvent[];
     disExposures: ExposureWorkerEvent[];
@@ -17,7 +18,7 @@ export declare const publishEventEndpoint: import("@lynx-js/web-worker-rpc/dist/
 export declare const postOffscreenEventEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[eventType: string, targetUniqueId: number, bubbles: boolean, unknown]>;
 export declare const switchExposureServiceEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[boolean, boolean]>;
 export declare const mainThreadStartEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[StartMainThreadContextConfig]>;
-export declare const updateDataEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[Cloneable, Record<string, string>], void>;
+export declare const updateDataEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[Cloneable, UpdateDataOptions | undefined], void>;
 export declare const sendGlobalEventEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsyncVoid<[string, Cloneable[] | undefined]>;
 export declare const disposeEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[], void>;
 export declare const BackgroundThreadStartEndpoint: import("@lynx-js/web-worker-rpc/dist/RpcEndpoint.js").RpcEndpointAsync<[BackMainThreadContextConfig], void>;

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/MainThreadGlobalThis.d.ts

@@ -6,6 +6,7 @@ import type { FlushElementTreeOptions } from './FlushElementTreeOptions.js';
 import type { I18nResourceTranslationOptions } from './index.js';
 import type { MainThreadLynx } from './MainThreadLynx.js';
 import type { ProcessDataCallback } from './ProcessDataCallback.js';
+import type { UpdateDataOptions } from './UpdateDataOptions.js';
 type ElementPAPIEventHandler = string | {
     type: 'worklet';
     value: unknown;
@@ -171,7 +172,7 @@ export interface MainThreadGlobalThis {
     __QueryComponent: QueryComponentPAPI;
     processEvalResult?: (exports: unknown, schema: string) => unknown;
     renderPage: ((data: unknown) => void) | undefined;
-    updatePage?: (data: Cloneable, options?: Record<string, string>) => void;
+    updatePage?: (data: Cloneable, options?: UpdateDataOptions) => void;
     runWorklet?: (obj: unknown, event: unknown) => void;
 }
 export {};

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/types/UpdateDataOptions.d.ts

@@ -2,13 +2,7 @@ export declare const enum NativeUpdateDataType {
     UPDATE = 0,
     RESET = 1
 }
-export declare const enum UpdateDataType {
-    Unknown = 0,
-    UpdateExplicitByUser = 1,
-    UpdateByKernelFromCtor = 2,
-    UpdateByKernelFromRender = 4,
-    UpdateByKernelFromHydrate = 8,
-    UpdateByKernelFromGetDerived = 16,
-    UpdateByKernelFromConflict = 32,
-    UpdateByKernelFromHMR = 64
+export interface UpdateDataOptions {
+    type?: NativeUpdateDataType;
+    processorName?: string;
 }

package/dist/types/UpdateDataOptions.js

@@ -3,23 +3,4 @@ export var NativeUpdateDataType;
     NativeUpdateDataType[NativeUpdateDataType["UPDATE"] = 0] = "UPDATE";
     NativeUpdateDataType[NativeUpdateDataType["RESET"] = 1] = "RESET";
 })(NativeUpdateDataType || (NativeUpdateDataType = {}));
-export var UpdateDataType;
-(function (UpdateDataType) {
-    // default
-    UpdateDataType[UpdateDataType["Unknown"] = 0] = "Unknown";
-    // update by `setState` or `setData`
-    UpdateDataType[UpdateDataType["UpdateExplicitByUser"] = 1] = "UpdateExplicitByUser";
-    // update by lynx_core from ctor
-    UpdateDataType[UpdateDataType["UpdateByKernelFromCtor"] = 2] = "UpdateByKernelFromCtor";
-    // update by lynx_core from render
-    UpdateDataType[UpdateDataType["UpdateByKernelFromRender"] = 4] = "UpdateByKernelFromRender";
-    // update by hydrate
-    UpdateDataType[UpdateDataType["UpdateByKernelFromHydrate"] = 8] = "UpdateByKernelFromHydrate";
-    // update by `getDerivedStateFromProps`
-    UpdateDataType[UpdateDataType["UpdateByKernelFromGetDerived"] = 16] = "UpdateByKernelFromGetDerived";
-    // update by conflict detected
-    UpdateDataType[UpdateDataType["UpdateByKernelFromConflict"] = 32] = "UpdateByKernelFromConflict";
-    // update by HMR
-    UpdateDataType[UpdateDataType["UpdateByKernelFromHMR"] = 64] = "UpdateByKernelFromHMR";
-})(UpdateDataType || (UpdateDataType = {}));
 //# sourceMappingURL=UpdateDataOptions.js.map

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