@base44-preview/vite-plugin 0.2.22-pr.36.d652cb1 → 0.2.22-pr.37.1da8402
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 +95 -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 +108 -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 +109 -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 +54 -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 +32 -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 +95 -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 +104 -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 +120 -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 +141 -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 +65 -0
- package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +40 -0
- package/src/injections/visual-edit-agent/handlers/messages/types.ts +112 -0
- package/src/injections/visual-edit-agent/index.ts +108 -0
- package/src/injections/visual-edit-agent/state/agent-state.ts +31 -0
- package/src/injections/visual-edit-agent/ui/overlay.ts +126 -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,109 @@
|
|
|
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
|
+
// Cancel any pending debounced edit — originalTextContent will be deleted below
|
|
30
|
+
if (state.debouncedSendTimeout) {
|
|
31
|
+
clearTimeout(state.debouncedSendTimeout);
|
|
32
|
+
state.debouncedSendTimeout = null;
|
|
33
|
+
}
|
|
34
|
+
const element = state.currentEditingElement;
|
|
35
|
+
// Clear inline editing mode (from capabilities/inline-editing)
|
|
36
|
+
clearInlineEditingMode(element);
|
|
37
|
+
// Show overlays again
|
|
38
|
+
state.selectedOverlays.forEach((overlay) => {
|
|
39
|
+
overlay.style.display = "";
|
|
40
|
+
});
|
|
41
|
+
repositionSelectedOverlays(state);
|
|
42
|
+
// Notify parent that editing ended
|
|
43
|
+
window.parent.postMessage({
|
|
44
|
+
type: OutgoingMessageType.CONTENT_EDITING_ENDED,
|
|
45
|
+
visualSelectorId: state.selectedElementId,
|
|
46
|
+
}, "*");
|
|
47
|
+
state.currentEditingElement = null;
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Report inline edit to parent
|
|
51
|
+
*/
|
|
52
|
+
function reportInlineEdit(state, element) {
|
|
53
|
+
const originalContent = element.dataset.originalTextContent;
|
|
54
|
+
const newContent = element.textContent;
|
|
55
|
+
const elementInfo = {
|
|
56
|
+
tagName: element.tagName,
|
|
57
|
+
classes: getElementClasses(element),
|
|
58
|
+
visualSelectorId: state.selectedElementId,
|
|
59
|
+
content: newContent,
|
|
60
|
+
dataSourceLocation: element.dataset.sourceLocation,
|
|
61
|
+
isDynamicContent: element.dataset.dynamicContent === "true",
|
|
62
|
+
linenumber: element.dataset.linenumber,
|
|
63
|
+
filename: element.dataset.filename,
|
|
64
|
+
position: getElementPosition(element.getBoundingClientRect()),
|
|
65
|
+
};
|
|
66
|
+
// Send inline edit message
|
|
67
|
+
window.parent.postMessage({
|
|
68
|
+
type: OutgoingMessageType.INLINE_EDIT,
|
|
69
|
+
elementInfo,
|
|
70
|
+
originalContent,
|
|
71
|
+
newContent,
|
|
72
|
+
}, "*");
|
|
73
|
+
// Update baseline for next edit
|
|
74
|
+
element.dataset.originalTextContent = newContent || "";
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Debounced function to send inline edit messages
|
|
78
|
+
*
|
|
79
|
+
* Intentionally overwrites the previous timeout on each keystroke — this is the
|
|
80
|
+
* correct debounce behavior. We only send ONE message 500ms after the user stops
|
|
81
|
+
* typing, containing the final text. Intermediate keystrokes are not sent to avoid
|
|
82
|
+
* flooding the parent with dozens of messages per second.
|
|
83
|
+
*/
|
|
84
|
+
function debouncedSendInlineEditMessage(state, element) {
|
|
85
|
+
// Clear any existing timeout
|
|
86
|
+
if (state.debouncedSendTimeout) {
|
|
87
|
+
clearTimeout(state.debouncedSendTimeout);
|
|
88
|
+
}
|
|
89
|
+
// Set new timeout
|
|
90
|
+
state.debouncedSendTimeout = setTimeout(() => {
|
|
91
|
+
reportInlineEdit(state, element);
|
|
92
|
+
}, INLINE_EDIT_DEBOUNCE_MS);
|
|
93
|
+
}
|
|
94
|
+
/**
|
|
95
|
+
* Callback for text input changes (combines updatePosition and reportInlineEdit)
|
|
96
|
+
*/
|
|
97
|
+
function createTextInputChangeCallback(state) {
|
|
98
|
+
return (element) => {
|
|
99
|
+
repositionSelectedOverlays(state);
|
|
100
|
+
debouncedSendInlineEditMessage(state, element);
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* Setup inline edit callback
|
|
105
|
+
*/
|
|
106
|
+
export function setupInlineEditCallback(state) {
|
|
107
|
+
setInlineEditCallback(createTextInputChangeCallback(state));
|
|
108
|
+
}
|
|
109
|
+
//# 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":"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"}
|
|
@@ -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
|
+
const [element] = elements;
|
|
18
|
+
if (!element)
|
|
19
|
+
return;
|
|
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;AAO9D;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAkDN"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { findElementsById } from "../../../utils.js";
|
|
2
|
+
import { shouldEnterInlineEditingMode } from "../../capabilities/inline-editing/index.js";
|
|
3
|
+
import { handleEnterInlineEditingMode, handleClearInlineEditingMode } from "../inline-edit-handlers.js";
|
|
4
|
+
import { clearSelection } from "../../ui/overlay.js";
|
|
5
|
+
import { createOverlay, positionOverlay } from "../../ui/overlay.js";
|
|
6
|
+
/**
|
|
7
|
+
* Handle toggle-inline-edit-mode message (parent-initiated)
|
|
8
|
+
*/
|
|
9
|
+
export function handleToggleInlineEditMode(state, message) {
|
|
10
|
+
if (!state.isInlineEditExperimentEnabled) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
if (!message.data || !message.data.dataSourceLocation) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
const elements = findElementsById(message.data.dataSourceLocation);
|
|
17
|
+
if (elements.length === 0 || !(elements[0] instanceof HTMLElement)) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const element = elements[0];
|
|
21
|
+
if (message.data.inlineEditingMode) {
|
|
22
|
+
// Enable inline editing (only for non-dynamic text elements)
|
|
23
|
+
if (shouldEnterInlineEditingMode(element)) {
|
|
24
|
+
// Select the element first if not already selected
|
|
25
|
+
if (state.selectedElementId !== message.data.dataSourceLocation) {
|
|
26
|
+
// Clear any existing selection
|
|
27
|
+
if (state.currentEditingElement) {
|
|
28
|
+
handleClearInlineEditingMode(state);
|
|
29
|
+
}
|
|
30
|
+
clearSelection(state);
|
|
31
|
+
elements.forEach((el) => {
|
|
32
|
+
if (el instanceof HTMLElement) {
|
|
33
|
+
el.dataset.selected = "true";
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
elements.forEach((el) => {
|
|
37
|
+
const overlay = createOverlay(true);
|
|
38
|
+
document.body.appendChild(overlay);
|
|
39
|
+
state.selectedOverlays.push(overlay);
|
|
40
|
+
positionOverlay(overlay, el, true, state.isVisualEditMode);
|
|
41
|
+
});
|
|
42
|
+
state.selectedElementId = message.data.dataSourceLocation;
|
|
43
|
+
}
|
|
44
|
+
handleEnterInlineEditingMode(state, element);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
// Disable inline editing
|
|
49
|
+
if (state.currentEditingElement === element) {
|
|
50
|
+
handleClearInlineEditingMode(state);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
//# 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,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAErE;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,IAAI,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAC;QACzC,OAAO;IACT,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtD,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,+BAA+B;gBAC/B,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;oBAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC;gBACD,cAAc,CAAC,KAAK,CAAC,CAAC;gBAEtB,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;oBACtB,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;wBAC9B,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;oBAC/B,CAAC;gBACH,CAAC,CAAC,CAAC;gBAEH,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;oBACtB,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;oBACpC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBACnC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBACrC,eAAe,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;gBAC7D,CAAC,CAAC,CAAC;gBAEH,KAAK,CAAC,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC;YAC5D,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,CAON"}
|
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
}
|
|
31
|
+
}
|
|
32
|
+
//# 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;IAChF,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":"AAuFA;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAiB3C"}
|