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

package/es/comment-mode.js

@@ -0,0 +1,123 @@
+import { POST_MESSAGE_TYPE } from './constants.js';
+
+const countSameTagSiblingsBefore = element => {
+  let count = 0;
+  let sibling = element.previousElementSibling;
+  while (sibling) {
+    if (sibling.tagName === element.tagName) count += 1;
+    sibling = sibling.previousElementSibling;
+  }
+  return count;
+};
+const generateSelector = element => {
+  if (!element || element === document.body) return null;
+  const parts = [];
+  let current = element;
+  while (current && current !== document.body) {
+    const tag = current.tagName.toLowerCase();
+    const index = countSameTagSiblingsBefore(current) + 1;
+    parts.unshift(`${tag}:nth-of-type(${index})`);
+    current = current.parentElement;
+  }
+  return 'body > ' + parts.join(' > ');
+};
+const getHtmlHint = function (element) {
+  let maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 180;
+  const html = element.outerHTML || '';
+  return html.length > maxLen ? html.slice(0, maxLen) : html;
+};
+const getCurrentText = function (element) {
+  let maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 160;
+  const text = (element.textContent || '').replace(/\s+/g, ' ').trim();
+  return text.length > maxLen ? text.slice(0, maxLen) : text;
+};
+const computeStyle = element => {
+  const style = window.getComputedStyle(element);
+  return {
+    backgroundColor: style.backgroundColor,
+    color: style.color,
+    fontSize: style.fontSize,
+    fontWeight: style.fontWeight,
+    fontFamily: style.fontFamily,
+    lineHeight: style.lineHeight,
+    borderRadius: style.borderRadius,
+    paddingBottom: style.paddingBottom,
+    paddingLeft: style.paddingLeft,
+    paddingRight: style.paddingRight,
+    paddingTop: style.paddingTop,
+    marginBottom: style.marginBottom,
+    marginLeft: style.marginLeft,
+    marginRight: style.marginRight,
+    marginTop: style.marginTop,
+    textAlign: style.textAlign,
+    display: style.display,
+    width: style.width,
+    height: style.height
+  };
+};
+const generateLabel = element => {
+  const tag = element.tagName.toLowerCase();
+  const classes = element.classList.length > 0 ? '.' + Array.from(element.classList).join('.') : '';
+  return `${tag}${classes}`;
+};
+class CommentModeAdapter {
+  constructor() {
+    this.isActive = false;
+    this._handleEvent = this._handleEvent.bind(this);
+    this.mouseEvents = ['click', 'dblclick', 'mousedown', 'mouseup', 'mousemove', 'mouseover', 'mouseout', 'mouseenter', 'mouseleave', 'contextmenu'];
+  }
+  enable() {
+    if (this.isActive) return;
+    this.isActive = true;
+    this.mouseEvents.forEach(eventType => {
+      window.addEventListener(eventType, this._handleEvent, true);
+    });
+  }
+  disable() {
+    if (!this.isActive) return;
+    this.isActive = false;
+    this.mouseEvents.forEach(eventType => {
+      window.removeEventListener(eventType, this._handleEvent, true);
+    });
+  }
+  _handleEvent(event) {
+    if (!this.isActive) return;
+    event.preventDefault();
+    event.stopPropagation();
+    event.stopImmediatePropagation();
+    const target = event.target;
+    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
+        }, '*');
+      }
+    } 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
+        }, '*');
+      }
+    }
+  }
+  buildElementData(target) {
+    const selector = generateSelector(target) || null;
+    return {
+      selector,
+      currentText: getCurrentText(target),
+      htmlHint: getHtmlHint(target),
+      computedStyle: computeStyle(target),
+      label: generateLabel(target)
+    };
+  }
+  destroy() {
+    this.disable();
+  }
+}
+
+export { CommentModeAdapter };
+//# sourceMappingURL=comment-mode.js.map

package/es/comment-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-mode.js","sources":["../src/comment-mode.js"],"sourcesContent":["import { POST_MESSAGE_TYPE } from './constants';\n\nconst countSameTagSiblingsBefore = (element) => {\n  let count = 0;\n  let sibling = element.previousElementSibling;\n  while (sibling) {\n    if (sibling.tagName === element.tagName) count += 1;\n    sibling = sibling.previousElementSibling;\n  }\n  return count;\n};\n\nconst generateSelector = (element) => {\n  if (!element || element === document.body) return null;\n\n  const parts = [];\n  let current = element;\n\n  while (current && current !== document.body) {\n    const tag = current.tagName.toLowerCase();\n    const index = countSameTagSiblingsBefore(current) + 1;\n    parts.unshift(`${tag}:nth-of-type(${index})`);\n    current = current.parentElement;\n  }\n\n  return 'body > ' + parts.join(' > ');\n};\n\nconst getHtmlHint = (element, maxLen = 180) => {\n  const html = element.outerHTML || '';\n  return html.length > maxLen ? html.slice(0, maxLen) : html;\n};\n\nconst getCurrentText = (element, maxLen = 160) => {\n  const text = (element.textContent || '').replace(/\\s+/g, ' ').trim();\n  return text.length > maxLen ? text.slice(0, maxLen) : text;\n};\n\nconst computeStyle = (element) => {\n  const style = window.getComputedStyle(element);\n  return {\n    backgroundColor: style.backgroundColor,\n    color: style.color,\n    fontSize: style.fontSize,\n    fontWeight: style.fontWeight,\n    fontFamily: style.fontFamily,\n    lineHeight: style.lineHeight,\n    borderRadius: style.borderRadius,\n    paddingBottom: style.paddingBottom,\n    paddingLeft: style.paddingLeft,\n    paddingRight: style.paddingRight,\n    paddingTop: style.paddingTop,\n    marginBottom: style.marginBottom,\n    marginLeft: style.marginLeft,\n    marginRight: style.marginRight,\n    marginTop: style.marginTop,\n    textAlign: style.textAlign,\n    display: style.display,\n    width: style.width,\n    height: style.height,\n  };\n};\n\nconst generateLabel = (element) => {\n  const tag = element.tagName.toLowerCase();\n  const classes = element.classList.length > 0\n    ? '.' + Array.from(element.classList).join('.')\n    : '';\n  return `${tag}${classes}`;\n};\n\nexport class CommentModeAdapter {\n  constructor() {\n    this.isActive = false;\n    this._handleEvent = this._handleEvent.bind(this);\n    this.mouseEvents = ['click', 'dblclick', 'mousedown', 'mouseup', 'mousemove', 'mouseover', 'mouseout', 'mouseenter', 'mouseleave', 'contextmenu'];\n  }\n\n  enable() {\n    if (this.isActive) return;\n    this.isActive = true;\n    this.mouseEvents.forEach(eventType => {\n      window.addEventListener(eventType, this._handleEvent, true);\n    });\n  }\n\n  disable() {\n    if (!this.isActive) return;\n    this.isActive = false;\n    this.mouseEvents.forEach(eventType => {\n      window.removeEventListener(eventType, this._handleEvent, true);\n    });\n  }\n\n  _handleEvent(event) {\n    if (!this.isActive) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    event.stopImmediatePropagation();\n\n    const target = event.target;\n    if (event.type === 'mouseover') {\n      const data = this.buildElementData(target);\n      if (data) {\n        window.parent.postMessage({ type: POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER, data }, '*');\n      }\n    } else if (event.type === 'click') {\n      const data = this.buildElementData(target);\n      if (data) {\n        window.parent.postMessage({ type: POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED, data }, '*');\n      }\n    }\n  }\n\n  buildElementData(target) {\n    const selector = generateSelector(target) || null;\n    return {\n      selector,\n      currentText: getCurrentText(target),\n      htmlHint: getHtmlHint(target),\n      computedStyle: computeStyle(target),\n      label: generateLabel(target),\n    };\n  }\n\n  destroy() {\n    this.disable();\n  }\n}\n"],"names":["countSameTagSiblingsBefore","element","count","sibling","previousElementSibling","tagName","generateSelector","document","body","parts","current","tag","toLowerCase","index","unshift","parentElement","join","getHtmlHint","maxLen","arguments","length","undefined","html","outerHTML","slice","getCurrentText","text","textContent","replace","trim","computeStyle","style","window","getComputedStyle","backgroundColor","color","fontSize","fontWeight","fontFamily","lineHeight","borderRadius","paddingBottom","paddingLeft","paddingRight","paddingTop","marginBottom","marginLeft","marginRight","marginTop","textAlign","display","width","height","generateLabel","classes","classList","Array","from","CommentModeAdapter","constructor","isActive","_handleEvent","bind","mouseEvents","enable","forEach","eventType","addEventListener","disable","removeEventListener","event","preventDefault","stopPropagation","stopImmediatePropagation","target","type","data","buildElementData","parent","postMessage","POST_MESSAGE_TYPE","HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER","HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED","selector","currentText","htmlHint","computedStyle","label","destroy"],"mappings":"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"}

package/es/constants.js

@@ -0,0 +1,13 @@
+const POST_MESSAGE_TYPE = {
+  HTML_PAGE_REQUEST: 'HTML_PAGE_REQUEST',
+  HTML_PAGE_RESPONSE: 'HTML_PAGE_RESPONSE',
+  HTML_PAGE_EVENT: 'HTML_PAGE_EVENT',
+  HTML_PAGE_ENABLE_COMMENT_MODE: 'HTML_PAGE_ENABLE_COMMENT_MODE',
+  HTML_PAGE_DISABLE_COMMENT_MODE: 'HTML_PAGE_DISABLE_COMMENT_MODE',
+  HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER: 'HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER',
+  HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED: 'HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED',
+  WINDOW_EVENT: 'WINDOW_EVENT'
+};
+
+export { POST_MESSAGE_TYPE };
+//# sourceMappingURL=constants.js.map

package/es/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../src/constants.js"],"sourcesContent":["export const POST_MESSAGE_TYPE = {\n  HTML_PAGE_REQUEST: 'HTML_PAGE_REQUEST',\n  HTML_PAGE_RESPONSE: 'HTML_PAGE_RESPONSE',\n  HTML_PAGE_EVENT: 'HTML_PAGE_EVENT',\n  HTML_PAGE_ENABLE_COMMENT_MODE: 'HTML_PAGE_ENABLE_COMMENT_MODE',\n  HTML_PAGE_DISABLE_COMMENT_MODE: 'HTML_PAGE_DISABLE_COMMENT_MODE',\n  HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER: 'HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER',\n  HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED: 'HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED',\n  WINDOW_EVENT: 'WINDOW_EVENT',\n};\n"],"names":["POST_MESSAGE_TYPE","HTML_PAGE_REQUEST","HTML_PAGE_RESPONSE","HTML_PAGE_EVENT","HTML_PAGE_ENABLE_COMMENT_MODE","HTML_PAGE_DISABLE_COMMENT_MODE","HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER","HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED","WINDOW_EVENT"],"mappings":"AAAO,MAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,6BAA6B,EAAE,+BAA+B;AAC9DC,EAAAA,8BAA8B,EAAE,gCAAgC;AAChEC,EAAAA,oCAAoC,EAAE,sCAAsC;AAC5EC,EAAAA,uCAAuC,EAAE,yCAAyC;AAClFC,EAAAA,YAAY,EAAE,cAAA;AAChB;;;;"}

package/es/iframe-adapter.js

@@ -1,9 +1,6 @@
-const POST_MESSAGE_TYPE = {
-  HTML_PAGE_REQUEST: 'HTML_PAGE_REQUEST',
-  HTML_PAGE_RESPONSE: 'HTML_PAGE_RESPONSE',
-  HTML_PAGE_EVENT: 'HTML_PAGE_EVENT',
-  WINDOW_EVENT: 'WINDOW_EVENT'
-};
+import { CommentModeAdapter } from './comment-mode.js';
+import { POST_MESSAGE_TYPE } from './constants.js';
+
 const POST_MESSAGE_REQUEST_TYPE = {
   GET_SERVER: 'get_server',
   GET_ACCESS_TOKEN: 'get_access_token',
@@ -18,6 +15,7 @@ const SUPPORT_WINDOW_MOUSE_EVENT_TYPES = ['click', 'dblclick', 'mousemove', 'mou
 const SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES = ['keydown', 'keyup', 'keypress'];
 const SUPPORT_WINDOW_DRAG_EVENT_TYPES = ['dragstart', 'dragover', 'drag', 'dragend', 'dragenter', 'dragleave', 'drop'];
 const HIGH_FREQUENCY_WINDOW_EVENT_TYPES = ['mousemove', 'dragover'];
+const INTERACTIVE_TAGS = ['SELECT', 'INPUT', 'TEXTAREA', 'BUTTON'];
 const hasOwnProperty = (obj, key) => {
   return Object.prototype.hasOwnProperty.call(obj, key);
 };
@@ -79,6 +77,8 @@ class IframeAdapter {
     this.pendingRequests = {};
     this.eventHandlers = {};
     this.timeout = this.options.timeout || 10000;
+    this.isCommentMode = false;
+    this.commentModeAdapter = new CommentModeAdapter();
     this.setupMessageListener();
   }
   generatorRequestId() {
@@ -106,41 +106,57 @@ class IframeAdapter {
     }, this.targetOrigin);
   }
   setEventsListener() {
-    let rafId = null;
-    let pendingEvent = null;
-    [...SUPPORT_WINDOW_MOUSE_EVENT_TYPES, ...SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES, ...SUPPORT_WINDOW_DRAG_EVENT_TYPES].forEach(eventType => {
-      window.addEventListener(eventType, event => {
-        if (event.source === WINDOW_EVENT_SOURCE_TYPE.APP) return;
-        if (HIGH_FREQUENCY_WINDOW_EVENT_TYPES.includes(eventType)) {
-          // High-frequency events that need throttling (use RAF to limit to 60fps)
-          // Use requestAnimationFrame for throttling high-frequency events
-          // Store the latest event with necessary data
-          pendingEvent = createWindowEventData({
-            eventType,
-            event
-          });
-
-          // Only schedule a new frame if one isn't already scheduled
-          if (rafId === null) {
-            rafId = requestAnimationFrame(() => {
-              if (pendingEvent) {
-                this.postWindowEvent(pendingEvent);
-                pendingEvent = null;
-                rafId = null;
-              }
-            });
-          }
-          return;
-        }
-
-        // Low-frequency events
-        this.postWindowEvent(createWindowEventData({
-          eventType,
-          event
-        }));
-      }, true);
+    this._windowEventHandler = this._windowEventHandler.bind(this);
+    this.interactiveEventTypes = [...SUPPORT_WINDOW_MOUSE_EVENT_TYPES, ...SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES, ...SUPPORT_WINDOW_DRAG_EVENT_TYPES];
+    this.rafId = null;
+    this.pendingEvent = null;
+    this.bindInteractiveEvents();
+  }
+  bindInteractiveEvents() {
+    this.interactiveEventTypes.forEach(eventType => {
+      window.addEventListener(eventType, this._windowEventHandler, true);
     });
   }
+  unbindInteractiveEvents() {
+    this.interactiveEventTypes.forEach(eventType => {
+      window.removeEventListener(eventType, this._windowEventHandler, true);
+    });
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+    this.pendingEvent = null;
+  }
+  _windowEventHandler(event) {
+    if (event.source === WINDOW_EVENT_SOURCE_TYPE.APP) return;
+    const target = event.target;
+    if (target && INTERACTIVE_TAGS.includes(target.tagName)) return;
+    const eventType = event.type;
+    if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventType)) {
+      const active = document.activeElement;
+      if (active && INTERACTIVE_TAGS.includes(active.tagName)) return;
+    }
+    if (HIGH_FREQUENCY_WINDOW_EVENT_TYPES.includes(eventType)) {
+      this.pendingEvent = createWindowEventData({
+        eventType,
+        event
+      });
+      if (this.rafId === null) {
+        this.rafId = requestAnimationFrame(() => {
+          if (this.pendingEvent) {
+            this.postWindowEvent(this.pendingEvent);
+            this.pendingEvent = null;
+            this.rafId = null;
+          }
+        });
+      }
+      return;
+    }
+    this.postWindowEvent(createWindowEventData({
+      eventType,
+      event
+    }));
+  }
   async request(method, params) {
     if (this.selfWindow) {
       return new Promise(resolve => {
@@ -198,62 +214,75 @@ class IframeAdapter {
       }
     } else if (type === POST_MESSAGE_TYPE.HTML_PAGE_EVENT) {
       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) {
-      const eventData = data.event_data;
-      if (!eventData) return;
-      let syntheticEvent;
-      let targetElement;
-      if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventData.type)) {
-        syntheticEvent = new KeyboardEvent(eventData.type, {
-          bubbles: true,
-          cancelable: true,
-          key: eventData.key,
-          code: eventData.code,
-          keyCode: eventData.keyCode,
-          ctrlKey: eventData.ctrlKey,
-          shiftKey: eventData.shiftKey,
-          altKey: eventData.altKey,
-          metaKey: eventData.metaKey,
-          repeat: eventData.repeat,
-          view: window
-        });
-        targetElement = document.activeElement || document.body;
-      } else if (SUPPORT_WINDOW_MOUSE_EVENT_TYPES.includes(eventData.type)) {
-        syntheticEvent = new MouseEvent(eventData.type, {
-          bubbles: true,
-          cancelable: true,
-          view: window,
-          clientX: eventData.x,
-          clientY: eventData.y,
-          screenX: eventData.x,
-          screenY: eventData.y,
-          button: eventData.button,
-          buttons: eventData.buttons
-        });
-        const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);
-        targetElement = elementAtPoint || document.body;
-      } else if (SUPPORT_WINDOW_DRAG_EVENT_TYPES.includes(eventData.type)) {
-        syntheticEvent = new DragEvent(eventData.type, {
-          bubbles: true,
-          cancelable: true,
-          view: window,
-          clientX: eventData.x,
-          clientY: eventData.y,
-          screenX: eventData.x,
-          screenY: eventData.y,
-          button: eventData.button,
-          buttons: eventData.buttons
-        });
-        const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);
-        targetElement = elementAtPoint || document.body;
-      }
-      if (!targetElement || !syntheticEvent) return;
-
-      // Dispatch once on the target element, it will bubble up naturally
-      syntheticEvent.source = eventData.source;
-      targetElement.dispatchEvent(syntheticEvent);
+      this.handleWindowEvent(data);
     }
   }
+  handleWindowEvent(data) {
+    const eventData = data.event_data;
+    if (!eventData || this.isCommentMode) return;
+    let syntheticEvent;
+    let targetElement;
+    if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventData.type)) {
+      syntheticEvent = new KeyboardEvent(eventData.type, {
+        bubbles: true,
+        cancelable: true,
+        key: eventData.key,
+        code: eventData.code,
+        keyCode: eventData.keyCode,
+        ctrlKey: eventData.ctrlKey,
+        shiftKey: eventData.shiftKey,
+        altKey: eventData.altKey,
+        metaKey: eventData.metaKey,
+        repeat: eventData.repeat,
+        view: window
+      });
+      targetElement = document.activeElement || document.body;
+    } else if (SUPPORT_WINDOW_MOUSE_EVENT_TYPES.includes(eventData.type)) {
+      syntheticEvent = new MouseEvent(eventData.type, {
+        bubbles: true,
+        cancelable: true,
+        view: window,
+        clientX: eventData.x,
+        clientY: eventData.y,
+        screenX: eventData.x,
+        screenY: eventData.y,
+        button: eventData.button,
+        buttons: eventData.buttons
+      });
+      const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);
+      targetElement = elementAtPoint || document.body;
+    } else if (SUPPORT_WINDOW_DRAG_EVENT_TYPES.includes(eventData.type)) {
+      syntheticEvent = new DragEvent(eventData.type, {
+        bubbles: true,
+        cancelable: true,
+        view: window,
+        clientX: eventData.x,
+        clientY: eventData.y,
+        screenX: eventData.x,
+        screenY: eventData.y,
+        button: eventData.button,
+        buttons: eventData.buttons
+      });
+      const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);
+      targetElement = elementAtPoint || document.body;
+    }
+    if (!targetElement || !syntheticEvent) return;
+
+    // Dispatch once on the target element, it will bubble up naturally
+    syntheticEvent.source = eventData.source;
+    targetElement.dispatchEvent(syntheticEvent);
+  }
   on(eventType, handler) {
     if (!hasOwnProperty(this.eventHandlers, eventType)) {
       this.eventHandlers[eventType] = [];
@@ -288,6 +317,9 @@ class IframeAdapter {
     });
     this.pendingRequests = {};
     this.eventHandlers = {};
+    if (this.commentModeAdapter) {
+      this.commentModeAdapter.destroy();
+    }
   }
 }
 

package/es/iframe-adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"iframe-adapter.js","sources":["../src/iframe-adapter.js"],"sourcesContent":["const POST_MESSAGE_TYPE = {\n  HTML_PAGE_REQUEST: 'HTML_PAGE_REQUEST',\n  HTML_PAGE_RESPONSE: 'HTML_PAGE_RESPONSE',\n  HTML_PAGE_EVENT: 'HTML_PAGE_EVENT',\n  WINDOW_EVENT: 'WINDOW_EVENT',\n};\n\nexport const POST_MESSAGE_REQUEST_TYPE = {\n  GET_SERVER: 'get_server',\n  GET_ACCESS_TOKEN: 'get_access_token',\n  GET_APP_UUID: 'get_app_uuid',\n  GET_PAGE_ID: 'get_page_id',\n};\n\nconst WINDOW_EVENT_SOURCE_TYPE = {\n  APP: 'app',\n  IFRAME: 'iframe',\n};\nconst SUPPORT_WINDOW_MOUSE_EVENT_TYPES = ['click', 'dblclick', 'mousemove', 'mouseenter', 'mouseleave', 'mousedown', 'mouseup', 'contextmenu'];\nconst SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES = ['keydown', 'keyup', 'keypress'];\nconst SUPPORT_WINDOW_DRAG_EVENT_TYPES = ['dragstart', 'dragover', 'drag', 'dragend', 'dragenter', 'dragleave', 'drop'];\nconst HIGH_FREQUENCY_WINDOW_EVENT_TYPES = ['mousemove', 'dragover'];\n\nconst hasOwnProperty = (obj, key) => {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n};\n\nconst generatorBase64Code = (keyLength = 4) => {\n  let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz0123456789';\n  let key = '';\n  for (let i = 0; i < keyLength; i++) {\n    key += possible.charAt(Math.floor(Math.random() * possible.length));\n  }\n  return key;\n};\n\nconst createWindowEventData = ({ eventType, event }) => {\n  if (SUPPORT_WINDOW_MOUSE_EVENT_TYPES.includes(eventType)) {\n    return {\n      type: eventType,\n      x: event.x,\n      y: event.y,\n      button: event.button,\n      buttons: event.buttons,\n    };\n  }\n  if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventType)) {\n    return {\n      type: eventType,\n      key: event.key,\n      code: event.code,\n      keyCode: event.keyCode,\n      ctrlKey: event.ctrlKey,\n      shiftKey: event.shiftKey,\n      altKey: event.altKey,\n      metaKey: event.metaKey,\n      repeat: event.repeat,\n    };\n  }\n  if (SUPPORT_WINDOW_DRAG_EVENT_TYPES.includes(eventType)) {\n    return {\n      type: eventType,\n      x: event.x,\n      y: event.y,\n    };\n  }\n  return null;\n};\n\n/**\n * IframeAdapter – enables secure postMessage communication in production environments\n * For HTML page running inside an iframe\n */\nexport class IframeAdapter {\n  constructor(options) {\n    this.options = options || {};\n    this.selfWindow = window.parent === window.self;\n    this.targetOrigin = this.options.targetOrigin || '*';\n    this.pendingRequests = {};\n    this.eventHandlers = {};\n    this.timeout = this.options.timeout || 10000;\n    this.setupMessageListener();\n  }\n\n  generatorRequestId() {\n    let id = generatorBase64Code();\n    while (hasOwnProperty(this.pendingRequests, id)) {\n      id = generatorBase64Code();\n    }\n    return id;\n  }\n\n  setupMessageListener() {\n    if (this.selfWindow) return;\n    window.addEventListener('message', this.handleMessage.bind(this));\n    this.setEventsListener();\n  }\n\n  postWindowEvent(eventData) {\n    if (!eventData) return;\n    window.parent.postMessage({\n      type: POST_MESSAGE_TYPE.WINDOW_EVENT,\n      params: {\n        event_data: {\n          ...eventData,\n          source: WINDOW_EVENT_SOURCE_TYPE.IFRAME,\n        }\n      }\n    }, this.targetOrigin);\n  }\n\n  setEventsListener() {\n    let rafId = null;\n    let pendingEvent = null;\n    [\n      ...SUPPORT_WINDOW_MOUSE_EVENT_TYPES,\n      ...SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES,\n      ...SUPPORT_WINDOW_DRAG_EVENT_TYPES,\n    ].forEach(eventType => {\n      window.addEventListener(eventType, (event) => {\n        if (event.source === WINDOW_EVENT_SOURCE_TYPE.APP) return;\n        if (HIGH_FREQUENCY_WINDOW_EVENT_TYPES.includes(eventType)) {\n          // High-frequency events that need throttling (use RAF to limit to 60fps)\n          // Use requestAnimationFrame for throttling high-frequency events\n          // Store the latest event with necessary data\n          pendingEvent = createWindowEventData({ eventType, event });\n\n          // Only schedule a new frame if one isn't already scheduled\n          if (rafId === null) {\n            rafId = requestAnimationFrame(() => {\n              if (pendingEvent) {\n                this.postWindowEvent(pendingEvent);\n                pendingEvent = null;\n                rafId = null;\n              }\n            });\n          }\n          return;\n        }\n\n        // Low-frequency events\n        this.postWindowEvent(createWindowEventData({ eventType, event }));\n      }, true);\n    });\n  }\n\n  async request(method, params) {\n    if (this.selfWindow) {\n      return new Promise((resolve) => {\n        resolve(null);\n      });\n    }\n    const requestId = this.generatorRequestId();\n    return new Promise((resolve, reject) => {\n      this.pendingRequests[requestId] = { resolve, reject };\n      window.parent.postMessage({\n        type: POST_MESSAGE_TYPE.HTML_PAGE_REQUEST,\n        requestId,\n        method,\n        params\n      }, this.targetOrigin);\n\n      // request timeout\n      // reject and clear the pending request\n      const timeoutId = setTimeout(() => {\n        if (hasOwnProperty(this.pendingRequests, requestId)) {\n          delete this.pendingRequests[requestId];\n          reject(new Error(`Request timeout: ${method}`));\n        }\n      }, this.timeout);\n\n      // save timeoutId for the pending request\n      const pending = this.pendingRequests[requestId];\n      if (pending) {\n        pending.timeoutId = timeoutId;\n      }\n    });\n  }\n\n  handleMessage(event) {\n    const { type, requestId, data, error, eventType, payload } = event.data;\n    if (type === POST_MESSAGE_TYPE.HTML_PAGE_RESPONSE) {\n      const pending = this.pendingRequests[requestId];\n      if (pending) {\n        clearTimeout(pending.timeoutId);\n        delete this.pendingRequests[requestId];\n        if (error) {\n          pending.reject(new Error(error));\n        } else {\n          pending.resolve(data ? JSON.parse(data) : null);\n        }\n      }\n    } else if (type === POST_MESSAGE_TYPE.HTML_PAGE_EVENT) {\n      this.emitEvent(eventType, payload);\n    } else if (type === POST_MESSAGE_TYPE.WINDOW_EVENT) {\n      const eventData = data.event_data;\n      if (!eventData) return;\n      let syntheticEvent;\n      let targetElement;\n      if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventData.type)) {\n        syntheticEvent = new KeyboardEvent(eventData.type, {\n          bubbles: true,\n          cancelable: true,\n          key: eventData.key,\n          code: eventData.code,\n          keyCode: eventData.keyCode,\n          ctrlKey: eventData.ctrlKey,\n          shiftKey: eventData.shiftKey,\n          altKey: eventData.altKey,\n          metaKey: eventData.metaKey,\n          repeat: eventData.repeat,\n          view: window,\n        });\n        targetElement = document.activeElement || document.body;\n      } else if (SUPPORT_WINDOW_MOUSE_EVENT_TYPES.includes(eventData.type)) {\n        syntheticEvent = new MouseEvent(eventData.type, {\n          bubbles: true,\n          cancelable: true,\n          view: window,\n          clientX: eventData.x,\n          clientY: eventData.y,\n          screenX: eventData.x,\n          screenY: eventData.y,\n          button: eventData.button,\n          buttons: eventData.buttons,\n        });\n        const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);\n        targetElement = elementAtPoint || document.body;\n      } else if (SUPPORT_WINDOW_DRAG_EVENT_TYPES.includes(eventData.type)) {\n        syntheticEvent = new DragEvent(eventData.type, {\n          bubbles: true,\n          cancelable: true,\n          view: window,\n          clientX: eventData.x,\n          clientY: eventData.y,\n          screenX: eventData.x,\n          screenY: eventData.y,\n          button: eventData.button,\n          buttons: eventData.buttons,\n        });\n        const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);\n        targetElement = elementAtPoint || document.body;\n      }\n\n      if (!targetElement || !syntheticEvent) return;\n\n      // Dispatch once on the target element, it will bubble up naturally\n      syntheticEvent.source = eventData.source;\n      targetElement.dispatchEvent(syntheticEvent);\n    }\n  }\n\n  on(eventType, handler) {\n    if (!hasOwnProperty(this.eventHandlers, eventType)) {\n      this.eventHandlers[eventType] = [];\n    }\n    this.eventHandlers[eventType].push(handler);\n    return () => this.off(eventType, handler);\n  }\n\n  off(eventType, handler) {\n    const handlers = this.eventHandlers[eventType];\n    if (handlers) {\n      const index = handlers.indexOf(handler);\n      if (index !== -1) {\n        handlers.splice(index, 1);\n      }\n    }\n  }\n\n  emitEvent(eventType, payload) {\n    const handlers = this.eventHandlers[eventType] || [];\n    handlers.forEach(handler => {\n      try {\n        handler(payload);\n      } catch (error) {\n        // eslint-disable-next-line\n        console.error(`Error in event handler for ${eventType}:`, error);\n      }\n    });\n  }\n\n  destroy() {\n    this.pendingRequests.forEach(pending => {\n      clearTimeout(pending.timeoutId);\n      pending.reject(new Error('Adapter destroyed'));\n    });\n    this.pendingRequests = {};\n    this.eventHandlers = {};\n  }\n}\n"],"names":["POST_MESSAGE_TYPE","HTML_PAGE_REQUEST","HTML_PAGE_RESPONSE","HTML_PAGE_EVENT","WINDOW_EVENT","POST_MESSAGE_REQUEST_TYPE","GET_SERVER","GET_ACCESS_TOKEN","GET_APP_UUID","GET_PAGE_ID","WINDOW_EVENT_SOURCE_TYPE","APP","IFRAME","SUPPORT_WINDOW_MOUSE_EVENT_TYPES","SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES","SUPPORT_WINDOW_DRAG_EVENT_TYPES","HIGH_FREQUENCY_WINDOW_EVENT_TYPES","hasOwnProperty","obj","key","Object","prototype","call","generatorBase64Code","keyLength","arguments","length","undefined","possible","i","charAt","Math","floor","random","createWindowEventData","_ref","eventType","event","includes","type","x","y","button","buttons","code","keyCode","ctrlKey","shiftKey","altKey","metaKey","repeat","IframeAdapter","constructor","options","selfWindow","window","parent","self","targetOrigin","pendingRequests","eventHandlers","timeout","setupMessageListener","generatorRequestId","id","addEventListener","handleMessage","bind","setEventsListener","postWindowEvent","eventData","postMessage","params","event_data","source","rafId","pendingEvent","forEach","requestAnimationFrame","request","method","Promise","resolve","requestId","reject","timeoutId","setTimeout","Error","pending","data","error","payload","clearTimeout","JSON","parse","emitEvent","syntheticEvent","targetElement","KeyboardEvent","bubbles","cancelable","view","document","activeElement","body","MouseEvent","clientX","clientY","screenX","screenY","elementAtPoint","elementFromPoint","DragEvent","dispatchEvent","on","handler","push","off","handlers","index","indexOf","splice","console","destroy"],"mappings":"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"}
+{"version":3,"file":"iframe-adapter.js","sources":["../src/iframe-adapter.js"],"sourcesContent":["import { CommentModeAdapter } from './comment-mode';\nimport { POST_MESSAGE_TYPE } from './constants';\n\nexport const POST_MESSAGE_REQUEST_TYPE = {\n  GET_SERVER: 'get_server',\n  GET_ACCESS_TOKEN: 'get_access_token',\n  GET_APP_UUID: 'get_app_uuid',\n  GET_PAGE_ID: 'get_page_id',\n};\n\nconst WINDOW_EVENT_SOURCE_TYPE = {\n  APP: 'app',\n  IFRAME: 'iframe',\n};\nconst SUPPORT_WINDOW_MOUSE_EVENT_TYPES = ['click', 'dblclick', 'mousemove', 'mouseenter', 'mouseleave', 'mousedown', 'mouseup', 'contextmenu'];\nconst SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES = ['keydown', 'keyup', 'keypress'];\nconst SUPPORT_WINDOW_DRAG_EVENT_TYPES = ['dragstart', 'dragover', 'drag', 'dragend', 'dragenter', 'dragleave', 'drop'];\nconst HIGH_FREQUENCY_WINDOW_EVENT_TYPES = ['mousemove', 'dragover'];\nconst INTERACTIVE_TAGS = ['SELECT', 'INPUT', 'TEXTAREA', 'BUTTON'];\n\nconst hasOwnProperty = (obj, key) => {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n};\n\nconst generatorBase64Code = (keyLength = 4) => {\n  let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz0123456789';\n  let key = '';\n  for (let i = 0; i < keyLength; i++) {\n    key += possible.charAt(Math.floor(Math.random() * possible.length));\n  }\n  return key;\n};\n\nconst createWindowEventData = ({ eventType, event }) => {\n  if (SUPPORT_WINDOW_MOUSE_EVENT_TYPES.includes(eventType)) {\n    return {\n      type: eventType,\n      x: event.x,\n      y: event.y,\n      button: event.button,\n      buttons: event.buttons,\n    };\n  }\n  if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventType)) {\n    return {\n      type: eventType,\n      key: event.key,\n      code: event.code,\n      keyCode: event.keyCode,\n      ctrlKey: event.ctrlKey,\n      shiftKey: event.shiftKey,\n      altKey: event.altKey,\n      metaKey: event.metaKey,\n      repeat: event.repeat,\n    };\n  }\n  if (SUPPORT_WINDOW_DRAG_EVENT_TYPES.includes(eventType)) {\n    return {\n      type: eventType,\n      x: event.x,\n      y: event.y,\n    };\n  }\n  return null;\n};\n\n/**\n * IframeAdapter – enables secure postMessage communication in production environments\n * For HTML page running inside an iframe\n */\nexport class IframeAdapter {\n  constructor(options) {\n    this.options = options || {};\n    this.selfWindow = window.parent === window.self;\n    this.targetOrigin = this.options.targetOrigin || '*';\n    this.pendingRequests = {};\n    this.eventHandlers = {};\n    this.timeout = this.options.timeout || 10000;\n    this.isCommentMode = false;\n    this.commentModeAdapter = new CommentModeAdapter();\n    this.setupMessageListener();\n  }\n\n  generatorRequestId() {\n    let id = generatorBase64Code();\n    while (hasOwnProperty(this.pendingRequests, id)) {\n      id = generatorBase64Code();\n    }\n    return id;\n  }\n\n  setupMessageListener() {\n    if (this.selfWindow) return;\n    window.addEventListener('message', this.handleMessage.bind(this));\n    this.setEventsListener();\n  }\n\n  postWindowEvent(eventData) {\n    if (!eventData) return;\n    window.parent.postMessage({\n      type: POST_MESSAGE_TYPE.WINDOW_EVENT,\n      params: {\n        event_data: {\n          ...eventData,\n          source: WINDOW_EVENT_SOURCE_TYPE.IFRAME,\n        }\n      }\n    }, this.targetOrigin);\n  }\n\n  setEventsListener() {\n    this._windowEventHandler = this._windowEventHandler.bind(this);\n    this.interactiveEventTypes = [\n      ...SUPPORT_WINDOW_MOUSE_EVENT_TYPES,\n      ...SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES,\n      ...SUPPORT_WINDOW_DRAG_EVENT_TYPES,\n    ];\n    this.rafId = null;\n    this.pendingEvent = null;\n\n    this.bindInteractiveEvents();\n  }\n\n  bindInteractiveEvents() {\n    this.interactiveEventTypes.forEach(eventType => {\n      window.addEventListener(eventType, this._windowEventHandler, true);\n    });\n  }\n\n  unbindInteractiveEvents() {\n    this.interactiveEventTypes.forEach(eventType => {\n      window.removeEventListener(eventType, this._windowEventHandler, true);\n    });\n    if (this.rafId !== null) {\n      cancelAnimationFrame(this.rafId);\n      this.rafId = null;\n    }\n    this.pendingEvent = null;\n  }\n\n  _windowEventHandler(event) {\n    if (event.source === WINDOW_EVENT_SOURCE_TYPE.APP) return;\n    const target = event.target;\n    if (target && INTERACTIVE_TAGS.includes(target.tagName)) return;\n\n    const eventType = event.type;\n    if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventType)) {\n      const active = document.activeElement;\n      if (active && INTERACTIVE_TAGS.includes(active.tagName)) return;\n    }\n    if (HIGH_FREQUENCY_WINDOW_EVENT_TYPES.includes(eventType)) {\n      this.pendingEvent = createWindowEventData({ eventType, event });\n      if (this.rafId === null) {\n        this.rafId = requestAnimationFrame(() => {\n          if (this.pendingEvent) {\n            this.postWindowEvent(this.pendingEvent);\n            this.pendingEvent = null;\n            this.rafId = null;\n          }\n        });\n      }\n      return;\n    }\n    this.postWindowEvent(createWindowEventData({ eventType, event }));\n  }\n\n  async request(method, params) {\n    if (this.selfWindow) {\n      return new Promise((resolve) => {\n        resolve(null);\n      });\n    }\n    const requestId = this.generatorRequestId();\n    return new Promise((resolve, reject) => {\n      this.pendingRequests[requestId] = { resolve, reject };\n      window.parent.postMessage({\n        type: POST_MESSAGE_TYPE.HTML_PAGE_REQUEST,\n        requestId,\n        method,\n        params\n      }, this.targetOrigin);\n\n      // request timeout\n      // reject and clear the pending request\n      const timeoutId = setTimeout(() => {\n        if (hasOwnProperty(this.pendingRequests, requestId)) {\n          delete this.pendingRequests[requestId];\n          reject(new Error(`Request timeout: ${method}`));\n        }\n      }, this.timeout);\n\n      // save timeoutId for the pending request\n      const pending = this.pendingRequests[requestId];\n      if (pending) {\n        pending.timeoutId = timeoutId;\n      }\n    });\n  }\n\n  handleMessage(event) {\n    const { type, requestId, data, error, eventType, payload } = event.data;\n    if (type === POST_MESSAGE_TYPE.HTML_PAGE_RESPONSE) {\n      const pending = this.pendingRequests[requestId];\n      if (pending) {\n        clearTimeout(pending.timeoutId);\n        delete this.pendingRequests[requestId];\n        if (error) {\n          pending.reject(new Error(error));\n        } else {\n          pending.resolve(data ? JSON.parse(data) : null);\n        }\n      }\n    } else if (type === POST_MESSAGE_TYPE.HTML_PAGE_EVENT) {\n      this.emitEvent(eventType, payload);\n    } else if (type === POST_MESSAGE_TYPE.HTML_PAGE_ENABLE_COMMENT_MODE) {\n      this.isCommentMode = true;\n      document.body.style.cursor = 'crosshair';\n      this.unbindInteractiveEvents();\n      if (this.commentModeAdapter) this.commentModeAdapter.enable();\n    } else if (type === POST_MESSAGE_TYPE.HTML_PAGE_DISABLE_COMMENT_MODE) {\n      this.isCommentMode = false;\n      document.body.style.cursor = '';\n      if (this.commentModeAdapter) this.commentModeAdapter.disable();\n      this.bindInteractiveEvents();\n    } else if (type === POST_MESSAGE_TYPE.WINDOW_EVENT) {\n      this.handleWindowEvent(data);\n    }\n  }\n\n  handleWindowEvent(data) {\n    const eventData = data.event_data;\n    if (!eventData || this.isCommentMode) return;\n    let syntheticEvent;\n    let targetElement;\n    if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventData.type)) {\n      syntheticEvent = new KeyboardEvent(eventData.type, {\n        bubbles: true,\n        cancelable: true,\n        key: eventData.key,\n        code: eventData.code,\n        keyCode: eventData.keyCode,\n        ctrlKey: eventData.ctrlKey,\n        shiftKey: eventData.shiftKey,\n        altKey: eventData.altKey,\n        metaKey: eventData.metaKey,\n        repeat: eventData.repeat,\n        view: window,\n      });\n      targetElement = document.activeElement || document.body;\n    } else if (SUPPORT_WINDOW_MOUSE_EVENT_TYPES.includes(eventData.type)) {\n      syntheticEvent = new MouseEvent(eventData.type, {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n        clientX: eventData.x,\n        clientY: eventData.y,\n        screenX: eventData.x,\n        screenY: eventData.y,\n        button: eventData.button,\n        buttons: eventData.buttons,\n      });\n      const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);\n      targetElement = elementAtPoint || document.body;\n    } else if (SUPPORT_WINDOW_DRAG_EVENT_TYPES.includes(eventData.type)) {\n      syntheticEvent = new DragEvent(eventData.type, {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n        clientX: eventData.x,\n        clientY: eventData.y,\n        screenX: eventData.x,\n        screenY: eventData.y,\n        button: eventData.button,\n        buttons: eventData.buttons,\n      });\n      const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);\n      targetElement = elementAtPoint || document.body;\n    }\n\n    if (!targetElement || !syntheticEvent) return;\n\n    // Dispatch once on the target element, it will bubble up naturally\n    syntheticEvent.source = eventData.source;\n    targetElement.dispatchEvent(syntheticEvent);\n  }\n\n  on(eventType, handler) {\n    if (!hasOwnProperty(this.eventHandlers, eventType)) {\n      this.eventHandlers[eventType] = [];\n    }\n    this.eventHandlers[eventType].push(handler);\n    return () => this.off(eventType, handler);\n  }\n\n  off(eventType, handler) {\n    const handlers = this.eventHandlers[eventType];\n    if (handlers) {\n      const index = handlers.indexOf(handler);\n      if (index !== -1) {\n        handlers.splice(index, 1);\n      }\n    }\n  }\n\n  emitEvent(eventType, payload) {\n    const handlers = this.eventHandlers[eventType] || [];\n    handlers.forEach(handler => {\n      try {\n        handler(payload);\n      } catch (error) {\n        // eslint-disable-next-line\n        console.error(`Error in event handler for ${eventType}:`, error);\n      }\n    });\n  }\n\n  destroy() {\n    this.pendingRequests.forEach(pending => {\n      clearTimeout(pending.timeoutId);\n      pending.reject(new Error('Adapter destroyed'));\n    });\n    this.pendingRequests = {};\n    this.eventHandlers = {};\n    if (this.commentModeAdapter) {\n      this.commentModeAdapter.destroy();\n    }\n  }\n}\n"],"names":["POST_MESSAGE_REQUEST_TYPE","GET_SERVER","GET_ACCESS_TOKEN","GET_APP_UUID","GET_PAGE_ID","WINDOW_EVENT_SOURCE_TYPE","APP","IFRAME","SUPPORT_WINDOW_MOUSE_EVENT_TYPES","SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES","SUPPORT_WINDOW_DRAG_EVENT_TYPES","HIGH_FREQUENCY_WINDOW_EVENT_TYPES","INTERACTIVE_TAGS","hasOwnProperty","obj","key","Object","prototype","call","generatorBase64Code","keyLength","arguments","length","undefined","possible","i","charAt","Math","floor","random","createWindowEventData","_ref","eventType","event","includes","type","x","y","button","buttons","code","keyCode","ctrlKey","shiftKey","altKey","metaKey","repeat","IframeAdapter","constructor","options","selfWindow","window","parent","self","targetOrigin","pendingRequests","eventHandlers","timeout","isCommentMode","commentModeAdapter","CommentModeAdapter","setupMessageListener","generatorRequestId","id","addEventListener","handleMessage","bind","setEventsListener","postWindowEvent","eventData","postMessage","POST_MESSAGE_TYPE","WINDOW_EVENT","params","event_data","source","_windowEventHandler","interactiveEventTypes","rafId","pendingEvent","bindInteractiveEvents","forEach","unbindInteractiveEvents","removeEventListener","cancelAnimationFrame","target","tagName","active","document","activeElement","requestAnimationFrame","request","method","Promise","resolve","requestId","reject","HTML_PAGE_REQUEST","timeoutId","setTimeout","Error","pending","data","error","payload","HTML_PAGE_RESPONSE","clearTimeout","JSON","parse","HTML_PAGE_EVENT","emitEvent","HTML_PAGE_ENABLE_COMMENT_MODE","body","style","cursor","enable","HTML_PAGE_DISABLE_COMMENT_MODE","disable","handleWindowEvent","syntheticEvent","targetElement","KeyboardEvent","bubbles","cancelable","view","MouseEvent","clientX","clientY","screenX","screenY","elementAtPoint","elementFromPoint","DragEvent","dispatchEvent","on","handler","push","off","handlers","index","indexOf","splice","console","destroy"],"mappings":"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"}

package/lib/comment-mode.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var constants = require('./constants.js');
+
+const countSameTagSiblingsBefore = element => {
+  let count = 0;
+  let sibling = element.previousElementSibling;
+  while (sibling) {
+    if (sibling.tagName === element.tagName) count += 1;
+    sibling = sibling.previousElementSibling;
+  }
+  return count;
+};
+const generateSelector = element => {
+  if (!element || element === document.body) return null;
+  const parts = [];
+  let current = element;
+  while (current && current !== document.body) {
+    const tag = current.tagName.toLowerCase();
+    const index = countSameTagSiblingsBefore(current) + 1;
+    parts.unshift(`${tag}:nth-of-type(${index})`);
+    current = current.parentElement;
+  }
+  return 'body > ' + parts.join(' > ');
+};
+const getHtmlHint = function (element) {
+  let maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 180;
+  const html = element.outerHTML || '';
+  return html.length > maxLen ? html.slice(0, maxLen) : html;
+};
+const getCurrentText = function (element) {
+  let maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 160;
+  const text = (element.textContent || '').replace(/\s+/g, ' ').trim();
+  return text.length > maxLen ? text.slice(0, maxLen) : text;
+};
+const computeStyle = element => {
+  const style = window.getComputedStyle(element);
+  return {
+    backgroundColor: style.backgroundColor,
+    color: style.color,
+    fontSize: style.fontSize,
+    fontWeight: style.fontWeight,
+    fontFamily: style.fontFamily,
+    lineHeight: style.lineHeight,
+    borderRadius: style.borderRadius,
+    paddingBottom: style.paddingBottom,
+    paddingLeft: style.paddingLeft,
+    paddingRight: style.paddingRight,
+    paddingTop: style.paddingTop,
+    marginBottom: style.marginBottom,
+    marginLeft: style.marginLeft,
+    marginRight: style.marginRight,
+    marginTop: style.marginTop,
+    textAlign: style.textAlign,
+    display: style.display,
+    width: style.width,
+    height: style.height
+  };
+};
+const generateLabel = element => {
+  const tag = element.tagName.toLowerCase();
+  const classes = element.classList.length > 0 ? '.' + Array.from(element.classList).join('.') : '';
+  return `${tag}${classes}`;
+};
+class CommentModeAdapter {
+  constructor() {
+    this.isActive = false;
+    this._handleEvent = this._handleEvent.bind(this);
+    this.mouseEvents = ['click', 'dblclick', 'mousedown', 'mouseup', 'mousemove', 'mouseover', 'mouseout', 'mouseenter', 'mouseleave', 'contextmenu'];
+  }
+  enable() {
+    if (this.isActive) return;
+    this.isActive = true;
+    this.mouseEvents.forEach(eventType => {
+      window.addEventListener(eventType, this._handleEvent, true);
+    });
+  }
+  disable() {
+    if (!this.isActive) return;
+    this.isActive = false;
+    this.mouseEvents.forEach(eventType => {
+      window.removeEventListener(eventType, this._handleEvent, true);
+    });
+  }
+  _handleEvent(event) {
+    if (!this.isActive) return;
+    event.preventDefault();
+    event.stopPropagation();
+    event.stopImmediatePropagation();
+    const target = event.target;
+    if (event.type === 'mouseover') {
+      const data = this.buildElementData(target);
+      if (data) {
+        window.parent.postMessage({
+          type: constants.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: constants.POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED,
+          data
+        }, '*');
+      }
+    }
+  }
+  buildElementData(target) {
+    const selector = generateSelector(target) || null;
+    return {
+      selector,
+      currentText: getCurrentText(target),
+      htmlHint: getHtmlHint(target),
+      computedStyle: computeStyle(target),
+      label: generateLabel(target)
+    };
+  }
+  destroy() {
+    this.disable();
+  }
+}
+
+exports.CommentModeAdapter = CommentModeAdapter;
+//# sourceMappingURL=comment-mode.js.map