@lynx-js/web-core 0.17.1 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @lynx-js/web-core
 
+## 0.18.0
+
+### Minor 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
+  ```
+
+### Patch Changes
+
+- Updated dependencies [[`77397fd`](https://github.com/lynx-family/lynx-stack/commit/77397fd535cf60556f8f82f7ef8dae8a623d1625), [`7d90ed5`](https://github.com/lynx-family/lynx-stack/commit/7d90ed52a20fd7665a3517507800e7e29426f6f9)]:
+  - @lynx-js/web-worker-runtime@0.18.0
+  - @lynx-js/web-constants@0.18.0
+  - @lynx-js/web-mainthread-apis@0.18.0
+  - @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 [[`a35a245`](https://github.com/lynx-family/lynx-stack/commit/a35a2452e5355bda3c475f9a750a86085e0cf56a)]:
+  - @lynx-js/web-worker-runtime@0.17.2
+  - @lynx-js/web-constants@0.17.2
+  - @lynx-js/web-mainthread-apis@0.17.2
+  - @lynx-js/web-worker-rpc@0.17.2
+
 ## 0.17.1
 
 ### Patch Changes
@@ -1407,7 +1446,7 @@
   ```
   * @param {string} url [required] The url of the entry of your Lynx card
   * @param {Cloneable} globalProps [optional] The globalProps value of this Lynx card
-  * @param {Cloneable} initData [oprional] The initial data of this Lynx card
+  * @param {Cloneable} initData [optional] The initial data of this Lynx card
   * @param {Record<string,string>} overrideLynxTagToHTMLTagMap [optional] use this property/attribute to override the lynx tag -> html tag map
   * @param {NativeModulesCallHandler} onNativeModulesCall [optional] the NativeModules.bridge.call value handler. Arguments will be cached before this property is assigned.
   *

package/dist/apis/LynxView.d.ts

@@ -1,4 +1,4 @@
-import { type Cloneable, type I18nResourceTranslationOptions, type InitI18nResources, type LynxTemplate, type NapiModulesCall, type NapiModulesMap, type NativeModulesCall, type NativeModulesMap, type UpdateDataType } from '@lynx-js/web-constants';
+import { type Cloneable, type I18nResourceTranslationOptions, type InitI18nResources, type LynxTemplate, type NapiModulesCall, type NapiModulesMap, type NativeModulesCall, type NativeModulesMap } from '@lynx-js/web-constants';
 export type INapiModulesCall = (name: string, data: any, moduleName: string, lynxView: LynxView, dispatchNapiModules: (data: Cloneable) => void) => Promise<{
     data: unknown;
     transfer?: Transferable[];
@@ -12,7 +12,7 @@ export type INapiModulesCall = (name: string, data: any, moduleName: string, lyn
 /**
  * @property {string} url [required] (attribute: "url") The url of the entry of your Lynx card
  * @property {Cloneable} globalProps [optional] (attribute: "global-props") The globalProps value of this Lynx card
- * @property {Cloneable} initData [oprional] (attribute: "init-data") The initial data of this Lynx card
+ * @property {Cloneable} initData [optional] (attribute: "init-data") The initial data of this Lynx card
  * @property {Record<string,string>} overrideLynxTagToHTMLTagMap [optional] use this property/attribute to override the lynx tag -> html tag map
  * @property {NativeModulesMap} nativeModulesMap [optional] use to customize NativeModules. key is module-name, value is esm url.
  * @property {NativeModulesCall} onNativeModulesCall [optional] the NativeModules value handler. Arguments will be cached before this property is assigned.
@@ -132,7 +132,7 @@ export declare class LynxView extends HTMLElement {
      * @method
      * update the `__initData` and trigger essential flow
      */
-    updateData(data: Cloneable, updateDataType: UpdateDataType, callback?: () => void): void;
+    updateData(data: Cloneable, processorName?: string, callback?: () => void): void;
     /**
      * @public
      * @method

package/dist/apis/LynxView.js

@@ -9,7 +9,7 @@ import { inShadowRootStyles, lynxDisposedAttribute, lynxTagAttribute, } from '@l
 /**
  * @property {string} url [required] (attribute: "url") The url of the entry of your Lynx card
  * @property {Cloneable} globalProps [optional] (attribute: "global-props") The globalProps value of this Lynx card
- * @property {Cloneable} initData [oprional] (attribute: "init-data") The initial data of this Lynx card
+ * @property {Cloneable} initData [optional] (attribute: "init-data") The initial data of this Lynx card
  * @property {Record<string,string>} overrideLynxTagToHTMLTagMap [optional] use this property/attribute to override the lynx tag -> html tag map
  * @property {NativeModulesMap} nativeModulesMap [optional] use to customize NativeModules. key is module-name, value is esm url.
  * @property {NativeModulesCall} onNativeModulesCall [optional] the NativeModules value handler. Arguments will be cached before this property is assigned.
@@ -220,8 +220,8 @@ export class LynxView extends HTMLElement {
      * @method
      * update the `__initData` and trigger essential flow
      */
-    updateData(data, updateDataType, callback) {
-        this.#instance?.updateData(data, updateDataType, callback);
+    updateData(data, processorName, callback) {
+        this.#instance?.updateData(data, processorName, callback);
     }
     /**
      * @public

package/dist/apis/createLynxView.d.ts

@@ -1,4 +1,4 @@
-import type { Cloneable, SSRDumpInfo, I18nResourceTranslationOptions, InitI18nResources, NapiModulesMap, NativeModulesMap, sendGlobalEventEndpoint, UpdateDataType } from '@lynx-js/web-constants';
+import type { Cloneable, SSRDumpInfo, I18nResourceTranslationOptions, InitI18nResources, NapiModulesMap, NativeModulesMap, sendGlobalEventEndpoint } from '@lynx-js/web-constants';
 import { type StartUIThreadCallbacks } from '../uiThread/startUIThread.js';
 import type { RpcCallType } from '@lynx-js/web-worker-rpc';
 export interface LynxViewConfigs {
@@ -16,7 +16,7 @@ export interface LynxViewConfigs {
     ssr?: SSRDumpInfo;
 }
 export interface LynxView {
-    updateData(data: Cloneable, updateDataType: UpdateDataType, callback?: () => void): void;
+    updateData(data: Cloneable, processorName?: string, callback?: () => void): void;
     dispose(): Promise<void>;
     sendGlobalEvent: RpcCallType<typeof sendGlobalEventEndpoint>;
     updateGlobalProps: (data: Cloneable) => void;

package/dist/uiThread/createRenderAllOnUI.d.ts

@@ -3,6 +3,6 @@ import { Rpc } from '@lynx-js/web-worker-rpc';
 import type { StartUIThreadCallbacks } from './startUIThread.js';
 export declare function createRenderAllOnUI(mainToBackgroundRpc: Rpc, shadowRoot: ShadowRoot, loadTemplate: TemplateLoader, markTimingInternal: (timingKey: string, pipelineId?: string, timeStamp?: number) => void, flushMarkTimingInternal: () => void, callbacks: StartUIThreadCallbacks, ssrDumpInfo: SSRDumpInfo | undefined): {
     start: (configs: StartMainThreadContextConfig) => Promise<void>;
-    updateDataMainThread: (args_0: Cloneable, args_1: Record<string, string>) => Promise<void>;
+    updateDataMainThread: (args_0: Cloneable, args_1: import("@lynx-js/web-constants").UpdateDataOptions | undefined) => Promise<void>;
     updateI18nResourcesMainThread: (data: Cloneable) => void;
 };

package/dist/uiThread/createRenderAllOnUI.js

@@ -1,7 +1,7 @@
 // Copyright 2023 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-import { i18nResourceMissedEventName, I18nResources, lynxUniqueIdAttribute, } from '@lynx-js/web-constants';
+import { updateDataEndpoint, i18nResourceMissedEventName, I18nResources, lynxUniqueIdAttribute, } from '@lynx-js/web-constants';
 import { Rpc } from '@lynx-js/web-worker-rpc';
 import { dispatchLynxViewEvent } from '../utils/dispatchLynxViewEvent.js';
 import { createExposureMonitor } from './crossThreadHandlers/createExposureMonitor.js';
@@ -83,7 +83,7 @@ export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, loadTemplat
     const { exposureChangedCallback } = createExposureMonitor(shadowRoot);
     const mtsRealm = createIFrameRealm(shadowRoot);
     const mtsGlobalThis = mtsRealm.globalWindow;
-    const { startMainThread } = prepareMainThreadAPIs(mainToBackgroundRpc, shadowRoot, document, mtsRealm, exposureChangedCallback, markTimingInternal, flushMarkTimingInternal, (err, _, release) => {
+    const { startMainThread, handleUpdatedData } = prepareMainThreadAPIs(mainToBackgroundRpc, shadowRoot, document, mtsRealm, exposureChangedCallback, markTimingInternal, flushMarkTimingInternal, (err, _, release) => {
         callbacks.onError?.(err, release, 'lepus.js');
     }, triggerI18nResourceFallback, (initI18nResources) => {
         i18nResources.setData(initI18nResources);
@@ -125,18 +125,18 @@ export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, loadTemplat
             await startMainThread(configs);
         }
         // Process any pending update calls that were queued while mtsGlobalThis was undefined
-        for (const args of pendingUpdateCalls) {
-            mtsGlobalThis.updatePage?.(...args);
+        for (const [newData, options] of pendingUpdateCalls) {
+            handleUpdatedData(newData, options);
         }
         pendingUpdateCalls.length = 0;
     };
-    const updateDataMainThread = async (...args) => {
+    const updateDataMainThread = async (newData, options) => {
         if (mtsGlobalThis) {
-            mtsGlobalThis.updatePage?.(...args);
+            return handleUpdatedData(newData, options);
         }
         else {
             // Cache the call if mtsGlobalThis is not yet initialized
-            pendingUpdateCalls.push(args);
+            pendingUpdateCalls.push([newData, options]);
         }
     };
     const updateI18nResourcesMainThread = (data) => {

package/dist/uiThread/createRenderMultiThread.d.ts

@@ -3,6 +3,6 @@ import type { Rpc } from '@lynx-js/web-worker-rpc';
 import type { StartUIThreadCallbacks } from './startUIThread.js';
 export declare function createRenderMultiThread(mainThreadRpc: Rpc, shadowRoot: ShadowRoot, loadTemplate: TemplateLoader, callbacks: StartUIThreadCallbacks): {
     start: (args_0: import("@lynx-js/web-constants").StartMainThreadContextConfig) => void;
-    updateDataMainThread: (args_0: import("@lynx-js/web-constants").Cloneable, args_1: Record<string, string>) => Promise<void>;
+    updateDataMainThread: (args_0: import("@lynx-js/web-constants").Cloneable, args_1: import("@lynx-js/web-constants").UpdateDataOptions | undefined) => Promise<void>;
     updateI18nResourcesMainThread: (args_0: import("@lynx-js/web-constants").Cloneable) => void;
 };

package/dist/uiThread/crossThreadHandlers/createUpdateData.d.ts

@@ -1,4 +1,4 @@
 import type { RpcCallType } from '@lynx-js/web-worker-rpc';
 import type { LynxView } from '../../apis/createLynxView.js';
 import { updateDataEndpoint } from '@lynx-js/web-constants';
-export declare function createUpdateData(updateDataMainThread: RpcCallType<typeof updateDataEndpoint>, updateDataBackground: RpcCallType<typeof updateDataEndpoint>): LynxView['updateData'];
+export declare function createUpdateData(updateDataMainThread: RpcCallType<typeof updateDataEndpoint>): LynxView['updateData'];

package/dist/uiThread/crossThreadHandlers/createUpdateData.js

@@ -1,14 +1,10 @@
 // Copyright 2023 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-import { updateDataEndpoint, } from '@lynx-js/web-constants';
-export function createUpdateData(updateDataMainThread, updateDataBackground) {
-    return (data, _updateDataType, callback) => {
-        Promise.all([
-            // There is no need to process options for now, as they have default values.
-            updateDataMainThread(data, {}),
-            updateDataBackground(data, {}),
-        ]).then(() => callback?.());
+import { updateDataEndpoint } from '@lynx-js/web-constants';
+export function createUpdateData(updateDataMainThread) {
+    return (data, processorName, callback) => {
+        updateDataMainThread(data, { processorName }).then(() => callback?.());
     };
 }
 //# sourceMappingURL=createUpdateData.js.map

package/dist/uiThread/startBackground.d.ts

@@ -4,6 +4,5 @@ import type { StartUIThreadCallbacks } from './startUIThread.js';
 export declare function startBackground(backgroundRpc: Rpc, shadowRoot: ShadowRoot, callbacks: StartUIThreadCallbacks): {
     sendGlobalEvent: (args_0: string, args_1: Cloneable[] | undefined) => void;
     markTiming: (args_0: import("@lynx-js/web-constants").MarkTiming[]) => void;
-    updateDataBackground: (args_0: Cloneable, args_1: Record<string, string>) => Promise<void>;
     updateI18nResourceBackground: (data: InitI18nResources, options: I18nResourceTranslationOptions) => void;
 };

package/dist/uiThread/startBackground.js

@@ -1,4 +1,4 @@
-import { getCacheI18nResourcesKey, markTimingEndpoint, sendGlobalEventEndpoint, updateDataEndpoint, updateI18nResourceEndpoint, } from '@lynx-js/web-constants';
+import { getCacheI18nResourcesKey, markTimingEndpoint, sendGlobalEventEndpoint, updateI18nResourceEndpoint, } from '@lynx-js/web-constants';
 import { registerInvokeUIMethodHandler } from './crossThreadHandlers/registerInvokeUIMethodHandler.js';
 import { registerNativePropsHandler } from './crossThreadHandlers/registerSetNativePropsHandler.js';
 import { registerNativeModulesCallHandler } from './crossThreadHandlers/registerNativeModulesCallHandler.js';
@@ -22,7 +22,6 @@ export function startBackground(backgroundRpc, shadowRoot, callbacks) {
     registerReportErrorHandler(backgroundRpc, 'app-service.js', callbacks.onError);
     const sendGlobalEvent = backgroundRpc.createCall(sendGlobalEventEndpoint);
     const markTiming = backgroundRpc.createCall(markTimingEndpoint);
-    const updateDataBackground = backgroundRpc.createCall(updateDataEndpoint);
     const updateI18nResourceBackground = (data, options) => {
         const matchedResources = data.find(i => getCacheI18nResourcesKey(i.options)
             === getCacheI18nResourcesKey(options));
@@ -33,7 +32,6 @@ export function startBackground(backgroundRpc, shadowRoot, callbacks) {
     return {
         sendGlobalEvent,
         markTiming,
-        updateDataBackground,
         updateI18nResourceBackground,
     };
 }

package/dist/uiThread/startUIThread.js

@@ -13,7 +13,7 @@ export function startUIThread(templateUrl, configs, shadowRoot, lynxGroupId, thr
     const createLynxStartTiming = performance.now() + performance.timeOrigin;
     const allOnUI = threadStrategy === 'all-on-ui';
     const { mainThreadRpc, backgroundRpc, terminateWorkers, } = bootWorkers(lynxGroupId, allOnUI, configs.browserConfig);
-    const { markTiming, sendGlobalEvent, updateDataBackground, updateI18nResourceBackground, } = startBackground(backgroundRpc, shadowRoot, callbacks);
+    const { markTiming, sendGlobalEvent, updateI18nResourceBackground, } = startBackground(backgroundRpc, shadowRoot, callbacks);
     const cacheMarkTimings = {
         records: [],
         timeout: null,
@@ -43,7 +43,7 @@ export function startUIThread(templateUrl, configs, shadowRoot, lynxGroupId, thr
         });
     });
     return {
-        updateData: createUpdateData(updateDataMainThread, updateDataBackground),
+        updateData: createUpdateData(updateDataMainThread),
         dispose: createDispose(backgroundRpc, terminateWorkers),
         sendGlobalEvent,
         updateGlobalProps: backgroundRpc.createCall(updateGlobalPropsEndpoint),

package/dist/utils/loadTemplate.js

@@ -19,7 +19,7 @@ export function createTemplateLoader(customTemplateLoader, markTimingInternal) {
                         : (await (await fetch(url, {
                             method: 'GET',
                         })).json());
-                    const decodedTemplate = await generateTemplate(template, createJsModuleUrl);
+                    const decodedTemplate = await generateTemplate(template, createJsModuleUrl, encodeURIComponent(url));
                     resolve(decodedTemplate);
                 }
                 catch (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-core",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,14 +25,14 @@
   ],
   "dependencies": {
     "@lynx-js/offscreen-document": "0.1.4",
-    "@lynx-js/web-constants": "0.17.1",
-    "@lynx-js/web-mainthread-apis": "0.17.1",
-    "@lynx-js/web-worker-rpc": "0.17.1",
-    "@lynx-js/web-worker-runtime": "0.17.1"
+    "@lynx-js/web-constants": "0.18.0",
+    "@lynx-js/web-mainthread-apis": "0.18.0",
+    "@lynx-js/web-worker-rpc": "0.18.0",
+    "@lynx-js/web-worker-runtime": "0.18.0"
   },
   "devDependencies": {
     "@lynx-js/lynx-core": "0.1.3",
-    "@lynx-js/web-elements": "0.8.7"
+    "@lynx-js/web-elements": "0.8.8"
   },
   "peerDependencies": {
     "@lynx-js/lynx-core": "0.1.3",