@midscene/recorder-ui 1.17.2 → 1.17.3-beta-20261029072240.0

package/dist/recorder-iife.js

@@ -59,6 +59,46 @@
         }
         return false;
     }
+    function getContainingShadowRoot(node) {
+        const root = node.getRootNode?.();
+        return root && 'host' in root ? root : null;
+    }
+    const shadow_locator_shadowLocatorPrefix = 'midscene-shadow-v1:';
+    const normalizeText = (text)=>text.replace(/\s+/g, ' ').trim();
+    function buildShadowLocator(node, root, host, orderSensitive, leaf) {
+        const textNode = 3 === node.nodeType;
+        const element = textNode ? node.parentElement : node;
+        if (!element) throw new Error('Cannot cache a detached shadow text node');
+        const steps = [];
+        for(let current = element; current; current = current.parentElement){
+            const parent = current.parentNode;
+            if (!parent) throw new Error('Cannot cache a detached shadow element');
+            const tag = current.localName;
+            const namespace = current.namespaceURI;
+            const siblings = Array.from(parent.children).filter((sibling)=>sibling.localName === tag && sibling.namespaceURI === namespace);
+            const text = normalizeText(current.textContent || '');
+            steps.unshift({
+                tag,
+                namespace,
+                match: !orderSensitive && (leaf || textNode) && current === element && text ? {
+                    kind: 'text',
+                    value: text
+                } : {
+                    kind: 'index',
+                    value: siblings.indexOf(current)
+                }
+            });
+            if (parent === root) {
+                const locator = {
+                    host,
+                    steps,
+                    text: textNode ? normalizeText(node.textContent || '') : null
+                };
+                return shadow_locator_shadowLocatorPrefix + encodeURIComponent(JSON.stringify(locator));
+            }
+        }
+        throw new Error('Shadow target does not belong to the supplied root');
+    }
     let debugMode = false;
     function util_logger(..._msg) {
         if (!debugMode) return;
@@ -94,6 +134,8 @@
         return `${prefix}${tagSelector}[${index}]`;
     };
     const getElementXpath = (element, isOrderSensitive = false, isLeafElement = false, limitToCurrentDocument = false)=>{
+        const shadowRoot = getContainingShadowRoot(element);
+        if (shadowRoot) return buildShadowLocator(element, shadowRoot, getElementXpath(shadowRoot.host, isOrderSensitive, false, limitToCurrentDocument), isOrderSensitive, isLeafElement);
         if (element.nodeType === Node.TEXT_NODE) {
             const parentNode = element.parentNode;
             if (parentNode && parentNode.nodeType === Node.ELEMENT_NODE) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midscene/recorder-ui",
-  "version": "1.17.2",
+  "version": "1.17.3-beta-20261029072240.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/web-infra-dev/midscene.git",
@@ -29,7 +29,7 @@
     "antd": "^5.21.6",
     "dayjs": "^1.11.11",
     "react-dom": "18.3.1",
-    "@midscene/shared": "1.17.2"
+    "@midscene/shared": "1.17.3-beta-20261029072240.0"
   },
   "peerDependencies": {
     "react": "18.3.1",