@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.
Files changed (120) hide show
  1. package/dist/injections/utils.d.ts +0 -6
  2. package/dist/injections/utils.d.ts.map +1 -1
  3. package/dist/injections/utils.js +0 -25
  4. package/dist/injections/utils.js.map +1 -1
  5. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts +25 -0
  6. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts.map +1 -0
  7. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js +95 -0
  8. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js.map +1 -0
  9. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts +4 -0
  10. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts.map +1 -0
  11. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js +4 -0
  12. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js.map +1 -0
  13. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts +9 -0
  14. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts.map +1 -0
  15. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js +26 -0
  16. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js.map +1 -0
  17. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts +10 -0
  18. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts.map +1 -0
  19. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js +60 -0
  20. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js.map +1 -0
  21. package/dist/injections/visual-edit-agent/constants.d.ts +10 -0
  22. package/dist/injections/visual-edit-agent/constants.d.ts.map +1 -0
  23. package/dist/injections/visual-edit-agent/constants.js +10 -0
  24. package/dist/injections/visual-edit-agent/constants.js.map +1 -0
  25. package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts +10 -0
  26. package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts.map +1 -0
  27. package/dist/injections/visual-edit-agent/handlers/click-handlers.js +108 -0
  28. package/dist/injections/visual-edit-agent/handlers/click-handlers.js.map +1 -0
  29. package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts +14 -0
  30. package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts.map +1 -0
  31. package/dist/injections/visual-edit-agent/handlers/hover-handlers.js +64 -0
  32. package/dist/injections/visual-edit-agent/handlers/hover-handlers.js.map +1 -0
  33. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts +14 -0
  34. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts.map +1 -0
  35. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js +109 -0
  36. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map +1 -0
  37. package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts +26 -0
  38. package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map +1 -0
  39. package/dist/injections/visual-edit-agent/handlers/message-handlers.js +145 -0
  40. package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map +1 -0
  41. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts +7 -0
  42. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map +1 -0
  43. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js +54 -0
  44. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map +1 -0
  45. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts +11 -0
  46. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts.map +1 -0
  47. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js +32 -0
  48. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js.map +1 -0
  49. package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts +86 -0
  50. package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts.map +1 -0
  51. package/dist/injections/visual-edit-agent/handlers/messages/types.js +28 -0
  52. package/dist/injections/visual-edit-agent/handlers/messages/types.js.map +1 -0
  53. package/dist/injections/visual-edit-agent/index.d.ts +5 -0
  54. package/dist/injections/visual-edit-agent/index.d.ts.map +1 -0
  55. package/dist/injections/visual-edit-agent/index.js +95 -0
  56. package/dist/injections/visual-edit-agent/index.js.map +1 -0
  57. package/dist/injections/visual-edit-agent/state/agent-state.d.ts +17 -0
  58. package/dist/injections/visual-edit-agent/state/agent-state.d.ts.map +1 -0
  59. package/dist/injections/visual-edit-agent/state/agent-state.js +18 -0
  60. package/dist/injections/visual-edit-agent/state/agent-state.js.map +1 -0
  61. package/dist/injections/visual-edit-agent/ui/overlay.d.ts +26 -0
  62. package/dist/injections/visual-edit-agent/ui/overlay.d.ts.map +1 -0
  63. package/dist/injections/visual-edit-agent/ui/overlay.js +104 -0
  64. package/dist/injections/visual-edit-agent/ui/overlay.js.map +1 -0
  65. package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts +14 -0
  66. package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts.map +1 -0
  67. package/dist/injections/visual-edit-agent/utils/dom-utils.js +34 -0
  68. package/dist/injections/visual-edit-agent/utils/dom-utils.js.map +1 -0
  69. package/dist/injections/visual-edit-agent.d.ts +1 -1
  70. package/dist/injections/visual-edit-agent.d.ts.map +1 -1
  71. package/dist/injections/visual-edit-agent.js +1 -474
  72. package/dist/injections/visual-edit-agent.js.map +1 -1
  73. package/dist/statics/index.mjs +5 -1
  74. package/dist/statics/index.mjs.map +1 -1
  75. package/package.json +1 -1
  76. package/src/injections/utils.ts +0 -34
  77. package/src/injections/visual-edit-agent/README.md +222 -0
  78. package/src/injections/visual-edit-agent/capabilities/inline-editing/core.ts +120 -0
  79. package/src/injections/visual-edit-agent/capabilities/inline-editing/index.ts +10 -0
  80. package/src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts +26 -0
  81. package/src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts +67 -0
  82. package/src/injections/visual-edit-agent/constants.ts +9 -0
  83. package/src/injections/visual-edit-agent/handlers/click-handlers.ts +135 -0
  84. package/src/injections/visual-edit-agent/handlers/hover-handlers.ts +78 -0
  85. package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts +141 -0
  86. package/src/injections/visual-edit-agent/handlers/message-handlers.ts +191 -0
  87. package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +65 -0
  88. package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +40 -0
  89. package/src/injections/visual-edit-agent/handlers/messages/types.ts +112 -0
  90. package/src/injections/visual-edit-agent/index.ts +108 -0
  91. package/src/injections/visual-edit-agent/state/agent-state.ts +31 -0
  92. package/src/injections/visual-edit-agent/ui/overlay.ts +126 -0
  93. package/src/injections/visual-edit-agent/utils/dom-utils.ts +39 -0
  94. package/src/injections/visual-edit-agent.ts +1 -577
  95. package/dist/injections/layer-dropdown/consts.d.ts +0 -15
  96. package/dist/injections/layer-dropdown/consts.d.ts.map +0 -1
  97. package/dist/injections/layer-dropdown/consts.js +0 -36
  98. package/dist/injections/layer-dropdown/consts.js.map +0 -1
  99. package/dist/injections/layer-dropdown/controller.d.ts +0 -4
  100. package/dist/injections/layer-dropdown/controller.d.ts.map +0 -1
  101. package/dist/injections/layer-dropdown/controller.js +0 -85
  102. package/dist/injections/layer-dropdown/controller.js.map +0 -1
  103. package/dist/injections/layer-dropdown/dropdown-ui.d.ts +0 -13
  104. package/dist/injections/layer-dropdown/dropdown-ui.d.ts.map +0 -1
  105. package/dist/injections/layer-dropdown/dropdown-ui.js +0 -158
  106. package/dist/injections/layer-dropdown/dropdown-ui.js.map +0 -1
  107. package/dist/injections/layer-dropdown/types.d.ts +0 -21
  108. package/dist/injections/layer-dropdown/types.d.ts.map +0 -1
  109. package/dist/injections/layer-dropdown/types.js +0 -3
  110. package/dist/injections/layer-dropdown/types.js.map +0 -1
  111. package/dist/injections/layer-dropdown/utils.d.ts +0 -24
  112. package/dist/injections/layer-dropdown/utils.d.ts.map +0 -1
  113. package/dist/injections/layer-dropdown/utils.js +0 -150
  114. package/dist/injections/layer-dropdown/utils.js.map +0 -1
  115. package/src/injections/layer-dropdown/LAYERS.md +0 -258
  116. package/src/injections/layer-dropdown/consts.ts +0 -44
  117. package/src/injections/layer-dropdown/controller.ts +0 -105
  118. package/src/injections/layer-dropdown/dropdown-ui.ts +0 -221
  119. package/src/injections/layer-dropdown/types.ts +0 -24
  120. 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":"AACA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,0BAA0B,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AACvG,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEhF;;GAEG;AACH,SAAS,yBAAyB,CAAC,KAAiB;IAClD,IAAI,CAAC,KAAK,CAAC,iBAAiB;QAAE,OAAO;IAErC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC3D,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,OAAO;QAAE,OAAO;IAErB,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAE7C,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,uBAAuB;QACjD,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAClC,YAAY,EAAE,mBAAmB,CAAC,IAAI,CAAC;QACvC,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;KAC1C,EACD,GAAG,CACJ,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAAiB;IAC/C,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IACD,cAAc,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iCAAiC,CAC/C,KAAiB,EACjB,gBAAwB,EACxB,OAAe;IAEf,MAAM,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO;IAElC,oBAAoB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAExC,oFAAoF;IACpF,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,iBAAiB,KAAK,gBAAgB,EAAE,CAAC;YACjD,0BAA0B,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,KAAK,CAAC,0BAA0B,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChD,MAAM,cAAc,GAAG,KAAK,CAAC,0BAA0B,CAAC,CAAC,CAAgB,CAAC;YAC1E,IAAI,cAAc,EAAE,OAAO,EAAE,gBAAgB,KAAK,gBAAgB,EAAE,CAAC;gBACnE,uBAAuB,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,mBAAmB,CAAC,CAAC;AAC1B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAiB,EACjB,gBAAwB,EACxB,OAAe;IAEf,MAAM,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAEpD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC1B,OAAuB,CAAC,SAAS,GAAG,OAAO,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,iBAAiB,KAAK,gBAAgB,EAAE,CAAC;YACjD,0BAA0B,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,mBAAmB,CAAC,CAAC;AAC1B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAiB;IAC5C,yBAAyB,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAiB;IAC5C,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAClC,uBAAuB,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,KAAiB,EAAE,KAAmB;IAClE,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC;IAE3B,QAAQ,OAAO,CAAC,IAA2B,EAAE,CAAC;QAC5C,KAAK,mBAAmB,CAAC,uBAAuB;YAC9C,0BAA0B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC3C,MAAM;QAER,KAAK,mBAAmB,CAAC,cAAc;YACrC,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBACvD,iCAAiC,CAC/B,KAAK,EACL,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAC7B,OAAO,CAAC,IAAI,CAAC,OAAO,CACrB,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CACV,mDAAmD,EACnD,OAAO,CACR,CAAC;YACJ,CAAC;YACD,MAAM;QAER,KAAK,mBAAmB,CAAC,gBAAgB;YACvC,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,MAAM;QAER,KAAK,mBAAmB,CAAC,YAAY;YACnC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACzB,MAAM;QAER,KAAK,mBAAmB,CAAC,cAAc;YACrC,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBACvD,oBAAoB,CAClB,KAAK,EACL,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAC7B,OAAO,CAAC,IAAI,CAAC,OAAO,CACrB,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CACV,mDAAmD,EACnD,OAAO,CACR,CAAC;YACJ,CAAC;YACD,MAAM;QAER,KAAK,mBAAmB,CAAC,uBAAuB;YAC9C,0BAA0B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC3C,MAAM;QAER,KAAK,mBAAmB,CAAC,wBAAwB;YAC/C,yBAAyB,CAAC,KAAK,CAAC,CAAC;YACjC,MAAM;QAER,KAAK,mBAAmB,CAAC,kBAAkB;YACzC,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;gBAC1D,KAAK,CAAC,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;gBAClD,IAAI,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;oBAC5B,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC;YACD,MAAM;QAER,KAAK,mBAAmB,CAAC,cAAc;YACrC,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;gBACtD,KAAK,CAAC,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC3C,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;oBACxB,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC;YACD,MAAM;QAER;YACE,MAAM;IACV,CAAC;AACH,CAAC"}
@@ -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,5 @@
1
+ /**
2
+ * Main setup function for visual edit agent
3
+ */
4
+ export declare function setupVisualEditAgent(): void;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}