@base44-preview/vite-plugin 0.2.22-pr.36.d652cb1 → 0.2.22-pr.37.466ee63
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/injections/utils.d.ts +0 -6
- package/dist/injections/utils.d.ts.map +1 -1
- package/dist/injections/utils.js +0 -25
- package/dist/injections/utils.js.map +1 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts +25 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js +78 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts +4 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js +4 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts +9 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js +26 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts +10 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js +60 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js.map +1 -0
- package/dist/injections/visual-edit-agent/constants.d.ts +10 -0
- package/dist/injections/visual-edit-agent/constants.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/constants.js +10 -0
- package/dist/injections/visual-edit-agent/constants.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts +10 -0
- package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/click-handlers.js +109 -0
- package/dist/injections/visual-edit-agent/handlers/click-handlers.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts +14 -0
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.js +64 -0
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts +14 -0
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js +99 -0
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts +26 -0
- package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/message-handlers.js +145 -0
- package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts +7 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js +42 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts +11 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js +33 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts +86 -0
- package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/types.js +28 -0
- package/dist/injections/visual-edit-agent/handlers/messages/types.js.map +1 -0
- package/dist/injections/visual-edit-agent/index.d.ts +5 -0
- package/dist/injections/visual-edit-agent/index.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/index.js +100 -0
- package/dist/injections/visual-edit-agent/index.js.map +1 -0
- package/dist/injections/visual-edit-agent/state/agent-state.d.ts +17 -0
- package/dist/injections/visual-edit-agent/state/agent-state.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/state/agent-state.js +18 -0
- package/dist/injections/visual-edit-agent/state/agent-state.js.map +1 -0
- package/dist/injections/visual-edit-agent/ui/overlay.d.ts +26 -0
- package/dist/injections/visual-edit-agent/ui/overlay.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/ui/overlay.js +103 -0
- package/dist/injections/visual-edit-agent/ui/overlay.js.map +1 -0
- package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts +14 -0
- package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/utils/dom-utils.js +34 -0
- package/dist/injections/visual-edit-agent/utils/dom-utils.js.map +1 -0
- package/dist/injections/visual-edit-agent.d.ts +1 -1
- package/dist/injections/visual-edit-agent.d.ts.map +1 -1
- package/dist/injections/visual-edit-agent.js +1 -474
- package/dist/injections/visual-edit-agent.js.map +1 -1
- package/dist/statics/index.mjs +5 -1
- package/dist/statics/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/injections/utils.ts +0 -34
- package/src/injections/visual-edit-agent/README.md +222 -0
- package/src/injections/visual-edit-agent/capabilities/inline-editing/core.ts +100 -0
- package/src/injections/visual-edit-agent/capabilities/inline-editing/index.ts +10 -0
- package/src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts +26 -0
- package/src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts +67 -0
- package/src/injections/visual-edit-agent/constants.ts +9 -0
- package/src/injections/visual-edit-agent/handlers/click-handlers.ts +135 -0
- package/src/injections/visual-edit-agent/handlers/hover-handlers.ts +78 -0
- package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts +130 -0
- package/src/injections/visual-edit-agent/handlers/message-handlers.ts +191 -0
- package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +51 -0
- package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +41 -0
- package/src/injections/visual-edit-agent/handlers/messages/types.ts +112 -0
- package/src/injections/visual-edit-agent/index.ts +116 -0
- package/src/injections/visual-edit-agent/state/agent-state.ts +31 -0
- package/src/injections/visual-edit-agent/ui/overlay.ts +125 -0
- package/src/injections/visual-edit-agent/utils/dom-utils.ts +39 -0
- package/src/injections/visual-edit-agent.ts +1 -577
- package/dist/injections/layer-dropdown/consts.d.ts +0 -15
- package/dist/injections/layer-dropdown/consts.d.ts.map +0 -1
- package/dist/injections/layer-dropdown/consts.js +0 -36
- package/dist/injections/layer-dropdown/consts.js.map +0 -1
- package/dist/injections/layer-dropdown/controller.d.ts +0 -4
- package/dist/injections/layer-dropdown/controller.d.ts.map +0 -1
- package/dist/injections/layer-dropdown/controller.js +0 -85
- package/dist/injections/layer-dropdown/controller.js.map +0 -1
- package/dist/injections/layer-dropdown/dropdown-ui.d.ts +0 -13
- package/dist/injections/layer-dropdown/dropdown-ui.d.ts.map +0 -1
- package/dist/injections/layer-dropdown/dropdown-ui.js +0 -158
- package/dist/injections/layer-dropdown/dropdown-ui.js.map +0 -1
- package/dist/injections/layer-dropdown/types.d.ts +0 -21
- package/dist/injections/layer-dropdown/types.d.ts.map +0 -1
- package/dist/injections/layer-dropdown/types.js +0 -3
- package/dist/injections/layer-dropdown/types.js.map +0 -1
- package/dist/injections/layer-dropdown/utils.d.ts +0 -24
- package/dist/injections/layer-dropdown/utils.d.ts.map +0 -1
- package/dist/injections/layer-dropdown/utils.js +0 -150
- package/dist/injections/layer-dropdown/utils.js.map +0 -1
- package/src/injections/layer-dropdown/LAYERS.md +0 -258
- package/src/injections/layer-dropdown/consts.ts +0 -44
- package/src/injections/layer-dropdown/controller.ts +0 -105
- package/src/injections/layer-dropdown/dropdown-ui.ts +0 -221
- package/src/injections/layer-dropdown/types.ts +0 -24
- package/src/injections/layer-dropdown/utils.ts +0 -185
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { OutgoingMessageType } from "./messages/types.js";
|
|
2
|
+
import { repositionSelectedOverlays } from "../ui/overlay.js";
|
|
3
|
+
import { enterInlineEditingMode, clearInlineEditingMode, setInlineEditCallback, } from "../capabilities/inline-editing/index.js";
|
|
4
|
+
import { INLINE_EDIT_DEBOUNCE_MS } from "../constants.js";
|
|
5
|
+
import { getElementPosition, getElementClasses } from "../utils/dom-utils.js";
|
|
6
|
+
/**
|
|
7
|
+
* Enter inline editing mode
|
|
8
|
+
*/
|
|
9
|
+
export function handleEnterInlineEditingMode(state, element) {
|
|
10
|
+
state.currentEditingElement = element;
|
|
11
|
+
// Hide overlays during editing
|
|
12
|
+
state.selectedOverlays.forEach((overlay) => {
|
|
13
|
+
overlay.style.display = "none";
|
|
14
|
+
});
|
|
15
|
+
// Enter inline editing mode (from capabilities/inline-editing)
|
|
16
|
+
enterInlineEditingMode(element);
|
|
17
|
+
// Notify parent
|
|
18
|
+
window.parent.postMessage({
|
|
19
|
+
type: OutgoingMessageType.CONTENT_EDITING_STARTED,
|
|
20
|
+
visualSelectorId: state.selectedElementId,
|
|
21
|
+
}, "*");
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Clear inline editing mode
|
|
25
|
+
*/
|
|
26
|
+
export function handleClearInlineEditingMode(state) {
|
|
27
|
+
if (!state.currentEditingElement)
|
|
28
|
+
return;
|
|
29
|
+
const element = state.currentEditingElement;
|
|
30
|
+
// Clear inline editing mode (from capabilities/inline-editing)
|
|
31
|
+
clearInlineEditingMode(element);
|
|
32
|
+
// Show overlays again
|
|
33
|
+
state.selectedOverlays.forEach((overlay) => {
|
|
34
|
+
overlay.style.display = "";
|
|
35
|
+
});
|
|
36
|
+
repositionSelectedOverlays(state);
|
|
37
|
+
// Notify parent that editing ended
|
|
38
|
+
window.parent.postMessage({
|
|
39
|
+
type: OutgoingMessageType.CONTENT_EDITING_ENDED,
|
|
40
|
+
visualSelectorId: state.selectedElementId,
|
|
41
|
+
}, "*");
|
|
42
|
+
state.currentEditingElement = null;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Report inline edit to parent
|
|
46
|
+
*/
|
|
47
|
+
function reportInlineEdit(state, element) {
|
|
48
|
+
const originalContent = element.dataset.originalTextContent;
|
|
49
|
+
const newContent = element.textContent;
|
|
50
|
+
const elementInfo = {
|
|
51
|
+
tagName: element.tagName,
|
|
52
|
+
classes: getElementClasses(element),
|
|
53
|
+
visualSelectorId: state.selectedElementId,
|
|
54
|
+
content: newContent,
|
|
55
|
+
dataSourceLocation: element.dataset.sourceLocation,
|
|
56
|
+
isDynamicContent: element.dataset.dynamicContent === "true",
|
|
57
|
+
linenumber: element.dataset.linenumber,
|
|
58
|
+
filename: element.dataset.filename,
|
|
59
|
+
position: getElementPosition(element.getBoundingClientRect()),
|
|
60
|
+
};
|
|
61
|
+
// Send inline edit message
|
|
62
|
+
window.parent.postMessage({
|
|
63
|
+
type: OutgoingMessageType.INLINE_EDIT,
|
|
64
|
+
elementInfo,
|
|
65
|
+
originalContent,
|
|
66
|
+
newContent,
|
|
67
|
+
}, "*");
|
|
68
|
+
// Update baseline for next edit
|
|
69
|
+
element.dataset.originalTextContent = newContent || "";
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Debounced function to send inline edit messages
|
|
73
|
+
*/
|
|
74
|
+
function debouncedSendInlineEditMessage(state, element) {
|
|
75
|
+
// Clear any existing timeout
|
|
76
|
+
if (state.debouncedSendTimeout) {
|
|
77
|
+
clearTimeout(state.debouncedSendTimeout);
|
|
78
|
+
}
|
|
79
|
+
// Set new timeout
|
|
80
|
+
state.debouncedSendTimeout = setTimeout(() => {
|
|
81
|
+
reportInlineEdit(state, element);
|
|
82
|
+
}, INLINE_EDIT_DEBOUNCE_MS);
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
* Callback for text input changes (combines updatePosition and reportInlineEdit)
|
|
86
|
+
*/
|
|
87
|
+
function createTextInputChangeCallback(state) {
|
|
88
|
+
return (element) => {
|
|
89
|
+
repositionSelectedOverlays(state);
|
|
90
|
+
debouncedSendInlineEditMessage(state, element);
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* Setup inline edit callback
|
|
95
|
+
*/
|
|
96
|
+
export function setupInlineEditCallback(state) {
|
|
97
|
+
setInlineEditCallback(createTextInputChangeCallback(state));
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=inline-edit-handlers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-edit-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAAiB,EAAE,OAAoB;IAClF,KAAK,CAAC,qBAAqB,GAAG,OAAO,CAAC;IAEtC,+BAA+B;IAC/B,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACzC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,+DAA+D;IAC/D,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAEhC,gBAAgB;IAChB,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,uBAAuB;QACjD,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;KAC1C,EACD,GAAG,CACJ,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAAiB;IAC5D,IAAI,CAAC,KAAK,CAAC,qBAAqB;QAAE,OAAO;IAEzC,MAAM,OAAO,GAAG,KAAK,CAAC,qBAAqB,CAAC;IAE5C,+DAA+D;IAC/D,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAEhC,sBAAsB;IACtB,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACzC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAElC,mCAAmC;IACnC,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,qBAAqB;QAC/C,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;KAC1C,EACD,GAAG,CACJ,CAAC;IAEF,KAAK,CAAC,qBAAqB,GAAG,IAAI,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,KAAiB,EAAE,OAAoB;IAC/D,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;IAC5D,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC;IAEvC,MAAM,WAAW,GAAG;QAClB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACnC,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;QACzC,OAAO,EAAE,UAAU;QACnB,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,cAAc;QAClD,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM;QAC3D,UAAU,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU;QACtC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ;QAClC,QAAQ,EAAE,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;KAC9D,CAAC;IAEF,2BAA2B;IAC3B,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,WAAW;QACrC,WAAW;QACX,eAAe;QACf,UAAU;KACX,EACD,GAAG,CACJ,CAAC;IAEF,gCAAgC;IAChC,OAAO,CAAC,OAAO,CAAC,mBAAmB,GAAG,UAAU,IAAI,EAAE,CAAC;AACzD,CAAC;AAED;;GAEG;AACH,SAAS,8BAA8B,CAAC,KAAiB,EAAE,OAAoB;IAC7E,6BAA6B;IAC7B,IAAI,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC/B,YAAY,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC3C,CAAC;IAED,kBAAkB;IAClB,KAAK,CAAC,oBAAoB,GAAG,UAAU,CAAC,GAAG,EAAE;QAC3C,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC,EAAE,uBAAuB,CAAC,CAAC;AAC9B,CAAC;AAED;;GAEG;AACH,SAAS,6BAA6B,CAAC,KAAiB;IACtD,OAAO,CAAC,OAAoB,EAAE,EAAE;QAC9B,0BAA0B,CAAC,KAAK,CAAC,CAAC;QAClC,8BAA8B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAiB;IACvD,qBAAqB,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9D,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { AgentState } from "../state/agent-state.js";
|
|
2
|
+
/**
|
|
3
|
+
* Unselect the current element
|
|
4
|
+
*/
|
|
5
|
+
export declare function unselectElement(state: AgentState): void;
|
|
6
|
+
/**
|
|
7
|
+
* Update element classes and reposition overlays
|
|
8
|
+
*/
|
|
9
|
+
export declare function updateElementClassesAndReposition(state: AgentState, visualSelectorId: string, classes: string): void;
|
|
10
|
+
/**
|
|
11
|
+
* Update element content by visual selector ID
|
|
12
|
+
*/
|
|
13
|
+
export declare function updateElementContent(state: AgentState, visualSelectorId: string, content: string): void;
|
|
14
|
+
/**
|
|
15
|
+
* Handle scroll events to update popover position
|
|
16
|
+
*/
|
|
17
|
+
export declare function handleScroll(state: AgentState): void;
|
|
18
|
+
/**
|
|
19
|
+
* Handle window resize to reposition overlays
|
|
20
|
+
*/
|
|
21
|
+
export declare function handleResize(state: AgentState): void;
|
|
22
|
+
/**
|
|
23
|
+
* Handle messages from parent window
|
|
24
|
+
*/
|
|
25
|
+
export declare function handleMessage(state: AgentState, event: MessageEvent): void;
|
|
26
|
+
//# sourceMappingURL=message-handlers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/message-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAkC1D;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAKvD;AAED;;GAEG;AACH,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,MAAM,EACxB,OAAO,EAAE,MAAM,GACd,IAAI,CAmBN;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,MAAM,EACxB,OAAO,EAAE,MAAM,GACd,IAAI,CAgBN;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAEpD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAGpD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CA2E1E"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { IncomingMessageType, OutgoingMessageType } from "./messages/types.js";
|
|
2
|
+
import { findElementsById, updateElementClasses } from "../../utils.js";
|
|
3
|
+
import { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from "../ui/overlay.js";
|
|
4
|
+
import { clearHoverOverlays } from "./hover-handlers.js";
|
|
5
|
+
import { handleClearInlineEditingMode } from "./inline-edit-handlers.js";
|
|
6
|
+
import { REPOSITION_DELAY_MS } from "../constants.js";
|
|
7
|
+
import { handleToggleVisualEditMode } from "./messages/toggle-visual-edit-mode.js";
|
|
8
|
+
import { handleToggleInlineEditMode } from "./messages/toggle-inline-edit-mode.js";
|
|
9
|
+
import { getElementPosition, isElementInViewport } from "../utils/dom-utils.js";
|
|
10
|
+
/**
|
|
11
|
+
* Send element position update to parent
|
|
12
|
+
*/
|
|
13
|
+
function sendElementPositionUpdate(state) {
|
|
14
|
+
if (!state.selectedElementId)
|
|
15
|
+
return;
|
|
16
|
+
const elements = findElementsById(state.selectedElementId);
|
|
17
|
+
if (elements.length === 0)
|
|
18
|
+
return;
|
|
19
|
+
const element = elements[0];
|
|
20
|
+
const rect = element.getBoundingClientRect();
|
|
21
|
+
window.parent.postMessage({
|
|
22
|
+
type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,
|
|
23
|
+
position: getElementPosition(rect),
|
|
24
|
+
isInViewport: isElementInViewport(rect),
|
|
25
|
+
visualSelectorId: state.selectedElementId,
|
|
26
|
+
}, "*");
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Unselect the current element
|
|
30
|
+
*/
|
|
31
|
+
export function unselectElement(state) {
|
|
32
|
+
if (state.currentEditingElement) {
|
|
33
|
+
handleClearInlineEditingMode(state);
|
|
34
|
+
}
|
|
35
|
+
clearSelection(state);
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Update element classes and reposition overlays
|
|
39
|
+
*/
|
|
40
|
+
export function updateElementClassesAndReposition(state, visualSelectorId, classes) {
|
|
41
|
+
const elements = findElementsById(visualSelectorId);
|
|
42
|
+
if (elements.length === 0)
|
|
43
|
+
return;
|
|
44
|
+
updateElementClasses(elements, classes);
|
|
45
|
+
// Use a small delay to allow the browser to recalculate layout before repositioning
|
|
46
|
+
setTimeout(() => {
|
|
47
|
+
if (state.selectedElementId === visualSelectorId) {
|
|
48
|
+
repositionSelectedOverlays(state);
|
|
49
|
+
}
|
|
50
|
+
if (state.currentHighlightedElements.length > 0) {
|
|
51
|
+
const hoveredElement = state.currentHighlightedElements[0];
|
|
52
|
+
if (hoveredElement?.dataset?.visualSelectorId === visualSelectorId) {
|
|
53
|
+
repositionHoverOverlays(state);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}, REPOSITION_DELAY_MS);
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Update element content by visual selector ID
|
|
60
|
+
*/
|
|
61
|
+
export function updateElementContent(state, visualSelectorId, content) {
|
|
62
|
+
const elements = findElementsById(visualSelectorId);
|
|
63
|
+
if (elements.length === 0) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
elements.forEach((element) => {
|
|
67
|
+
element.innerText = content;
|
|
68
|
+
});
|
|
69
|
+
setTimeout(() => {
|
|
70
|
+
if (state.selectedElementId === visualSelectorId) {
|
|
71
|
+
repositionSelectedOverlays(state);
|
|
72
|
+
}
|
|
73
|
+
}, REPOSITION_DELAY_MS);
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Handle scroll events to update popover position
|
|
77
|
+
*/
|
|
78
|
+
export function handleScroll(state) {
|
|
79
|
+
sendElementPositionUpdate(state);
|
|
80
|
+
}
|
|
81
|
+
/**
|
|
82
|
+
* Handle window resize to reposition overlays
|
|
83
|
+
*/
|
|
84
|
+
export function handleResize(state) {
|
|
85
|
+
repositionSelectedOverlays(state);
|
|
86
|
+
repositionHoverOverlays(state);
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Handle messages from parent window
|
|
90
|
+
*/
|
|
91
|
+
export function handleMessage(state, event) {
|
|
92
|
+
const message = event.data;
|
|
93
|
+
switch (message.type) {
|
|
94
|
+
case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:
|
|
95
|
+
handleToggleVisualEditMode(state, message);
|
|
96
|
+
break;
|
|
97
|
+
case IncomingMessageType.UPDATE_CLASSES:
|
|
98
|
+
if (message.data && message.data.classes !== undefined) {
|
|
99
|
+
updateElementClassesAndReposition(state, message.data.visualSelectorId, message.data.classes);
|
|
100
|
+
}
|
|
101
|
+
else {
|
|
102
|
+
console.warn("[VisualEditAgent] Invalid update-classes message:", message);
|
|
103
|
+
}
|
|
104
|
+
break;
|
|
105
|
+
case IncomingMessageType.UNSELECT_ELEMENT:
|
|
106
|
+
unselectElement(state);
|
|
107
|
+
break;
|
|
108
|
+
case IncomingMessageType.REFRESH_PAGE:
|
|
109
|
+
window.location.reload();
|
|
110
|
+
break;
|
|
111
|
+
case IncomingMessageType.UPDATE_CONTENT:
|
|
112
|
+
if (message.data && message.data.content !== undefined) {
|
|
113
|
+
updateElementContent(state, message.data.visualSelectorId, message.data.content);
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
console.warn("[VisualEditAgent] Invalid update-content message:", message);
|
|
117
|
+
}
|
|
118
|
+
break;
|
|
119
|
+
case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:
|
|
120
|
+
handleToggleInlineEditMode(state, message);
|
|
121
|
+
break;
|
|
122
|
+
case IncomingMessageType.REQUEST_ELEMENT_POSITION:
|
|
123
|
+
sendElementPositionUpdate(state);
|
|
124
|
+
break;
|
|
125
|
+
case IncomingMessageType.POPOVER_DRAG_STATE:
|
|
126
|
+
if (message.data && message.data.isDragging !== undefined) {
|
|
127
|
+
state.isPopoverDragging = message.data.isDragging;
|
|
128
|
+
if (message.data.isDragging) {
|
|
129
|
+
clearHoverOverlays(state);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
break;
|
|
133
|
+
case IncomingMessageType.DROPDOWN_STATE:
|
|
134
|
+
if (message.data && message.data.isOpen !== undefined) {
|
|
135
|
+
state.isDropdownOpen = message.data.isOpen;
|
|
136
|
+
if (message.data.isOpen) {
|
|
137
|
+
clearHoverOverlays(state);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
break;
|
|
141
|
+
default:
|
|
142
|
+
break;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
//# sourceMappingURL=message-handlers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/message-handlers.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { AgentState } from "../../state/agent-state.js";
|
|
2
|
+
import type { ToggleInlineEditModeMessage } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* Handle toggle-inline-edit-mode message (parent-initiated)
|
|
5
|
+
*/
|
|
6
|
+
export declare function handleToggleInlineEditMode(state: AgentState, message: ToggleInlineEditModeMessage): void;
|
|
7
|
+
//# sourceMappingURL=toggle-inline-edit-mode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-inline-edit-mode.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAM9D;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAqCN"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { findElementsById } from "../../../utils.js";
|
|
2
|
+
import { shouldEnterInlineEditingMode } from "../../capabilities/inline-editing/index.js";
|
|
3
|
+
import { handleElementSelection } from "../click-handlers.js";
|
|
4
|
+
import { handleEnterInlineEditingMode, handleClearInlineEditingMode } from "../inline-edit-handlers.js";
|
|
5
|
+
/**
|
|
6
|
+
* Handle toggle-inline-edit-mode message (parent-initiated)
|
|
7
|
+
*/
|
|
8
|
+
export function handleToggleInlineEditMode(state, message) {
|
|
9
|
+
// Check if inline edit experiment is enabled
|
|
10
|
+
if (!state.isInlineEditExperimentEnabled) {
|
|
11
|
+
console.log('[VisualEditAgent] toggle-inline-edit-mode ignored - experiment flag not enabled');
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
console.log('[VisualEditAgent] Processing toggle-inline-edit-mode message');
|
|
15
|
+
// Parent-initiated inline editing mode toggle
|
|
16
|
+
if (!message.data || !message.data.dataSourceLocation) {
|
|
17
|
+
console.warn('[VisualEditAgent] Invalid toggle-inline-edit-mode message - missing dataSourceLocation');
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const elements = findElementsById(message.data.dataSourceLocation);
|
|
21
|
+
if (elements.length === 0 || !(elements[0] instanceof HTMLElement)) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
const element = elements[0];
|
|
25
|
+
if (message.data.inlineEditingMode) {
|
|
26
|
+
// Enable inline editing (only for non-dynamic text elements)
|
|
27
|
+
if (shouldEnterInlineEditingMode(element)) {
|
|
28
|
+
// Select the element first if not already selected
|
|
29
|
+
if (state.selectedElementId !== message.data.dataSourceLocation) {
|
|
30
|
+
handleElementSelection(state, element, message.data.dataSourceLocation);
|
|
31
|
+
}
|
|
32
|
+
handleEnterInlineEditingMode(state, element);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
// Disable inline editing
|
|
37
|
+
if (state.currentEditingElement === element) {
|
|
38
|
+
handleClearInlineEditingMode(state);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=toggle-inline-edit-mode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-inline-edit-mode.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAExG;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,6CAA6C;IAC7C,IAAI,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAC;QACzC,OAAO,CAAC,GAAG,CAAC,iFAAiF,CAAC,CAAC;QAC/F,OAAO;IACT,CAAC;IAED,OAAO,CAAC,GAAG,CAAC,8DAA8D,CAAC,CAAC;IAE5E,8CAA8C;IAC9C,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtD,OAAO,CAAC,IAAI,CAAC,wFAAwF,CAAC,CAAC;QACvG,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,WAAW,CAAC,EAAE,CAAC;QACnE,OAAO;IACT,CAAC;IAED,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5B,IAAI,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACnC,6DAA6D;QAC7D,IAAI,4BAA4B,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,mDAAmD;YACnD,IAAI,KAAK,CAAC,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAChE,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC1E,CAAC;YACD,4BAA4B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;SAAM,CAAC;QACN,yBAAyB;QACzB,IAAI,KAAK,CAAC,qBAAqB,KAAK,OAAO,EAAE,CAAC;YAC5C,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { AgentState } from "../../state/agent-state.js";
|
|
2
|
+
import type { ToggleVisualEditModeMessage } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* Toggle visual edit mode on/off
|
|
5
|
+
*/
|
|
6
|
+
export declare function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void;
|
|
7
|
+
/**
|
|
8
|
+
* Handle toggle-visual-edit-mode message
|
|
9
|
+
*/
|
|
10
|
+
export declare function handleToggleVisualEditMode(state: AgentState, message: ToggleVisualEditModeMessage): void;
|
|
11
|
+
//# sourceMappingURL=toggle-visual-edit-mode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-visual-edit-mode.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAK9D;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAehF;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAQN"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { clearSelection } from "../../ui/overlay.js";
|
|
2
|
+
import { clearHoverOverlays } from "../hover-handlers.js";
|
|
3
|
+
import { handleClearInlineEditingMode } from "../inline-edit-handlers.js";
|
|
4
|
+
/**
|
|
5
|
+
* Toggle visual edit mode on/off
|
|
6
|
+
*/
|
|
7
|
+
export function toggleVisualEditMode(state, isEnabled) {
|
|
8
|
+
state.isVisualEditMode = isEnabled;
|
|
9
|
+
if (!isEnabled) {
|
|
10
|
+
if (state.currentEditingElement) {
|
|
11
|
+
handleClearInlineEditingMode(state);
|
|
12
|
+
}
|
|
13
|
+
clearHoverOverlays(state);
|
|
14
|
+
clearSelection(state);
|
|
15
|
+
state.currentHighlightedElements = [];
|
|
16
|
+
document.body.style.cursor = "default";
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
document.body.style.cursor = "crosshair";
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Handle toggle-visual-edit-mode message
|
|
24
|
+
*/
|
|
25
|
+
export function handleToggleVisualEditMode(state, message) {
|
|
26
|
+
toggleVisualEditMode(state, message.data.enabled);
|
|
27
|
+
// Update inline edit experiment flag if provided
|
|
28
|
+
if (message.data.specs?.newInlineEditEnabled !== undefined) {
|
|
29
|
+
state.isInlineEditExperimentEnabled = message.data.specs.newInlineEditEnabled;
|
|
30
|
+
console.log('[VisualEditAgent] Inline edit experiment:', state.isInlineEditExperimentEnabled);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=toggle-visual-edit-mode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-visual-edit-mode.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAiB,EAAE,SAAkB;IACxE,KAAK,CAAC,gBAAgB,GAAG,SAAS,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;QAED,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,0BAA0B,GAAG,EAAE,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;IACzC,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;IAC3C,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAElD,iDAAiD;IACjD,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,EAAE,CAAC;QAC3D,KAAK,CAAC,6BAA6B,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC;QAC9E,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAChG,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Message types and interfaces for parent-iframe communication
|
|
3
|
+
*/
|
|
4
|
+
export declare enum IncomingMessageType {
|
|
5
|
+
TOGGLE_VISUAL_EDIT_MODE = "toggle-visual-edit-mode",
|
|
6
|
+
UPDATE_CLASSES = "update-classes",
|
|
7
|
+
UPDATE_CONTENT = "update-content",
|
|
8
|
+
UNSELECT_ELEMENT = "unselect-element",
|
|
9
|
+
REFRESH_PAGE = "refresh-page",
|
|
10
|
+
TOGGLE_INLINE_EDIT_MODE = "toggle-inline-edit-mode",
|
|
11
|
+
REQUEST_ELEMENT_POSITION = "request-element-position",
|
|
12
|
+
POPOVER_DRAG_STATE = "popover-drag-state",
|
|
13
|
+
DROPDOWN_STATE = "dropdown-state"
|
|
14
|
+
}
|
|
15
|
+
export declare enum OutgoingMessageType {
|
|
16
|
+
VISUAL_EDIT_AGENT_READY = "visual-edit-agent-ready",
|
|
17
|
+
ELEMENT_SELECTED = "element-selected",
|
|
18
|
+
ELEMENT_POSITION_UPDATE = "element-position-update",
|
|
19
|
+
CONTENT_EDITING_STARTED = "content-editing-started",
|
|
20
|
+
INLINE_EDIT = "inline-edit",
|
|
21
|
+
CONTENT_EDITING_ENDED = "content-editing-ended",
|
|
22
|
+
CLOSE_DROPDOWNS = "close-dropdowns"
|
|
23
|
+
}
|
|
24
|
+
export interface ToggleVisualEditModeMessage {
|
|
25
|
+
type: IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE;
|
|
26
|
+
data: {
|
|
27
|
+
enabled: boolean;
|
|
28
|
+
specs?: {
|
|
29
|
+
newInlineEditEnabled?: boolean;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
export interface UpdateClassesMessage {
|
|
34
|
+
type: IncomingMessageType.UPDATE_CLASSES;
|
|
35
|
+
data: {
|
|
36
|
+
visualSelectorId: string;
|
|
37
|
+
classes: string;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
export interface UpdateContentMessage {
|
|
41
|
+
type: IncomingMessageType.UPDATE_CONTENT;
|
|
42
|
+
data: {
|
|
43
|
+
visualSelectorId: string;
|
|
44
|
+
content: string;
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
export interface UnselectElementMessage {
|
|
48
|
+
type: IncomingMessageType.UNSELECT_ELEMENT;
|
|
49
|
+
}
|
|
50
|
+
export interface RefreshPageMessage {
|
|
51
|
+
type: IncomingMessageType.REFRESH_PAGE;
|
|
52
|
+
}
|
|
53
|
+
export interface ToggleInlineEditModeMessage {
|
|
54
|
+
type: IncomingMessageType.TOGGLE_INLINE_EDIT_MODE;
|
|
55
|
+
data: {
|
|
56
|
+
dataSourceLocation: string;
|
|
57
|
+
inlineEditingMode: boolean;
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
export interface RequestElementPositionMessage {
|
|
61
|
+
type: IncomingMessageType.REQUEST_ELEMENT_POSITION;
|
|
62
|
+
}
|
|
63
|
+
export interface PopoverDragStateMessage {
|
|
64
|
+
type: IncomingMessageType.POPOVER_DRAG_STATE;
|
|
65
|
+
data: {
|
|
66
|
+
isDragging: boolean;
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
export interface DropdownStateMessage {
|
|
70
|
+
type: IncomingMessageType.DROPDOWN_STATE;
|
|
71
|
+
data: {
|
|
72
|
+
isOpen: boolean;
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
export type IncomingMessage = ToggleVisualEditModeMessage | UpdateClassesMessage | UpdateContentMessage | UnselectElementMessage | RefreshPageMessage | ToggleInlineEditModeMessage | RequestElementPositionMessage | PopoverDragStateMessage | DropdownStateMessage;
|
|
76
|
+
export interface ElementPosition {
|
|
77
|
+
top: number;
|
|
78
|
+
left: number;
|
|
79
|
+
right: number;
|
|
80
|
+
bottom: number;
|
|
81
|
+
width: number;
|
|
82
|
+
height: number;
|
|
83
|
+
centerX: number;
|
|
84
|
+
centerY: number;
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,oBAAY,mBAAmB;IAC7B,uBAAuB,4BAA4B;IACnD,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAC7B,uBAAuB,4BAA4B;IACnD,wBAAwB,6BAA6B;IACrD,kBAAkB,uBAAuB;IACzC,cAAc,mBAAmB;CAClC;AAGD,oBAAY,mBAAmB;IAC7B,uBAAuB,4BAA4B;IACnD,gBAAgB,qBAAqB;IACrC,uBAAuB,4BAA4B;IACnD,uBAAuB,4BAA4B;IACnD,WAAW,gBAAgB;IAC3B,qBAAqB,0BAA0B;IAC/C,eAAe,oBAAoB;CACpC;AAGD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,mBAAmB,CAAC,uBAAuB,CAAC;IAClD,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE;YACN,oBAAoB,CAAC,EAAE,OAAO,CAAC;SAChC,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC;IACzC,IAAI,EAAE;QACJ,gBAAgB,EAAE,MAAM,CAAC;QACzB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC;IACzC,IAAI,EAAE;QACJ,gBAAgB,EAAE,MAAM,CAAC;QACzB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,mBAAmB,CAAC,gBAAgB,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,mBAAmB,CAAC,YAAY,CAAC;CACxC;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,mBAAmB,CAAC,uBAAuB,CAAC;IAClD,IAAI,EAAE;QACJ,kBAAkB,EAAE,MAAM,CAAC;QAC3B,iBAAiB,EAAE,OAAO,CAAC;KAC5B,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,mBAAmB,CAAC,wBAAwB,CAAC;CACpD;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,mBAAmB,CAAC,kBAAkB,CAAC;IAC7C,IAAI,EAAE;QACJ,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,OAAO,CAAC;KACjB,CAAC;CACH;AAGD,MAAM,MAAM,eAAe,GACvB,2BAA2B,GAC3B,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,kBAAkB,GAClB,2BAA2B,GAC3B,6BAA6B,GAC7B,uBAAuB,GACvB,oBAAoB,CAAC;AAGzB,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Message types and interfaces for parent-iframe communication
|
|
3
|
+
*/
|
|
4
|
+
// Incoming message types (from parent)
|
|
5
|
+
export var IncomingMessageType;
|
|
6
|
+
(function (IncomingMessageType) {
|
|
7
|
+
IncomingMessageType["TOGGLE_VISUAL_EDIT_MODE"] = "toggle-visual-edit-mode";
|
|
8
|
+
IncomingMessageType["UPDATE_CLASSES"] = "update-classes";
|
|
9
|
+
IncomingMessageType["UPDATE_CONTENT"] = "update-content";
|
|
10
|
+
IncomingMessageType["UNSELECT_ELEMENT"] = "unselect-element";
|
|
11
|
+
IncomingMessageType["REFRESH_PAGE"] = "refresh-page";
|
|
12
|
+
IncomingMessageType["TOGGLE_INLINE_EDIT_MODE"] = "toggle-inline-edit-mode";
|
|
13
|
+
IncomingMessageType["REQUEST_ELEMENT_POSITION"] = "request-element-position";
|
|
14
|
+
IncomingMessageType["POPOVER_DRAG_STATE"] = "popover-drag-state";
|
|
15
|
+
IncomingMessageType["DROPDOWN_STATE"] = "dropdown-state";
|
|
16
|
+
})(IncomingMessageType || (IncomingMessageType = {}));
|
|
17
|
+
// Outgoing message types (to parent)
|
|
18
|
+
export var OutgoingMessageType;
|
|
19
|
+
(function (OutgoingMessageType) {
|
|
20
|
+
OutgoingMessageType["VISUAL_EDIT_AGENT_READY"] = "visual-edit-agent-ready";
|
|
21
|
+
OutgoingMessageType["ELEMENT_SELECTED"] = "element-selected";
|
|
22
|
+
OutgoingMessageType["ELEMENT_POSITION_UPDATE"] = "element-position-update";
|
|
23
|
+
OutgoingMessageType["CONTENT_EDITING_STARTED"] = "content-editing-started";
|
|
24
|
+
OutgoingMessageType["INLINE_EDIT"] = "inline-edit";
|
|
25
|
+
OutgoingMessageType["CONTENT_EDITING_ENDED"] = "content-editing-ended";
|
|
26
|
+
OutgoingMessageType["CLOSE_DROPDOWNS"] = "close-dropdowns";
|
|
27
|
+
})(OutgoingMessageType || (OutgoingMessageType = {}));
|
|
28
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,uCAAuC;AACvC,MAAM,CAAN,IAAY,mBAUX;AAVD,WAAY,mBAAmB;IAC7B,0EAAmD,CAAA;IACnD,wDAAiC,CAAA;IACjC,wDAAiC,CAAA;IACjC,4DAAqC,CAAA;IACrC,oDAA6B,CAAA;IAC7B,0EAAmD,CAAA;IACnD,4EAAqD,CAAA;IACrD,gEAAyC,CAAA;IACzC,wDAAiC,CAAA;AACnC,CAAC,EAVW,mBAAmB,KAAnB,mBAAmB,QAU9B;AAED,qCAAqC;AACrC,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,0EAAmD,CAAA;IACnD,4DAAqC,CAAA;IACrC,0EAAmD,CAAA;IACnD,0EAAmD,CAAA;IACnD,kDAA2B,CAAA;IAC3B,sEAA+C,CAAA;IAC/C,0DAAmC,CAAA;AACrC,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"AA8FA;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAkB3C"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { createAgentState } from "./state/agent-state.js";
|
|
2
|
+
import { handleMouseOver, handleMouseOut } from "./handlers/hover-handlers.js";
|
|
3
|
+
import { handleElementClick } from "./handlers/click-handlers.js";
|
|
4
|
+
import { handleMessage, handleScroll, handleResize } from "./handlers/message-handlers.js";
|
|
5
|
+
import { setupInlineEditCallback } from "./handlers/inline-edit-handlers.js";
|
|
6
|
+
import { OutgoingMessageType } from "./handlers/messages/types.js";
|
|
7
|
+
/**
|
|
8
|
+
* Initialize element IDs for elements with line numbers
|
|
9
|
+
*/
|
|
10
|
+
function initializeElementIds() {
|
|
11
|
+
const elementsWithLineNumber = document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])");
|
|
12
|
+
elementsWithLineNumber.forEach((el, index) => {
|
|
13
|
+
const htmlEl = el;
|
|
14
|
+
const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;
|
|
15
|
+
htmlEl.dataset.visualSelectorId = id;
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Create mutation observer to detect layout changes
|
|
20
|
+
*/
|
|
21
|
+
function createLayoutObserver(onLayoutChange) {
|
|
22
|
+
return new MutationObserver((mutations) => {
|
|
23
|
+
const needsUpdate = mutations.some((mutation) => {
|
|
24
|
+
const hasVisualId = (node) => {
|
|
25
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
26
|
+
const el = node;
|
|
27
|
+
if (el.dataset && el.dataset.visualSelectorId) {
|
|
28
|
+
return true;
|
|
29
|
+
}
|
|
30
|
+
for (let i = 0; i < el.children.length; i++) {
|
|
31
|
+
if (hasVisualId(el.children[i])) {
|
|
32
|
+
return true;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
return false;
|
|
37
|
+
};
|
|
38
|
+
const isLayoutChange = mutation.type === "attributes" &&
|
|
39
|
+
(mutation.attributeName === "style" ||
|
|
40
|
+
mutation.attributeName === "class" ||
|
|
41
|
+
mutation.attributeName === "width" ||
|
|
42
|
+
mutation.attributeName === "height");
|
|
43
|
+
return isLayoutChange && hasVisualId(mutation.target);
|
|
44
|
+
});
|
|
45
|
+
if (needsUpdate) {
|
|
46
|
+
setTimeout(onLayoutChange, 50);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Setup keyboard event protection
|
|
52
|
+
*/
|
|
53
|
+
function setupKeyboardProtection() {
|
|
54
|
+
document.addEventListener("keydown", (e) => {
|
|
55
|
+
if (e.target instanceof HTMLElement && e.target.contentEditable === "true") {
|
|
56
|
+
// Don't report keyboard events during inline editing
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
// Forward other keyboard events to parent if needed
|
|
60
|
+
}, true);
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Setup event listeners
|
|
64
|
+
*/
|
|
65
|
+
function setupEventListeners(state) {
|
|
66
|
+
// Message handling
|
|
67
|
+
window.addEventListener("message", (e) => handleMessage(state, e));
|
|
68
|
+
// Scroll handling
|
|
69
|
+
window.addEventListener("scroll", () => handleScroll(state), true);
|
|
70
|
+
document.addEventListener("scroll", () => handleScroll(state), true);
|
|
71
|
+
// Resize handling
|
|
72
|
+
window.addEventListener("resize", () => handleResize(state));
|
|
73
|
+
window.addEventListener("scroll", () => handleResize(state));
|
|
74
|
+
// Click handling
|
|
75
|
+
document.addEventListener("click", (e) => handleElementClick(state, e), true);
|
|
76
|
+
// Hover handling
|
|
77
|
+
document.addEventListener("mouseover", (e) => handleMouseOver(state, e));
|
|
78
|
+
document.addEventListener("mouseout", () => handleMouseOut(state));
|
|
79
|
+
}
|
|
80
|
+
/**
|
|
81
|
+
* Main setup function for visual edit agent
|
|
82
|
+
*/
|
|
83
|
+
export function setupVisualEditAgent() {
|
|
84
|
+
const state = createAgentState();
|
|
85
|
+
initializeElementIds();
|
|
86
|
+
setupInlineEditCallback(state);
|
|
87
|
+
setupKeyboardProtection();
|
|
88
|
+
setupEventListeners(state);
|
|
89
|
+
// Create and start mutation observer
|
|
90
|
+
const mutationObserver = createLayoutObserver(() => handleResize(state));
|
|
91
|
+
mutationObserver.observe(document.body, {
|
|
92
|
+
attributes: true,
|
|
93
|
+
childList: true,
|
|
94
|
+
subtree: true,
|
|
95
|
+
attributeFilter: ["style", "class", "width", "height"],
|
|
96
|
+
});
|
|
97
|
+
// Send ready message to parent
|
|
98
|
+
window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, "*");
|
|
99
|
+
}
|
|
100
|
+
//# sourceMappingURL=index.js.map
|