@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.
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 +78 -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 +109 -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 +99 -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 +42 -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 +33 -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 +100 -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 +103 -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 +100 -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 +130 -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 +51 -0
  88. package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +41 -0
  89. package/src/injections/visual-edit-agent/handlers/messages/types.ts +112 -0
  90. package/src/injections/visual-edit-agent/index.ts +116 -0
  91. package/src/injections/visual-edit-agent/state/agent-state.ts +31 -0
  92. package/src/injections/visual-edit-agent/ui/overlay.ts +125 -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,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":"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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
+ 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,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":"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