@lynx-js/web-mainthread-apis-canary 0.19.6-canary-20260112-9e774c8d → 0.19.6-canary-20260116-ff5a5b09

package/CHANGELOG.md

@@ -1,13 +1,15 @@
 # @lynx-js/web-mainthread-apis
 
-## 0.19.6-canary-20260112113628-9e774c8db22e4b3e5d677cf8347f3f29869bc65f
+## 0.19.6-canary-20260116094314-ff5a5b09d069df0e851e0e84a33c2147d537309e
 
 ### Patch Changes
 
+- feat: add main-thread API: \_\_QuerySelector ([#2115](https://github.com/lynx-family/lynx-stack/pull/2115))
+
 - 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-20260112113628-9e774c8db22e4b3e5d677cf8347f3f29869bc65f
+- Updated dependencies [[`179f984`](https://github.com/lynx-family/lynx-stack/commit/179f9844adf00ff4b2cd450ffb943649441c87d3), [`6c2b51a`](https://github.com/lynx-family/lynx-stack/commit/6c2b51a661ae244eb40671f63f29ee971e084ed4)]:
+  - @lynx-js/web-constants@0.19.6-canary-20260116094314-ff5a5b09d069df0e851e0e84a33c2147d537309e
 
 ## 0.19.5
 

package/dist/createMainThreadGlobalThis.js

@@ -357,6 +357,65 @@ export function createMainThreadGlobalThis(config) {
         exposureChangedElements.clear();
         callbacks.flushElementTree(options, timingFlagsCopied, exposureChangedElementsArray);
     };
+    const __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,
+            });
+        }
+    };
+    const __QuerySelector = (element, selector) => {
+        if (!element)
+            return null;
+        const el = element.querySelector(selector);
+        if (el) {
+            if (!el.invoke) {
+                el.invoke = (method, params) => {
+                    return new Promise((resolve, reject) => {
+                        __InvokeUIMethod(el, method, params, (res) => {
+                            if (res.code === ErrorCode.SUCCESS) {
+                                resolve(res.data);
+                            }
+                            else {
+                                reject(res);
+                            }
+                        });
+                    });
+                };
+            }
+        }
+        return el;
+    };
     const __GetPageElement = () => {
         return pageElement;
     };
@@ -501,43 +560,8 @@ 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,
-                });
-            }
-        },
+        __InvokeUIMethod,
+        __QuerySelector,
     };
     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.6-canary-20260112-9e774c8d",
+  "version": "0.19.6-canary-20260116-ff5a5b09",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,7 +26,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.6-canary-20260112-9e774c8d",
+    "@lynx-js/web-constants": "npm:@lynx-js/web-constants-canary@0.19.6-canary-20260116-ff5a5b09",
     "hyphenate-style-name": "^1.1.0",
     "wasm-feature-detect": "^1.8.0"
   },