seatable-html-page-sdk 0.0.13-beta.2 → 0.0.13-beta.4

package/dist/index.js

@@ -4622,6 +4622,7 @@
       this.mouseEvents.forEach(eventType => {
         window.addEventListener(eventType, this._handleEvent, true);
       });
+      this.addCommentModeStyle();
     }
     disable() {
       if (!this.isActive) return;
@@ -4629,6 +4630,20 @@
       this.mouseEvents.forEach(eventType => {
         window.removeEventListener(eventType, this._handleEvent, true);
       });
+      this.removeCommentStyle();
+    }
+    addCommentModeStyle() {
+      let style = document.getElementById('ai-comment-cursor-style');
+      if (!style) {
+        style = document.createElement('style');
+        style.id = 'ai-comment-cursor-style';
+        style.innerHTML = '* { cursor: crosshair !important; }';
+        document.head.appendChild(style);
+      }
+    }
+    removeCommentStyle() {
+      const style = document.getElementById('ai-comment-cursor-style');
+      if (style) style.remove();
     }
     _handleEvent(event) {
       if (!this.isActive) return;
@@ -4636,22 +4651,19 @@
       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) {
@@ -4876,6 +4888,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) {
@@ -4891,12 +4906,10 @@
         this.emitEvent(eventType, payload);
       } else if (type === POST_MESSAGE_TYPE.HTML_PAGE_ENABLE_COMMENT_MODE) {
         this.isCommentMode = true;
-        document.body.style.cursor = 'crosshair';
         this.unbindInteractiveEvents();
         if (this.commentModeAdapter) this.commentModeAdapter.enable();
       } else if (type === POST_MESSAGE_TYPE.HTML_PAGE_DISABLE_COMMENT_MODE) {
         this.isCommentMode = false;
-        document.body.style.cursor = '';
         if (this.commentModeAdapter) this.commentModeAdapter.disable();
         this.bindInteractiveEvents();
       } else if (type === POST_MESSAGE_TYPE.WINDOW_EVENT) {