@lynx-js/web-core-canary 0.17.2 → 0.18.0-canary-20251010-7e06ca90

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @lynx-js/web-core
 
+## 0.18.0-canary-20251010093237-7e06ca90219bfcda958ae57cb91eb0a2e284eb02
+
+### 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)]:
+  - @lynx-js/web-worker-runtime@0.18.0-canary-20251010093237-7e06ca90219bfcda958ae57cb91eb0a2e284eb02
+  - @lynx-js/web-constants@0.18.0-canary-20251010093237-7e06ca90219bfcda958ae57cb91eb0a2e284eb02
+  - @lynx-js/web-elements@0.8.8-canary-20251010093237-7e06ca90219bfcda958ae57cb91eb0a2e284eb02
+  - @lynx-js/web-mainthread-apis@0.18.0-canary-20251010093237-7e06ca90219bfcda958ae57cb91eb0a2e284eb02
+  - @lynx-js/web-worker-rpc@0.18.0-canary-20251010093237-7e06ca90219bfcda958ae57cb91eb0a2e284eb02
+
 ## 0.17.2
 
 ### Patch Changes
@@ -330,25 +353,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: "",
   });
   ```
 
@@ -756,8 +779,8 @@
       }
     };`,
         ],
-        { type: 'text/javascript' },
-      ),
+        { type: "text/javascript" }
+      )
     ),
   };
   lynxView.nativeModulesMap = nativeModulesMap;
@@ -872,8 +895,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   const color_methods = URL.createObjectURL(
@@ -888,8 +911,8 @@
     };
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
 
   lynxView.napiModuleMap = {
@@ -906,7 +929,7 @@
 
   ```js
   lynxView.onNapiModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'color_methods') {
+    if (name === "getColor" && moduleName === "color_methods") {
       return data.color;
     }
   };
@@ -985,8 +1008,8 @@
     }
   };`,
       ],
-      { type: 'text/javascript' },
-    ),
+      { type: "text/javascript" }
+    )
   );
   ```
 
@@ -998,7 +1021,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, callback) => {
-    if (name === 'getColor') {
+    if (name === "getColor") {
       callback(data.color);
     }
   };
@@ -1008,7 +1031,7 @@
 
   ```js
   lynxView.onNativeModulesCall = (name, data, moduleName) => {
-    if (name === 'getColor' && moduleName === 'bridge') {
+    if (name === "getColor" && moduleName === "bridge") {
       return data.color;
     }
   };
@@ -1366,7 +1389,7 @@
   This flag changes the behaviour of cascading. It provide a way to do this
 
   ```jsx
-  <view class='class-a class-b' />;
+  <view class="class-a class-b" />
   ```
 
   The class-b will override (cascading) styles of class-a.
@@ -1424,7 +1447,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.
   *
@@ -1466,11 +1489,11 @@
   There is also a simple way to use this feature
 
   ```javascript
-  import { LynxCard } from '@lynx-js/web-core';
-  import { loadElement } from '@lynx-js/web-elements/lazy';
-  import '@lynx-js/web-elements/index.css';
-  import '@lynx-js/web-core/index.css';
-  import './index.css';
+  import { LynxCard } from "@lynx-js/web-core";
+  import { loadElement } from "@lynx-js/web-elements/lazy";
+  import "@lynx-js/web-elements/index.css";
+  import "@lynx-js/web-core/index.css";
+  import "./index.css";
 
   const lynxcard = new LynxCard({
     ...beforeConfigs,

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/package.json

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