@lynx-js/web-mainthread-apis 0.17.2 → 0.18.1

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @lynx-js/web-mainthread-apis
 
+## 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 []:
+  - @lynx-js/web-constants@0.18.1
+  - @lynx-js/web-style-transformer@0.18.1
+
+## 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
+  ```
+
+- feat: mouse event output structures remain aligned ([#1820](https://github.com/lynx-family/lynx-stack/pull/1820))
+
+- Updated dependencies [[`77397fd`](https://github.com/lynx-family/lynx-stack/commit/77397fd535cf60556f8f82f7ef8dae8a623d1625)]:
+  - @lynx-js/web-constants@0.18.0
+  - @lynx-js/web-style-transformer@0.18.0
+
 ## 0.17.2
 
 ### Patch Changes

package/dist/prepareMainThreadAPIs.d.ts

@@ -1,4 +1,5 @@
-import { type Rpc, type StartMainThreadContextConfig, type RpcCallType, type reportErrorEndpoint, type I18nResourceTranslationOptions, type InitI18nResources, type I18nResources, type SSRHydrateInfo, type SSRDehydrateHooks, type JSRealm, type TemplateLoader } from '@lynx-js/web-constants';
-export declare function prepareMainThreadAPIs(backgroundThreadRpc: Rpc, rootDom: Document | ShadowRoot, document: Document, mtsRealm: JSRealm, commitDocument: (exposureChangedElements: HTMLElement[]) => Promise<void> | void, markTimingInternal: (timingKey: string, pipelineId?: string) => void, flushMarkTimingInternal: () => void, reportError: RpcCallType<typeof reportErrorEndpoint>, triggerI18nResourceFallback: (options: I18nResourceTranslationOptions) => void, initialI18nResources: (data: InitI18nResources) => I18nResources, loadTemplate: TemplateLoader, ssrHooks?: SSRDehydrateHooks): {
+import { type Rpc, type StartMainThreadContextConfig, type RpcCallType, type reportErrorEndpoint, type I18nResourceTranslationOptions, type InitI18nResources, type I18nResources, type Cloneable, type SSRHydrateInfo, type SSRDehydrateHooks, type JSRealm, type TemplateLoader, type UpdateDataOptions } from '@lynx-js/web-constants';
+export declare function prepareMainThreadAPIs(backgroundThreadRpc: Rpc, rootDom: Document | ShadowRoot, document: Document, mtsRealmPromise: JSRealm | Promise<JSRealm>, commitDocument: (exposureChangedElements: HTMLElement[]) => Promise<void> | void, markTimingInternal: (timingKey: string, pipelineId?: string) => void, flushMarkTimingInternal: () => void, reportError: RpcCallType<typeof reportErrorEndpoint>, triggerI18nResourceFallback: (options: I18nResourceTranslationOptions) => void, initialI18nResources: (data: InitI18nResources) => I18nResources, loadTemplate: TemplateLoader, ssrHooks?: SSRDehydrateHooks): {
     startMainThread: (config: StartMainThreadContextConfig, ssrHydrateInfo?: SSRHydrateInfo) => Promise<void>;
+    handleUpdatedData: (newData: Cloneable, options: UpdateDataOptions | undefined) => Promise<void>;
 };

package/dist/prepareMainThreadAPIs.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 { BackgroundThreadStartEndpoint, publishEventEndpoint, publicComponentEventEndpoint, postExposureEndpoint, postTimingFlagsEndpoint, dispatchCoreContextOnBackgroundEndpoint, dispatchJSContextOnMainThreadEndpoint, LynxCrossThreadContext, switchExposureServiceEndpoint, getCacheI18nResourcesKey, dispatchI18nResourceEndpoint, } from '@lynx-js/web-constants';
+import { BackgroundThreadStartEndpoint, publishEventEndpoint, publicComponentEventEndpoint, postExposureEndpoint, postTimingFlagsEndpoint, dispatchCoreContextOnBackgroundEndpoint, dispatchJSContextOnMainThreadEndpoint, LynxCrossThreadContext, switchExposureServiceEndpoint, getCacheI18nResourcesKey, dispatchI18nResourceEndpoint, updateDataEndpoint, } from '@lynx-js/web-constants';
 import { registerCallLepusMethodHandler } from './crossThreadHandlers/registerCallLepusMethodHandler.js';
 import { registerGetCustomSectionHandler } from './crossThreadHandlers/registerGetCustomSectionHandler.js';
 import { createMainThreadGlobalThis } from './createMainThreadGlobalThis.js';
@@ -10,18 +10,20 @@ import { initWasm } from '@lynx-js/web-style-transformer';
 import { appendStyleElement } from './utils/processStyleInfo.js';
 import { createQueryComponent } from './crossThreadHandlers/createQueryComponent.js';
 const initWasmPromise = initWasm();
-export function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealm, commitDocument, markTimingInternal, flushMarkTimingInternal, reportError, triggerI18nResourceFallback, initialI18nResources, loadTemplate, ssrHooks) {
+export function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mtsRealmPromise, commitDocument, markTimingInternal, flushMarkTimingInternal, reportError, triggerI18nResourceFallback, initialI18nResources, loadTemplate, ssrHooks) {
     const postTimingFlags = backgroundThreadRpc.createCall(postTimingFlagsEndpoint);
     const backgroundStart = backgroundThreadRpc.createCall(BackgroundThreadStartEndpoint);
     const publishEvent = backgroundThreadRpc.createCall(publishEventEndpoint);
     const publicComponentEvent = backgroundThreadRpc.createCall(publicComponentEventEndpoint);
     const postExposure = backgroundThreadRpc.createCall(postExposureEndpoint);
     const dispatchI18nResource = backgroundThreadRpc.createCall(dispatchI18nResourceEndpoint);
+    const updateDataBackground = backgroundThreadRpc.createCall(updateDataEndpoint);
     markTimingInternal('lepus_execute_start');
     async function startMainThread(config, ssrHydrateInfo) {
         let isFp = true;
         const { globalProps, template, browserConfig, nativeModulesMap, napiModulesMap, tagMap, initI18nResources, } = config;
         const { styleInfo, pageConfig, customSections, cardType, } = template;
+        const mtsRealm = await mtsRealmPromise;
         markTimingInternal('decode_start');
         await initWasmPromise;
         const jsContext = new LynxCrossThreadContext({
@@ -140,6 +142,15 @@ export function prepareMainThreadAPIs(backgroundThreadRpc, rootDom, document, mt
         await mtsRealm.loadScript(template.lepusCode.root);
         jsContext.__start(); // start the jsContext after the runtime is created
     }
-    return { startMainThread };
+    async function handleUpdatedData(newData, options) {
+        const mtsRealm = await mtsRealmPromise;
+        const runtime = mtsRealm.globalWindow;
+        const processedData = runtime.processData
+            ? runtime.processData(newData, options?.processorName)
+            : newData;
+        runtime.updatePage?.(processedData, options);
+        return updateDataBackground(processedData, options);
+    }
+    return { startMainThread, handleUpdatedData };
 }
 //# sourceMappingURL=prepareMainThreadAPIs.js.map

package/dist/utils/createCrossThreadEvent.js

@@ -52,6 +52,19 @@ export function createCrossThreadEvent(domEvent, eventName) {
                 : changedTouches,
         });
     }
+    else if (type.startsWith('mouse')) {
+        const mouseEvent = domEvent;
+        Object.assign(otherProperties, {
+            button: mouseEvent.button,
+            buttons: mouseEvent.buttons,
+            x: mouseEvent.x,
+            y: mouseEvent.y,
+            pageX: mouseEvent.pageX,
+            pageY: mouseEvent.pageY,
+            clientX: mouseEvent.clientX,
+            clientY: mouseEvent.clientY,
+        });
+    }
     const currentTargetDatasetString = currentTargetElement?.getAttribute(lynxDatasetAttribute);
     const currentTargetDataset = currentTargetDatasetString
         ? JSON.parse(decodeURIComponent(currentTargetDatasetString))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-mainthread-apis",
-  "version": "0.17.2",
+  "version": "0.18.1",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
   ],
   "dependencies": {
     "hyphenate-style-name": "^1.1.0",
-    "@lynx-js/web-constants": "0.17.2",
-    "@lynx-js/web-style-transformer": "0.17.2"
+    "@lynx-js/web-constants": "0.18.1",
+    "@lynx-js/web-style-transformer": "0.18.1"
   }
 }