seatable-html-page-sdk 0.0.13-beta.1 → 0.0.13-beta.3

package/dist/index.js

@@ -4636,32 +4636,36 @@
       event.stopPropagation();
       event.stopImmediatePropagation();
       const target = event.target;
+      const isBodyOrHtml = target === document.body || target === document.documentElement;
       if (event.type === 'mouseover') {
-        const data = this.buildElementData(target);
-        if (data) {
-          window.parent.postMessage({
-            type: POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER,
-            data
-          }, '*');
-        }
+        const data = isBodyOrHtml ? null : this.buildElementData(target);
+        window.parent.postMessage({
+          type: POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER,
+          data
+        }, '*');
       } else if (event.type === 'click') {
-        const data = this.buildElementData(target);
-        if (data) {
-          window.parent.postMessage({
-            type: POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED,
-            data
-          }, '*');
-        }
+        const data = isBodyOrHtml ? null : this.buildElementData(target);
+        window.parent.postMessage({
+          type: POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED,
+          data
+        }, '*');
       }
     }
     buildElementData(target) {
+      const rect = target.getBoundingClientRect();
       const selector = generateSelector(target) || null;
       return {
         selector,
         currentText: getCurrentText(target),
         htmlHint: getHtmlHint(target),
         computedStyle: computeStyle(target),
-        label: generateLabel(target)
+        label: generateLabel(target),
+        elementPosition: {
+          left: rect.left,
+          top: rect.top,
+          width: rect.width,
+          height: rect.height
+        }
       };
     }
     destroy() {
@@ -4869,6 +4873,9 @@
         eventType,
         payload
       } = event.data;
+      if (type && type.includes('COMMENT')) {
+        console.log('--- SDK handleMessage ---', type);
+      }
       if (type === POST_MESSAGE_TYPE.HTML_PAGE_RESPONSE) {
         const pending = this.pendingRequests[requestId];
         if (pending) {