@base44-preview/vite-plugin 0.2.22-pr.37.eb62313 → 0.2.22-pr.38.2655a87

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 (89) hide show
  1. package/dist/injections/visual-edit-agent.d.ts +1 -1
  2. package/dist/injections/visual-edit-agent.d.ts.map +1 -1
  3. package/dist/injections/visual-edit-agent.js +466 -1
  4. package/dist/injections/visual-edit-agent.js.map +1 -1
  5. package/dist/statics/index.mjs +1 -5
  6. package/dist/statics/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/injections/visual-edit-agent.ts +570 -1
  9. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts +0 -25
  10. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts.map +0 -1
  11. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js +0 -95
  12. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js.map +0 -1
  13. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts +0 -4
  14. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts.map +0 -1
  15. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js +0 -4
  16. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js.map +0 -1
  17. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts +0 -9
  18. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts.map +0 -1
  19. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js +0 -26
  20. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js.map +0 -1
  21. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts +0 -10
  22. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts.map +0 -1
  23. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js +0 -60
  24. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js.map +0 -1
  25. package/dist/injections/visual-edit-agent/constants.d.ts +0 -10
  26. package/dist/injections/visual-edit-agent/constants.d.ts.map +0 -1
  27. package/dist/injections/visual-edit-agent/constants.js +0 -10
  28. package/dist/injections/visual-edit-agent/constants.js.map +0 -1
  29. package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts +0 -10
  30. package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts.map +0 -1
  31. package/dist/injections/visual-edit-agent/handlers/click-handlers.js +0 -108
  32. package/dist/injections/visual-edit-agent/handlers/click-handlers.js.map +0 -1
  33. package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts +0 -14
  34. package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts.map +0 -1
  35. package/dist/injections/visual-edit-agent/handlers/hover-handlers.js +0 -64
  36. package/dist/injections/visual-edit-agent/handlers/hover-handlers.js.map +0 -1
  37. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts +0 -14
  38. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts.map +0 -1
  39. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js +0 -109
  40. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map +0 -1
  41. package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts +0 -26
  42. package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map +0 -1
  43. package/dist/injections/visual-edit-agent/handlers/message-handlers.js +0 -145
  44. package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map +0 -1
  45. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts +0 -7
  46. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map +0 -1
  47. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js +0 -58
  48. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map +0 -1
  49. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts +0 -11
  50. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts.map +0 -1
  51. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js +0 -32
  52. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js.map +0 -1
  53. package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts +0 -86
  54. package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts.map +0 -1
  55. package/dist/injections/visual-edit-agent/handlers/messages/types.js +0 -28
  56. package/dist/injections/visual-edit-agent/handlers/messages/types.js.map +0 -1
  57. package/dist/injections/visual-edit-agent/index.d.ts +0 -5
  58. package/dist/injections/visual-edit-agent/index.d.ts.map +0 -1
  59. package/dist/injections/visual-edit-agent/index.js +0 -95
  60. package/dist/injections/visual-edit-agent/index.js.map +0 -1
  61. package/dist/injections/visual-edit-agent/state/agent-state.d.ts +0 -17
  62. package/dist/injections/visual-edit-agent/state/agent-state.d.ts.map +0 -1
  63. package/dist/injections/visual-edit-agent/state/agent-state.js +0 -18
  64. package/dist/injections/visual-edit-agent/state/agent-state.js.map +0 -1
  65. package/dist/injections/visual-edit-agent/ui/overlay.d.ts +0 -26
  66. package/dist/injections/visual-edit-agent/ui/overlay.d.ts.map +0 -1
  67. package/dist/injections/visual-edit-agent/ui/overlay.js +0 -104
  68. package/dist/injections/visual-edit-agent/ui/overlay.js.map +0 -1
  69. package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts +0 -14
  70. package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts.map +0 -1
  71. package/dist/injections/visual-edit-agent/utils/dom-utils.js +0 -34
  72. package/dist/injections/visual-edit-agent/utils/dom-utils.js.map +0 -1
  73. package/src/injections/visual-edit-agent/README.md +0 -222
  74. package/src/injections/visual-edit-agent/capabilities/inline-editing/core.ts +0 -120
  75. package/src/injections/visual-edit-agent/capabilities/inline-editing/index.ts +0 -10
  76. package/src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts +0 -26
  77. package/src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts +0 -67
  78. package/src/injections/visual-edit-agent/constants.ts +0 -9
  79. package/src/injections/visual-edit-agent/handlers/click-handlers.ts +0 -135
  80. package/src/injections/visual-edit-agent/handlers/hover-handlers.ts +0 -78
  81. package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts +0 -141
  82. package/src/injections/visual-edit-agent/handlers/message-handlers.ts +0 -191
  83. package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +0 -70
  84. package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +0 -40
  85. package/src/injections/visual-edit-agent/handlers/messages/types.ts +0 -112
  86. package/src/injections/visual-edit-agent/index.ts +0 -108
  87. package/src/injections/visual-edit-agent/state/agent-state.ts +0 -31
  88. package/src/injections/visual-edit-agent/ui/overlay.ts +0 -126
  89. package/src/injections/visual-edit-agent/utils/dom-utils.ts +0 -39
@@ -1,145 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"message-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/message-handlers.ts"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
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
@@ -1 +0,0 @@
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,CAuDN"}
@@ -1,58 +0,0 @@
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
- // Find all elements with the same ID
32
- const elements = findElementsById(message.data.dataSourceLocation);
33
- // Mark elements as selected
34
- elements.forEach((el) => {
35
- if (el instanceof HTMLElement) {
36
- el.dataset.selected = "true";
37
- }
38
- });
39
- // Create selected overlays for all matching elements
40
- elements.forEach((el) => {
41
- const overlay = createOverlay(true);
42
- document.body.appendChild(overlay);
43
- state.selectedOverlays.push(overlay);
44
- positionOverlay(overlay, el, true, state.isVisualEditMode);
45
- });
46
- state.selectedElementId = message.data.dataSourceLocation;
47
- }
48
- handleEnterInlineEditingMode(state, element);
49
- }
50
- }
51
- else {
52
- // Disable inline editing
53
- if (state.currentEditingElement === element) {
54
- handleClearInlineEditingMode(state);
55
- }
56
- }
57
- }
58
- //# sourceMappingURL=toggle-inline-edit-mode.js.map
@@ -1 +0,0 @@
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,qCAAqC;gBACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBAEnE,4BAA4B;gBAC5B,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,qDAAqD;gBACrD,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"}
@@ -1,11 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,32 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,86 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,28 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,5 +0,0 @@
1
- /**
2
- * Main setup function for visual edit agent
3
- */
4
- export declare function setupVisualEditAgent(): void;
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
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"}
@@ -1,95 +0,0 @@
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
- * Uses requestAnimationFrame to coalesce many rapid mutations into one reposition
21
- * per paint frame, avoiding stacking multiple timers during CSS transitions.
22
- */
23
- function createLayoutObserver(onLayoutChange) {
24
- let rafHandle = null;
25
- const hasVisualId = (node) => {
26
- if (node.nodeType !== Node.ELEMENT_NODE)
27
- return false;
28
- const el = node;
29
- if (el.dataset?.visualSelectorId)
30
- return true;
31
- for (const child of Array.from(el.children)) {
32
- if (hasVisualId(child))
33
- return true;
34
- }
35
- return false;
36
- };
37
- return new MutationObserver((mutations) => {
38
- if (rafHandle !== null)
39
- return;
40
- const needsUpdate = mutations.some((mutation) => {
41
- const isLayoutChange = mutation.type === "attributes" &&
42
- (mutation.attributeName === "style" ||
43
- mutation.attributeName === "class" ||
44
- mutation.attributeName === "width" ||
45
- mutation.attributeName === "height");
46
- return isLayoutChange && hasVisualId(mutation.target);
47
- });
48
- if (needsUpdate) {
49
- // Coalesce rapid mutations into a single reposition per paint frame,
50
- // avoiding stacked timers during CSS transitions
51
- rafHandle = requestAnimationFrame(() => {
52
- rafHandle = null;
53
- onLayoutChange();
54
- });
55
- }
56
- });
57
- }
58
- /**
59
- * Setup event listeners
60
- */
61
- function setupEventListeners(state) {
62
- // Message handling
63
- window.addEventListener("message", (e) => handleMessage(state, e));
64
- // Scroll handling
65
- window.addEventListener("scroll", () => handleScroll(state), true);
66
- document.addEventListener("scroll", () => handleScroll(state), true);
67
- // Resize handling
68
- window.addEventListener("resize", () => handleResize(state));
69
- window.addEventListener("scroll", () => handleResize(state));
70
- // Click handling
71
- document.addEventListener("click", (e) => handleElementClick(state, e), true);
72
- // Hover handling
73
- document.addEventListener("mouseover", (e) => handleMouseOver(state, e));
74
- document.addEventListener("mouseout", () => handleMouseOut(state));
75
- }
76
- /**
77
- * Main setup function for visual edit agent
78
- */
79
- export function setupVisualEditAgent() {
80
- const state = createAgentState();
81
- initializeElementIds();
82
- setupInlineEditCallback(state);
83
- setupEventListeners(state);
84
- // Create and start mutation observer
85
- const mutationObserver = createLayoutObserver(() => handleResize(state));
86
- mutationObserver.observe(document.body, {
87
- attributes: true,
88
- childList: true,
89
- subtree: true,
90
- attributeFilter: ["style", "class", "width", "height"],
91
- });
92
- // Send ready message to parent
93
- window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, "*");
94
- }
95
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE;;GAEG;AACH,SAAS,oBAAoB;IAC3B,MAAM,sBAAsB,GAAG,QAAQ,CAAC,gBAAgB,CACtD,kDAAkD,CACnD,CAAC;IACF,sBAAsB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC3C,MAAM,MAAM,GAAG,EAAiB,CAAC;QACjC,MAAM,EAAE,GAAG,aAAa,MAAM,CAAC,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,EAAE,CAAC;QACxF,MAAM,CAAC,OAAO,CAAC,gBAAgB,GAAG,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,cAA0B;IACtD,IAAI,SAAS,GAAkB,IAAI,CAAC;IAEpC,MAAM,WAAW,GAAG,CAAC,IAAU,EAAW,EAAE;QAC1C,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YAAE,OAAO,KAAK,CAAC;QACtD,MAAM,EAAE,GAAG,IAAmB,CAAC;QAC/B,IAAI,EAAE,CAAC,OAAO,EAAE,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAC9C,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5C,IAAI,WAAW,CAAC,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;QACtC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;QACxC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAE/B,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9C,MAAM,cAAc,GAClB,QAAQ,CAAC,IAAI,KAAK,YAAY;gBAC9B,CAAC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBACjC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBAClC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBAClC,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC;YAEzC,OAAO,cAAc,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,IAAI,WAAW,EAAE,CAAC;YAChB,qEAAqE;YACrE,iDAAiD;YACjD,SAAS,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACrC,SAAS,GAAG,IAAI,CAAC;gBACjB,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,SAAS,mBAAmB,CAAC,KAA0C;IACrE,mBAAmB;IACnB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnE,kBAAkB;IAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAErE,kBAAkB;IAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7D,iBAAiB;IACjB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAE9E,iBAAiB;IACjB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;AACrE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAClC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,oBAAoB,EAAE,CAAC;IACvB,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAC/B,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAE3B,qCAAqC;IACrC,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QACtC,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;KACvD,CAAC,CAAC;IAEH,+BAA+B;IAC/B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,uBAAuB,EAAE,EAAE,GAAG,CAAC,CAAC;AACxF,CAAC"}
@@ -1,17 +0,0 @@
1
- /**
2
- * Central state management for the visual edit agent
3
- */
4
- export interface AgentState {
5
- isVisualEditMode: boolean;
6
- isPopoverDragging: boolean;
7
- isDropdownOpen: boolean;
8
- hoverOverlays: HTMLDivElement[];
9
- selectedOverlays: HTMLDivElement[];
10
- currentHighlightedElements: Element[];
11
- selectedElementId: string | null;
12
- currentEditingElement: HTMLElement | null;
13
- debouncedSendTimeout: ReturnType<typeof setTimeout> | null;
14
- isInlineEditExperimentEnabled: boolean;
15
- }
16
- export declare function createAgentState(): AgentState;
17
- //# sourceMappingURL=agent-state.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"agent-state.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/state/agent-state.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,0BAA0B,EAAE,OAAO,EAAE,CAAC;IACtC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,qBAAqB,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1C,oBAAoB,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAC3D,6BAA6B,EAAE,OAAO,CAAC;CACxC;AAED,wBAAgB,gBAAgB,IAAI,UAAU,CAa7C"}
@@ -1,18 +0,0 @@
1
- /**
2
- * Central state management for the visual edit agent
3
- */
4
- export function createAgentState() {
5
- return {
6
- isVisualEditMode: false,
7
- isPopoverDragging: false,
8
- isDropdownOpen: false,
9
- hoverOverlays: [],
10
- selectedOverlays: [],
11
- currentHighlightedElements: [],
12
- selectedElementId: null,
13
- currentEditingElement: null,
14
- debouncedSendTimeout: null,
15
- isInlineEditExperimentEnabled: false,
16
- };
17
- }
18
- //# sourceMappingURL=agent-state.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"agent-state.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/state/agent-state.ts"],"names":[],"mappings":"AAAA;;GAEG;AAeH,MAAM,UAAU,gBAAgB;IAC9B,OAAO;QACL,gBAAgB,EAAE,KAAK;QACvB,iBAAiB,EAAE,KAAK;QACxB,cAAc,EAAE,KAAK;QACrB,aAAa,EAAE,EAAE;QACjB,gBAAgB,EAAE,EAAE;QACpB,0BAA0B,EAAE,EAAE;QAC9B,iBAAiB,EAAE,IAAI;QACvB,qBAAqB,EAAE,IAAI;QAC3B,oBAAoB,EAAE,IAAI;QAC1B,6BAA6B,EAAE,KAAK;KACrC,CAAC;AACJ,CAAC"}
@@ -1,26 +0,0 @@
1
- import type { AgentState } from "../state/agent-state.js";
2
- /**
3
- * Create an overlay element for highlighting
4
- */
5
- export declare function createOverlay(isSelected?: boolean): HTMLDivElement;
6
- /**
7
- * Position overlay relative to element
8
- */
9
- export declare function positionOverlay(overlay: HTMLDivElement, element: Element, isSelected?: boolean, isVisualEditMode?: boolean): void;
10
- /**
11
- * Clear all overlays from DOM
12
- */
13
- export declare function clearOverlays(overlays: HTMLDivElement[]): void;
14
- /**
15
- * Remove data-selected attribute, clear selected overlays, and reset selection state
16
- */
17
- export declare function clearSelection(state: AgentState): void;
18
- /**
19
- * Reposition selected overlays to match current element bounds
20
- */
21
- export declare function repositionSelectedOverlays(state: AgentState): void;
22
- /**
23
- * Reposition hover overlays to match current element bounds
24
- */
25
- export declare function repositionHoverOverlays(state: AgentState): void;
26
- //# sourceMappingURL=overlay.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/ui/overlay.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D;;GAEG;AACH,wBAAgB,aAAa,CAAC,UAAU,UAAQ,GAAG,cAAc,CAehE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,EAChB,UAAU,UAAQ,EAClB,gBAAgB,UAAO,GACtB,IAAI,CA+BN;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAM9D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAYtD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CASlE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAO/D"}