@lynx-js/web-mainthread-apis-canary 0.19.5 → 0.19.6-canary-20260112-6c2b51a6

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @lynx-js/web-mainthread-apis
 
+## 0.19.6-canary-20260112091442-6c2b51a661ae244eb40671f63f29ee971e084ed4
+
+### Patch Changes
+
+- feat: support main thread invoke ui method ([#2104](https://github.com/lynx-family/lynx-stack/pull/2104))
+
+- Updated dependencies [[`6c2b51a`](https://github.com/lynx-family/lynx-stack/commit/6c2b51a661ae244eb40671f63f29ee971e084ed4)]:
+  - @lynx-js/web-constants@0.19.6-canary-20260112091442-6c2b51a661ae244eb40671f63f29ee971e084ed4
+
 ## 0.19.5
 
 ### Patch Changes
@@ -351,25 +360,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: "",
   });
   ```
 

package/dist/createMainThreadGlobalThis.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 { lynxUniqueIdAttribute, systemInfo, parentComponentUniqueIdAttribute, componentIdAttribute, LynxEventNameToW3cByTagName, LynxEventNameToW3cCommon, lynxTagAttribute, W3cEventNameToLynx, cssIdAttribute, lynxDefaultDisplayLinearAttribute, __lynx_timing_flag, lynxDisposedAttribute, lynxEntryNameAttribute, } from '@lynx-js/web-constants';
+import { lynxUniqueIdAttribute, systemInfo, parentComponentUniqueIdAttribute, componentIdAttribute, LynxEventNameToW3cByTagName, LynxEventNameToW3cCommon, lynxTagAttribute, W3cEventNameToLynx, cssIdAttribute, lynxDefaultDisplayLinearAttribute, __lynx_timing_flag, lynxDisposedAttribute, lynxEntryNameAttribute, ErrorCode, } from '@lynx-js/web-constants';
 import { createMainThreadLynx } from './createMainThreadLynx.js';
 import { __AddClass, __AddConfig, __AddDataset, __AddInlineStyle, __AppendElement, __ElementIsEqual, __FirstElement, __GetAttributes, __GetChildren, __GetClasses, __GetComponentID, __GetDataByKey, __GetDataset, __GetElementConfig, __GetElementUniqueID, __GetID, __GetParent, __GetTag, __GetTemplateParts, __InsertElementBefore, __LastElement, __MarkPartElement, __MarkTemplateElement, __NextElement, __RemoveElement, __ReplaceElement, __ReplaceElements, __SetClasses, __SetConfig, __SetCSSId, __SetDataset, __SetID, __SetInlineStyles, __UpdateComponentID, __UpdateComponentInfo, __GetAttributeByName, } from './pureElementPAPIs.js';
 import { createCrossThreadEvent } from './utils/createCrossThreadEvent.js';
@@ -501,6 +501,43 @@ export function createMainThreadGlobalThis(config) {
         _I18nResourceTranslation: callbacks._I18nResourceTranslation,
         _AddEventListener: () => { },
         renderPage: undefined,
+        __InvokeUIMethod: (element, method, params, callback) => {
+            try {
+                if (method === 'boundingClientRect') {
+                    const rect = element.getBoundingClientRect();
+                    callback({
+                        code: ErrorCode.SUCCESS,
+                        data: {
+                            id: element.id,
+                            width: rect.width,
+                            height: rect.height,
+                            left: rect.left,
+                            right: rect.right,
+                            top: rect.top,
+                            bottom: rect.bottom,
+                        },
+                    });
+                    return;
+                }
+                if (typeof element[method] === 'function') {
+                    const data = element[method](params);
+                    callback({
+                        code: ErrorCode.SUCCESS,
+                        data,
+                    });
+                    return;
+                }
+                callback({
+                    code: ErrorCode.METHOD_NOT_FOUND,
+                });
+            }
+            catch (e) {
+                console.error(`[lynx-web] invokeUIMethod: apply method failed with`, e, element);
+                callback({
+                    code: ErrorCode.PARAM_INVALID,
+                });
+            }
+        },
     };
     Object.assign(mtsRealm.globalWindow, mtsGlobalThis);
     Object.defineProperty(mtsRealm.globalWindow, 'renderPage', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-mainthread-apis-canary",
-  "version": "0.19.5",
+  "version": "0.19.6-canary-20260112-6c2b51a6",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,7 +26,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.5",
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.6-canary-20260112-6c2b51a6",
     "hyphenate-style-name": "^1.1.0",
     "wasm-feature-detect": "^1.8.0"
   },