@lynx-js/web-core 0.17.2 → 0.18.1

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @lynx-js/web-core
 
+## 0.18.1
+
+### Patch Changes
+
+- fix: mts freeze after reload() ([#1892](https://github.com/lynx-family/lynx-stack/pull/1892))
+
+  The mts may be freezed after reload() called.
+
+  We fixed it by waiting until the all-on-ui Javascript realm implementation, an iframe, to be fully loaded.
+
+- Updated dependencies [[`70a18fc`](https://github.com/lynx-family/lynx-stack/commit/70a18fce0083743e4516eefc91c0392d748b855f)]:
+  - @lynx-js/web-mainthread-apis@0.18.1
+  - @lynx-js/web-worker-runtime@0.18.1
+  - @lynx-js/web-constants@0.18.1
+  - @lynx-js/web-worker-rpc@0.18.1
+
+## 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
@@ -1424,7 +1462,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';
@@ -16,27 +16,30 @@ const { prepareMainThreadAPIs, } = await import(
  * Creates a isolated JavaScript context for executing mts code.
  * This context has its own global variables and functions.
  */
-function createIFrameRealm(parent) {
+async function createIFrameRealm(parent) {
     const iframe = document.createElement('iframe');
+    const iframeReadyPromise = new Promise((resolve) => {
+        const listener = (event) => {
+            if (event.data === 'lynx:mtsready' && event.source === iframe.contentWindow) {
+                resolve();
+                globalThis.removeEventListener('message', listener);
+            }
+        };
+        globalThis.addEventListener('message', listener);
+    });
     iframe.style.display = 'none';
     iframe.srcdoc =
-        '<!DOCTYPE html><html><head></head><body style="display:none"></body></html>';
+        '<!DOCTYPE html><html><head><script>parent.postMessage("lynx:mtsready","*")</script></head><body style="display:none"></body></html>';
     iframe.sandbox = 'allow-same-origin allow-scripts'; // Restrict capabilities for security
     iframe.loading = 'eager';
     parent.appendChild(iframe);
+    await iframeReadyPromise;
     const iframeWindow = iframe.contentWindow;
     const loadScript = async (url) => {
         const script = iframe.contentDocument.createElement('script');
         script.fetchPriority = 'high';
         script.defer = true;
         script.async = false;
-        if (!iframe.contentDocument.head) {
-            await new Promise((resolve) => {
-                iframe.onload = () => resolve();
-                // In case iframe is already loaded, wait a macro task
-                setTimeout(() => resolve(), 0);
-            });
-        }
         iframe.contentDocument.head.appendChild(script);
         return new Promise(async (resolve, reject) => {
             script.onload = () => {
@@ -82,14 +85,12 @@ export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, loadTemplat
     const i18nResources = new I18nResources();
     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);
         return i18nResources;
     }, loadTemplate);
-    const pendingUpdateCalls = [];
     const start = async (configs) => {
         if (ssrDumpInfo) {
             const lynxUniqueIdToElement = [];
@@ -124,20 +125,9 @@ export function createRenderAllOnUI(mainToBackgroundRpc, shadowRoot, loadTemplat
         else {
             await startMainThread(configs);
         }
-        // Process any pending update calls that were queued while mtsGlobalThis was undefined
-        for (const args of pendingUpdateCalls) {
-            mtsGlobalThis.updatePage?.(...args);
-        }
-        pendingUpdateCalls.length = 0;
     };
-    const updateDataMainThread = async (...args) => {
-        if (mtsGlobalThis) {
-            mtsGlobalThis.updatePage?.(...args);
-        }
-        else {
-            // Cache the call if mtsGlobalThis is not yet initialized
-            pendingUpdateCalls.push(args);
-        }
+    const updateDataMainThread = async (newData, options) => {
+        return handleUpdatedData(newData, options);
     };
     const updateI18nResourcesMainThread = (data) => {
         i18nResources.setData(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/package.json

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