seatable-html-page-sdk 0.0.12 → 0.0.13-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +413 -196
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/es/comment-mode.js +123 -0
- package/es/comment-mode.js.map +1 -0
- package/es/constants.js +13 -0
- package/es/constants.js.map +1 -0
- package/es/iframe-adapter.js +123 -98
- package/es/iframe-adapter.js.map +1 -1
- package/lib/comment-mode.js +127 -0
- package/lib/comment-mode.js.map +1 -0
- package/lib/constants.js +17 -0
- package/lib/constants.js.map +1 -0
- package/lib/iframe-adapter.js +128 -103
- package/lib/iframe-adapter.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { POST_MESSAGE_TYPE } from './constants.js';
|
|
2
|
+
|
|
3
|
+
const countSameTagSiblingsBefore = element => {
|
|
4
|
+
let count = 0;
|
|
5
|
+
let sibling = element.previousElementSibling;
|
|
6
|
+
while (sibling) {
|
|
7
|
+
if (sibling.tagName === element.tagName) count += 1;
|
|
8
|
+
sibling = sibling.previousElementSibling;
|
|
9
|
+
}
|
|
10
|
+
return count;
|
|
11
|
+
};
|
|
12
|
+
const generateSelector = element => {
|
|
13
|
+
if (!element || element === document.body) return null;
|
|
14
|
+
const parts = [];
|
|
15
|
+
let current = element;
|
|
16
|
+
while (current && current !== document.body) {
|
|
17
|
+
const tag = current.tagName.toLowerCase();
|
|
18
|
+
const index = countSameTagSiblingsBefore(current) + 1;
|
|
19
|
+
parts.unshift(`${tag}:nth-of-type(${index})`);
|
|
20
|
+
current = current.parentElement;
|
|
21
|
+
}
|
|
22
|
+
return 'body > ' + parts.join(' > ');
|
|
23
|
+
};
|
|
24
|
+
const getHtmlHint = function (element) {
|
|
25
|
+
let maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 180;
|
|
26
|
+
const html = element.outerHTML || '';
|
|
27
|
+
return html.length > maxLen ? html.slice(0, maxLen) : html;
|
|
28
|
+
};
|
|
29
|
+
const getCurrentText = function (element) {
|
|
30
|
+
let maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 160;
|
|
31
|
+
const text = (element.textContent || '').replace(/\s+/g, ' ').trim();
|
|
32
|
+
return text.length > maxLen ? text.slice(0, maxLen) : text;
|
|
33
|
+
};
|
|
34
|
+
const computeStyle = element => {
|
|
35
|
+
const style = window.getComputedStyle(element);
|
|
36
|
+
return {
|
|
37
|
+
backgroundColor: style.backgroundColor,
|
|
38
|
+
color: style.color,
|
|
39
|
+
fontSize: style.fontSize,
|
|
40
|
+
fontWeight: style.fontWeight,
|
|
41
|
+
fontFamily: style.fontFamily,
|
|
42
|
+
lineHeight: style.lineHeight,
|
|
43
|
+
borderRadius: style.borderRadius,
|
|
44
|
+
paddingBottom: style.paddingBottom,
|
|
45
|
+
paddingLeft: style.paddingLeft,
|
|
46
|
+
paddingRight: style.paddingRight,
|
|
47
|
+
paddingTop: style.paddingTop,
|
|
48
|
+
marginBottom: style.marginBottom,
|
|
49
|
+
marginLeft: style.marginLeft,
|
|
50
|
+
marginRight: style.marginRight,
|
|
51
|
+
marginTop: style.marginTop,
|
|
52
|
+
textAlign: style.textAlign,
|
|
53
|
+
display: style.display,
|
|
54
|
+
width: style.width,
|
|
55
|
+
height: style.height
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
const generateLabel = element => {
|
|
59
|
+
const tag = element.tagName.toLowerCase();
|
|
60
|
+
const classes = element.classList.length > 0 ? '.' + Array.from(element.classList).join('.') : '';
|
|
61
|
+
return `${tag}${classes}`;
|
|
62
|
+
};
|
|
63
|
+
class CommentModeAdapter {
|
|
64
|
+
constructor() {
|
|
65
|
+
this.isActive = false;
|
|
66
|
+
this._handleEvent = this._handleEvent.bind(this);
|
|
67
|
+
this.mouseEvents = ['click', 'dblclick', 'mousedown', 'mouseup', 'mousemove', 'mouseover', 'mouseout', 'mouseenter', 'mouseleave', 'contextmenu'];
|
|
68
|
+
}
|
|
69
|
+
enable() {
|
|
70
|
+
if (this.isActive) return;
|
|
71
|
+
this.isActive = true;
|
|
72
|
+
this.mouseEvents.forEach(eventType => {
|
|
73
|
+
window.addEventListener(eventType, this._handleEvent, true);
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
disable() {
|
|
77
|
+
if (!this.isActive) return;
|
|
78
|
+
this.isActive = false;
|
|
79
|
+
this.mouseEvents.forEach(eventType => {
|
|
80
|
+
window.removeEventListener(eventType, this._handleEvent, true);
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
_handleEvent(event) {
|
|
84
|
+
if (!this.isActive) return;
|
|
85
|
+
event.preventDefault();
|
|
86
|
+
event.stopPropagation();
|
|
87
|
+
event.stopImmediatePropagation();
|
|
88
|
+
const target = event.target;
|
|
89
|
+
if (event.type === 'mouseover') {
|
|
90
|
+
const data = this.buildElementData(target);
|
|
91
|
+
if (data) {
|
|
92
|
+
window.parent.postMessage({
|
|
93
|
+
type: POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER,
|
|
94
|
+
data
|
|
95
|
+
}, '*');
|
|
96
|
+
}
|
|
97
|
+
} else if (event.type === 'click') {
|
|
98
|
+
const data = this.buildElementData(target);
|
|
99
|
+
if (data) {
|
|
100
|
+
window.parent.postMessage({
|
|
101
|
+
type: POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED,
|
|
102
|
+
data
|
|
103
|
+
}, '*');
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
buildElementData(target) {
|
|
108
|
+
const selector = generateSelector(target) || null;
|
|
109
|
+
return {
|
|
110
|
+
selector,
|
|
111
|
+
currentText: getCurrentText(target),
|
|
112
|
+
htmlHint: getHtmlHint(target),
|
|
113
|
+
computedStyle: computeStyle(target),
|
|
114
|
+
label: generateLabel(target)
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
destroy() {
|
|
118
|
+
this.disable();
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
export { CommentModeAdapter };
|
|
123
|
+
//# sourceMappingURL=comment-mode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
const POST_MESSAGE_TYPE = {
|
|
2
|
+
HTML_PAGE_REQUEST: 'HTML_PAGE_REQUEST',
|
|
3
|
+
HTML_PAGE_RESPONSE: 'HTML_PAGE_RESPONSE',
|
|
4
|
+
HTML_PAGE_EVENT: 'HTML_PAGE_EVENT',
|
|
5
|
+
HTML_PAGE_ENABLE_COMMENT_MODE: 'HTML_PAGE_ENABLE_COMMENT_MODE',
|
|
6
|
+
HTML_PAGE_DISABLE_COMMENT_MODE: 'HTML_PAGE_DISABLE_COMMENT_MODE',
|
|
7
|
+
HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER: 'HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER',
|
|
8
|
+
HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED: 'HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED',
|
|
9
|
+
WINDOW_EVENT: 'WINDOW_EVENT'
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { POST_MESSAGE_TYPE };
|
|
13
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
HTML_PAGE_EVENT: 'HTML_PAGE_EVENT',
|
|
5
|
-
WINDOW_EVENT: 'WINDOW_EVENT'
|
|
6
|
-
};
|
|
1
|
+
import { CommentModeAdapter } from './comment-mode.js';
|
|
2
|
+
import { POST_MESSAGE_TYPE } from './constants.js';
|
|
3
|
+
|
|
7
4
|
const POST_MESSAGE_REQUEST_TYPE = {
|
|
8
5
|
GET_SERVER: 'get_server',
|
|
9
6
|
GET_ACCESS_TOKEN: 'get_access_token',
|
|
@@ -80,6 +77,8 @@ class IframeAdapter {
|
|
|
80
77
|
this.pendingRequests = {};
|
|
81
78
|
this.eventHandlers = {};
|
|
82
79
|
this.timeout = this.options.timeout || 10000;
|
|
80
|
+
this.isCommentMode = false;
|
|
81
|
+
this.commentModeAdapter = new CommentModeAdapter();
|
|
83
82
|
this.setupMessageListener();
|
|
84
83
|
}
|
|
85
84
|
generatorRequestId() {
|
|
@@ -107,47 +106,57 @@ class IframeAdapter {
|
|
|
107
106
|
}, this.targetOrigin);
|
|
108
107
|
}
|
|
109
108
|
setEventsListener() {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
if (active && INTERACTIVE_TAGS.includes(active.tagName)) return;
|
|
120
|
-
}
|
|
121
|
-
if (HIGH_FREQUENCY_WINDOW_EVENT_TYPES.includes(eventType)) {
|
|
122
|
-
// High-frequency events that need throttling (use RAF to limit to 60fps)
|
|
123
|
-
// Use requestAnimationFrame for throttling high-frequency events
|
|
124
|
-
// Store the latest event with necessary data
|
|
125
|
-
pendingEvent = createWindowEventData({
|
|
126
|
-
eventType,
|
|
127
|
-
event
|
|
128
|
-
});
|
|
129
|
-
|
|
130
|
-
// Only schedule a new frame if one isn't already scheduled
|
|
131
|
-
if (rafId === null) {
|
|
132
|
-
rafId = requestAnimationFrame(() => {
|
|
133
|
-
if (pendingEvent) {
|
|
134
|
-
this.postWindowEvent(pendingEvent);
|
|
135
|
-
pendingEvent = null;
|
|
136
|
-
rafId = null;
|
|
137
|
-
}
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
return;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
// Low-frequency events
|
|
144
|
-
this.postWindowEvent(createWindowEventData({
|
|
145
|
-
eventType,
|
|
146
|
-
event
|
|
147
|
-
}));
|
|
148
|
-
}, true);
|
|
109
|
+
this._windowEventHandler = this._windowEventHandler.bind(this);
|
|
110
|
+
this.interactiveEventTypes = [...SUPPORT_WINDOW_MOUSE_EVENT_TYPES, ...SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES, ...SUPPORT_WINDOW_DRAG_EVENT_TYPES];
|
|
111
|
+
this.rafId = null;
|
|
112
|
+
this.pendingEvent = null;
|
|
113
|
+
this.bindInteractiveEvents();
|
|
114
|
+
}
|
|
115
|
+
bindInteractiveEvents() {
|
|
116
|
+
this.interactiveEventTypes.forEach(eventType => {
|
|
117
|
+
window.addEventListener(eventType, this._windowEventHandler, true);
|
|
149
118
|
});
|
|
150
119
|
}
|
|
120
|
+
unbindInteractiveEvents() {
|
|
121
|
+
this.interactiveEventTypes.forEach(eventType => {
|
|
122
|
+
window.removeEventListener(eventType, this._windowEventHandler, true);
|
|
123
|
+
});
|
|
124
|
+
if (this.rafId !== null) {
|
|
125
|
+
cancelAnimationFrame(this.rafId);
|
|
126
|
+
this.rafId = null;
|
|
127
|
+
}
|
|
128
|
+
this.pendingEvent = null;
|
|
129
|
+
}
|
|
130
|
+
_windowEventHandler(event) {
|
|
131
|
+
if (event.source === WINDOW_EVENT_SOURCE_TYPE.APP) return;
|
|
132
|
+
const target = event.target;
|
|
133
|
+
if (target && INTERACTIVE_TAGS.includes(target.tagName)) return;
|
|
134
|
+
const eventType = event.type;
|
|
135
|
+
if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventType)) {
|
|
136
|
+
const active = document.activeElement;
|
|
137
|
+
if (active && INTERACTIVE_TAGS.includes(active.tagName)) return;
|
|
138
|
+
}
|
|
139
|
+
if (HIGH_FREQUENCY_WINDOW_EVENT_TYPES.includes(eventType)) {
|
|
140
|
+
this.pendingEvent = createWindowEventData({
|
|
141
|
+
eventType,
|
|
142
|
+
event
|
|
143
|
+
});
|
|
144
|
+
if (this.rafId === null) {
|
|
145
|
+
this.rafId = requestAnimationFrame(() => {
|
|
146
|
+
if (this.pendingEvent) {
|
|
147
|
+
this.postWindowEvent(this.pendingEvent);
|
|
148
|
+
this.pendingEvent = null;
|
|
149
|
+
this.rafId = null;
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
155
|
+
this.postWindowEvent(createWindowEventData({
|
|
156
|
+
eventType,
|
|
157
|
+
event
|
|
158
|
+
}));
|
|
159
|
+
}
|
|
151
160
|
async request(method, params) {
|
|
152
161
|
if (this.selfWindow) {
|
|
153
162
|
return new Promise(resolve => {
|
|
@@ -205,62 +214,75 @@ class IframeAdapter {
|
|
|
205
214
|
}
|
|
206
215
|
} else if (type === POST_MESSAGE_TYPE.HTML_PAGE_EVENT) {
|
|
207
216
|
this.emitEvent(eventType, payload);
|
|
217
|
+
} else if (type === POST_MESSAGE_TYPE.HTML_PAGE_ENABLE_COMMENT_MODE) {
|
|
218
|
+
this.isCommentMode = true;
|
|
219
|
+
document.body.style.cursor = 'crosshair';
|
|
220
|
+
this.unbindInteractiveEvents();
|
|
221
|
+
if (this.commentModeAdapter) this.commentModeAdapter.enable();
|
|
222
|
+
} else if (type === POST_MESSAGE_TYPE.HTML_PAGE_DISABLE_COMMENT_MODE) {
|
|
223
|
+
this.isCommentMode = false;
|
|
224
|
+
document.body.style.cursor = '';
|
|
225
|
+
if (this.commentModeAdapter) this.commentModeAdapter.disable();
|
|
226
|
+
this.bindInteractiveEvents();
|
|
208
227
|
} else if (type === POST_MESSAGE_TYPE.WINDOW_EVENT) {
|
|
209
|
-
|
|
210
|
-
if (!eventData) return;
|
|
211
|
-
let syntheticEvent;
|
|
212
|
-
let targetElement;
|
|
213
|
-
if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventData.type)) {
|
|
214
|
-
syntheticEvent = new KeyboardEvent(eventData.type, {
|
|
215
|
-
bubbles: true,
|
|
216
|
-
cancelable: true,
|
|
217
|
-
key: eventData.key,
|
|
218
|
-
code: eventData.code,
|
|
219
|
-
keyCode: eventData.keyCode,
|
|
220
|
-
ctrlKey: eventData.ctrlKey,
|
|
221
|
-
shiftKey: eventData.shiftKey,
|
|
222
|
-
altKey: eventData.altKey,
|
|
223
|
-
metaKey: eventData.metaKey,
|
|
224
|
-
repeat: eventData.repeat,
|
|
225
|
-
view: window
|
|
226
|
-
});
|
|
227
|
-
targetElement = document.activeElement || document.body;
|
|
228
|
-
} else if (SUPPORT_WINDOW_MOUSE_EVENT_TYPES.includes(eventData.type)) {
|
|
229
|
-
syntheticEvent = new MouseEvent(eventData.type, {
|
|
230
|
-
bubbles: true,
|
|
231
|
-
cancelable: true,
|
|
232
|
-
view: window,
|
|
233
|
-
clientX: eventData.x,
|
|
234
|
-
clientY: eventData.y,
|
|
235
|
-
screenX: eventData.x,
|
|
236
|
-
screenY: eventData.y,
|
|
237
|
-
button: eventData.button,
|
|
238
|
-
buttons: eventData.buttons
|
|
239
|
-
});
|
|
240
|
-
const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);
|
|
241
|
-
targetElement = elementAtPoint || document.body;
|
|
242
|
-
} else if (SUPPORT_WINDOW_DRAG_EVENT_TYPES.includes(eventData.type)) {
|
|
243
|
-
syntheticEvent = new DragEvent(eventData.type, {
|
|
244
|
-
bubbles: true,
|
|
245
|
-
cancelable: true,
|
|
246
|
-
view: window,
|
|
247
|
-
clientX: eventData.x,
|
|
248
|
-
clientY: eventData.y,
|
|
249
|
-
screenX: eventData.x,
|
|
250
|
-
screenY: eventData.y,
|
|
251
|
-
button: eventData.button,
|
|
252
|
-
buttons: eventData.buttons
|
|
253
|
-
});
|
|
254
|
-
const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);
|
|
255
|
-
targetElement = elementAtPoint || document.body;
|
|
256
|
-
}
|
|
257
|
-
if (!targetElement || !syntheticEvent) return;
|
|
258
|
-
|
|
259
|
-
// Dispatch once on the target element, it will bubble up naturally
|
|
260
|
-
syntheticEvent.source = eventData.source;
|
|
261
|
-
targetElement.dispatchEvent(syntheticEvent);
|
|
228
|
+
this.handleWindowEvent(data);
|
|
262
229
|
}
|
|
263
230
|
}
|
|
231
|
+
handleWindowEvent(data) {
|
|
232
|
+
const eventData = data.event_data;
|
|
233
|
+
if (!eventData || this.isCommentMode) return;
|
|
234
|
+
let syntheticEvent;
|
|
235
|
+
let targetElement;
|
|
236
|
+
if (SUPPORT_WINDOW_KEYBOARD_EVENT_TYPES.includes(eventData.type)) {
|
|
237
|
+
syntheticEvent = new KeyboardEvent(eventData.type, {
|
|
238
|
+
bubbles: true,
|
|
239
|
+
cancelable: true,
|
|
240
|
+
key: eventData.key,
|
|
241
|
+
code: eventData.code,
|
|
242
|
+
keyCode: eventData.keyCode,
|
|
243
|
+
ctrlKey: eventData.ctrlKey,
|
|
244
|
+
shiftKey: eventData.shiftKey,
|
|
245
|
+
altKey: eventData.altKey,
|
|
246
|
+
metaKey: eventData.metaKey,
|
|
247
|
+
repeat: eventData.repeat,
|
|
248
|
+
view: window
|
|
249
|
+
});
|
|
250
|
+
targetElement = document.activeElement || document.body;
|
|
251
|
+
} else if (SUPPORT_WINDOW_MOUSE_EVENT_TYPES.includes(eventData.type)) {
|
|
252
|
+
syntheticEvent = new MouseEvent(eventData.type, {
|
|
253
|
+
bubbles: true,
|
|
254
|
+
cancelable: true,
|
|
255
|
+
view: window,
|
|
256
|
+
clientX: eventData.x,
|
|
257
|
+
clientY: eventData.y,
|
|
258
|
+
screenX: eventData.x,
|
|
259
|
+
screenY: eventData.y,
|
|
260
|
+
button: eventData.button,
|
|
261
|
+
buttons: eventData.buttons
|
|
262
|
+
});
|
|
263
|
+
const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);
|
|
264
|
+
targetElement = elementAtPoint || document.body;
|
|
265
|
+
} else if (SUPPORT_WINDOW_DRAG_EVENT_TYPES.includes(eventData.type)) {
|
|
266
|
+
syntheticEvent = new DragEvent(eventData.type, {
|
|
267
|
+
bubbles: true,
|
|
268
|
+
cancelable: true,
|
|
269
|
+
view: window,
|
|
270
|
+
clientX: eventData.x,
|
|
271
|
+
clientY: eventData.y,
|
|
272
|
+
screenX: eventData.x,
|
|
273
|
+
screenY: eventData.y,
|
|
274
|
+
button: eventData.button,
|
|
275
|
+
buttons: eventData.buttons
|
|
276
|
+
});
|
|
277
|
+
const elementAtPoint = document.elementFromPoint(eventData.x, eventData.y);
|
|
278
|
+
targetElement = elementAtPoint || document.body;
|
|
279
|
+
}
|
|
280
|
+
if (!targetElement || !syntheticEvent) return;
|
|
281
|
+
|
|
282
|
+
// Dispatch once on the target element, it will bubble up naturally
|
|
283
|
+
syntheticEvent.source = eventData.source;
|
|
284
|
+
targetElement.dispatchEvent(syntheticEvent);
|
|
285
|
+
}
|
|
264
286
|
on(eventType, handler) {
|
|
265
287
|
if (!hasOwnProperty(this.eventHandlers, eventType)) {
|
|
266
288
|
this.eventHandlers[eventType] = [];
|
|
@@ -295,6 +317,9 @@ class IframeAdapter {
|
|
|
295
317
|
});
|
|
296
318
|
this.pendingRequests = {};
|
|
297
319
|
this.eventHandlers = {};
|
|
320
|
+
if (this.commentModeAdapter) {
|
|
321
|
+
this.commentModeAdapter.destroy();
|
|
322
|
+
}
|
|
298
323
|
}
|
|
299
324
|
}
|
|
300
325
|
|
package/es/iframe-adapter.js.map
CHANGED
|
@@ -1 +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'];\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.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 const target = event.target;\n if (target && INTERACTIVE_TAGS.includes(target.tagName)) return;\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 // 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","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","setupMessageListener","generatorRequestId","id","addEventListener","handleMessage","bind","setEventsListener","postWindowEvent","eventData","postMessage","params","event_data","source","rafId","pendingEvent","forEach","target","tagName","active","document","activeElement","requestAnimationFrame","request","method","Promise","resolve","requestId","reject","timeoutId","setTimeout","Error","pending","data","error","payload","clearTimeout","JSON","parse","emitEvent","syntheticEvent","targetElement","KeyboardEvent","bubbles","cancelable","view","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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"}
|
|
1
|
+
{"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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"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var constants = require('./constants.js');
|
|
6
|
+
|
|
7
|
+
const countSameTagSiblingsBefore = element => {
|
|
8
|
+
let count = 0;
|
|
9
|
+
let sibling = element.previousElementSibling;
|
|
10
|
+
while (sibling) {
|
|
11
|
+
if (sibling.tagName === element.tagName) count += 1;
|
|
12
|
+
sibling = sibling.previousElementSibling;
|
|
13
|
+
}
|
|
14
|
+
return count;
|
|
15
|
+
};
|
|
16
|
+
const generateSelector = element => {
|
|
17
|
+
if (!element || element === document.body) return null;
|
|
18
|
+
const parts = [];
|
|
19
|
+
let current = element;
|
|
20
|
+
while (current && current !== document.body) {
|
|
21
|
+
const tag = current.tagName.toLowerCase();
|
|
22
|
+
const index = countSameTagSiblingsBefore(current) + 1;
|
|
23
|
+
parts.unshift(`${tag}:nth-of-type(${index})`);
|
|
24
|
+
current = current.parentElement;
|
|
25
|
+
}
|
|
26
|
+
return 'body > ' + parts.join(' > ');
|
|
27
|
+
};
|
|
28
|
+
const getHtmlHint = function (element) {
|
|
29
|
+
let maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 180;
|
|
30
|
+
const html = element.outerHTML || '';
|
|
31
|
+
return html.length > maxLen ? html.slice(0, maxLen) : html;
|
|
32
|
+
};
|
|
33
|
+
const getCurrentText = function (element) {
|
|
34
|
+
let maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 160;
|
|
35
|
+
const text = (element.textContent || '').replace(/\s+/g, ' ').trim();
|
|
36
|
+
return text.length > maxLen ? text.slice(0, maxLen) : text;
|
|
37
|
+
};
|
|
38
|
+
const computeStyle = element => {
|
|
39
|
+
const style = window.getComputedStyle(element);
|
|
40
|
+
return {
|
|
41
|
+
backgroundColor: style.backgroundColor,
|
|
42
|
+
color: style.color,
|
|
43
|
+
fontSize: style.fontSize,
|
|
44
|
+
fontWeight: style.fontWeight,
|
|
45
|
+
fontFamily: style.fontFamily,
|
|
46
|
+
lineHeight: style.lineHeight,
|
|
47
|
+
borderRadius: style.borderRadius,
|
|
48
|
+
paddingBottom: style.paddingBottom,
|
|
49
|
+
paddingLeft: style.paddingLeft,
|
|
50
|
+
paddingRight: style.paddingRight,
|
|
51
|
+
paddingTop: style.paddingTop,
|
|
52
|
+
marginBottom: style.marginBottom,
|
|
53
|
+
marginLeft: style.marginLeft,
|
|
54
|
+
marginRight: style.marginRight,
|
|
55
|
+
marginTop: style.marginTop,
|
|
56
|
+
textAlign: style.textAlign,
|
|
57
|
+
display: style.display,
|
|
58
|
+
width: style.width,
|
|
59
|
+
height: style.height
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
const generateLabel = element => {
|
|
63
|
+
const tag = element.tagName.toLowerCase();
|
|
64
|
+
const classes = element.classList.length > 0 ? '.' + Array.from(element.classList).join('.') : '';
|
|
65
|
+
return `${tag}${classes}`;
|
|
66
|
+
};
|
|
67
|
+
class CommentModeAdapter {
|
|
68
|
+
constructor() {
|
|
69
|
+
this.isActive = false;
|
|
70
|
+
this._handleEvent = this._handleEvent.bind(this);
|
|
71
|
+
this.mouseEvents = ['click', 'dblclick', 'mousedown', 'mouseup', 'mousemove', 'mouseover', 'mouseout', 'mouseenter', 'mouseleave', 'contextmenu'];
|
|
72
|
+
}
|
|
73
|
+
enable() {
|
|
74
|
+
if (this.isActive) return;
|
|
75
|
+
this.isActive = true;
|
|
76
|
+
this.mouseEvents.forEach(eventType => {
|
|
77
|
+
window.addEventListener(eventType, this._handleEvent, true);
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
disable() {
|
|
81
|
+
if (!this.isActive) return;
|
|
82
|
+
this.isActive = false;
|
|
83
|
+
this.mouseEvents.forEach(eventType => {
|
|
84
|
+
window.removeEventListener(eventType, this._handleEvent, true);
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
_handleEvent(event) {
|
|
88
|
+
if (!this.isActive) return;
|
|
89
|
+
event.preventDefault();
|
|
90
|
+
event.stopPropagation();
|
|
91
|
+
event.stopImmediatePropagation();
|
|
92
|
+
const target = event.target;
|
|
93
|
+
if (event.type === 'mouseover') {
|
|
94
|
+
const data = this.buildElementData(target);
|
|
95
|
+
if (data) {
|
|
96
|
+
window.parent.postMessage({
|
|
97
|
+
type: constants.POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_HOVER,
|
|
98
|
+
data
|
|
99
|
+
}, '*');
|
|
100
|
+
}
|
|
101
|
+
} else if (event.type === 'click') {
|
|
102
|
+
const data = this.buildElementData(target);
|
|
103
|
+
if (data) {
|
|
104
|
+
window.parent.postMessage({
|
|
105
|
+
type: constants.POST_MESSAGE_TYPE.HTML_PAGE_COMMENT_MODE_ELEMENT_SELECTED,
|
|
106
|
+
data
|
|
107
|
+
}, '*');
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
buildElementData(target) {
|
|
112
|
+
const selector = generateSelector(target) || null;
|
|
113
|
+
return {
|
|
114
|
+
selector,
|
|
115
|
+
currentText: getCurrentText(target),
|
|
116
|
+
htmlHint: getHtmlHint(target),
|
|
117
|
+
computedStyle: computeStyle(target),
|
|
118
|
+
label: generateLabel(target)
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
destroy() {
|
|
122
|
+
this.disable();
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
exports.CommentModeAdapter = CommentModeAdapter;
|
|
127
|
+
//# sourceMappingURL=comment-mode.js.map
|