@base44-preview/vite-plugin 0.2.27-pr.41.77be9cb → 0.2.27-pr.44.489d834

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 (98) hide show
  1. package/dist/capabilities/inline-edit/controller.d.ts.map +1 -1
  2. package/dist/capabilities/inline-edit/controller.js +9 -3
  3. package/dist/capabilities/inline-edit/controller.js.map +1 -1
  4. package/dist/capabilities/inline-edit/dom-utils.d.ts +1 -0
  5. package/dist/capabilities/inline-edit/dom-utils.d.ts.map +1 -1
  6. package/dist/capabilities/inline-edit/dom-utils.js +17 -7
  7. package/dist/capabilities/inline-edit/dom-utils.js.map +1 -1
  8. package/dist/injections/visual-edit-agent.d.ts +1 -1
  9. package/dist/injections/visual-edit-agent.d.ts.map +1 -1
  10. package/dist/injections/visual-edit-agent.js +576 -1
  11. package/dist/injections/visual-edit-agent.js.map +1 -1
  12. package/dist/statics/index.mjs +2 -2
  13. package/dist/statics/index.mjs.map +1 -1
  14. package/package.json +1 -1
  15. package/src/capabilities/inline-edit/controller.ts +35 -29
  16. package/src/capabilities/inline-edit/dom-utils.ts +14 -4
  17. package/src/injections/visual-edit-agent.ts +714 -1
  18. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts +0 -25
  19. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts.map +0 -1
  20. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js +0 -95
  21. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js.map +0 -1
  22. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts +0 -4
  23. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts.map +0 -1
  24. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js +0 -4
  25. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js.map +0 -1
  26. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts +0 -9
  27. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts.map +0 -1
  28. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js +0 -26
  29. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js.map +0 -1
  30. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts +0 -17
  31. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts.map +0 -1
  32. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js +0 -76
  33. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js.map +0 -1
  34. package/dist/injections/visual-edit-agent/constants.d.ts +0 -10
  35. package/dist/injections/visual-edit-agent/constants.d.ts.map +0 -1
  36. package/dist/injections/visual-edit-agent/constants.js +0 -10
  37. package/dist/injections/visual-edit-agent/constants.js.map +0 -1
  38. package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts +0 -10
  39. package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts.map +0 -1
  40. package/dist/injections/visual-edit-agent/handlers/click-handlers.js +0 -117
  41. package/dist/injections/visual-edit-agent/handlers/click-handlers.js.map +0 -1
  42. package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts +0 -14
  43. package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts.map +0 -1
  44. package/dist/injections/visual-edit-agent/handlers/hover-handlers.js +0 -64
  45. package/dist/injections/visual-edit-agent/handlers/hover-handlers.js.map +0 -1
  46. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts +0 -14
  47. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts.map +0 -1
  48. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js +0 -114
  49. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map +0 -1
  50. package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts +0 -26
  51. package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map +0 -1
  52. package/dist/injections/visual-edit-agent/handlers/message-handlers.js +0 -148
  53. package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map +0 -1
  54. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts +0 -7
  55. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map +0 -1
  56. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js +0 -54
  57. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map +0 -1
  58. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts +0 -11
  59. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts.map +0 -1
  60. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js +0 -32
  61. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js.map +0 -1
  62. package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts +0 -105
  63. package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts.map +0 -1
  64. package/dist/injections/visual-edit-agent/handlers/messages/types.js +0 -28
  65. package/dist/injections/visual-edit-agent/handlers/messages/types.js.map +0 -1
  66. package/dist/injections/visual-edit-agent/index.d.ts +0 -6
  67. package/dist/injections/visual-edit-agent/index.d.ts.map +0 -1
  68. package/dist/injections/visual-edit-agent/index.js +0 -109
  69. package/dist/injections/visual-edit-agent/index.js.map +0 -1
  70. package/dist/injections/visual-edit-agent/state/agent-state.d.ts +0 -17
  71. package/dist/injections/visual-edit-agent/state/agent-state.d.ts.map +0 -1
  72. package/dist/injections/visual-edit-agent/state/agent-state.js +0 -18
  73. package/dist/injections/visual-edit-agent/state/agent-state.js.map +0 -1
  74. package/dist/injections/visual-edit-agent/ui/overlay.d.ts +0 -26
  75. package/dist/injections/visual-edit-agent/ui/overlay.d.ts.map +0 -1
  76. package/dist/injections/visual-edit-agent/ui/overlay.js +0 -104
  77. package/dist/injections/visual-edit-agent/ui/overlay.js.map +0 -1
  78. package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts +0 -14
  79. package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts.map +0 -1
  80. package/dist/injections/visual-edit-agent/utils/dom-utils.js +0 -34
  81. package/dist/injections/visual-edit-agent/utils/dom-utils.js.map +0 -1
  82. package/src/injections/visual-edit-agent/README.md +0 -222
  83. package/src/injections/visual-edit-agent/capabilities/inline-editing/core.ts +0 -120
  84. package/src/injections/visual-edit-agent/capabilities/inline-editing/index.ts +0 -10
  85. package/src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts +0 -26
  86. package/src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts +0 -87
  87. package/src/injections/visual-edit-agent/constants.ts +0 -9
  88. package/src/injections/visual-edit-agent/handlers/click-handlers.ts +0 -146
  89. package/src/injections/visual-edit-agent/handlers/hover-handlers.ts +0 -78
  90. package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts +0 -146
  91. package/src/injections/visual-edit-agent/handlers/message-handlers.ts +0 -201
  92. package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +0 -65
  93. package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +0 -40
  94. package/src/injections/visual-edit-agent/handlers/messages/types.ts +0 -134
  95. package/src/injections/visual-edit-agent/index.ts +0 -121
  96. package/src/injections/visual-edit-agent/state/agent-state.ts +0 -31
  97. package/src/injections/visual-edit-agent/ui/overlay.ts +0 -126
  98. package/src/injections/visual-edit-agent/utils/dom-utils.ts +0 -39
@@ -1,114 +0,0 @@
1
- import { OutgoingMessageType } from "./messages/types.js";
2
- import { repositionSelectedOverlays } from "../ui/overlay.js";
3
- import { enterInlineEditingMode, clearInlineEditingMode, setInlineEditCallback, isStaticArrayTextElement, } 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
- const message = {
67
- type: OutgoingMessageType.INLINE_EDIT,
68
- elementInfo,
69
- originalContent,
70
- newContent,
71
- };
72
- if (isStaticArrayTextElement(element)) {
73
- message.arrIndex = element.dataset.arrIndex;
74
- message.arrVariableName = element.dataset.arrVariableName;
75
- message.arrField = element.dataset.arrField;
76
- }
77
- window.parent.postMessage(message, "*");
78
- // Update baseline for next edit
79
- element.dataset.originalTextContent = newContent || "";
80
- }
81
- /**
82
- * Debounced function to send inline edit messages
83
- *
84
- * Intentionally overwrites the previous timeout on each keystroke — this is the
85
- * correct debounce behavior. We only send ONE message 500ms after the user stops
86
- * typing, containing the final text. Intermediate keystrokes are not sent to avoid
87
- * flooding the parent with dozens of messages per second.
88
- */
89
- function debouncedSendInlineEditMessage(state, element) {
90
- // Clear any existing timeout
91
- if (state.debouncedSendTimeout) {
92
- clearTimeout(state.debouncedSendTimeout);
93
- }
94
- // Set new timeout
95
- state.debouncedSendTimeout = setTimeout(() => {
96
- reportInlineEdit(state, element);
97
- }, INLINE_EDIT_DEBOUNCE_MS);
98
- }
99
- /**
100
- * Callback for text input changes (combines updatePosition and reportInlineEdit)
101
- */
102
- function createTextInputChangeCallback(state) {
103
- return (element) => {
104
- repositionSelectedOverlays(state);
105
- debouncedSendInlineEditMessage(state, element);
106
- };
107
- }
108
- /**
109
- * Setup inline edit callback
110
- */
111
- export function setupInlineEditCallback(state) {
112
- setInlineEditCallback(createTextInputChangeCallback(state));
113
- }
114
- //# sourceMappingURL=inline-edit-handlers.js.map
@@ -1 +0,0 @@
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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"}
@@ -1,26 +0,0 @@
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, arrIndex?: number): 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
@@ -1 +0,0 @@
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,CAoBN;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,MAAM,EACxB,OAAO,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,GAChB,IAAI,CAuBN;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,CA4E1E"}
@@ -1,148 +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
- const hoveredElement = state.currentHighlightedElements[0];
51
- if (hoveredElement instanceof HTMLElement &&
52
- hoveredElement.dataset.visualSelectorId === visualSelectorId) {
53
- repositionHoverOverlays(state);
54
- }
55
- }, REPOSITION_DELAY_MS);
56
- }
57
- /**
58
- * Update element content by visual selector ID
59
- */
60
- export function updateElementContent(state, visualSelectorId, content, arrIndex) {
61
- let elements = findElementsById(visualSelectorId);
62
- if (elements.length === 0) {
63
- return;
64
- }
65
- // If arrIndex is provided, only update the element at that array position
66
- if (arrIndex != null) {
67
- elements = elements.filter((el) => el.dataset.arrIndex === String(arrIndex));
68
- }
69
- elements.forEach((element) => {
70
- element.innerText = content;
71
- });
72
- setTimeout(() => {
73
- if (state.selectedElementId === visualSelectorId) {
74
- repositionSelectedOverlays(state);
75
- }
76
- }, REPOSITION_DELAY_MS);
77
- }
78
- /**
79
- * Handle scroll events to update popover position
80
- */
81
- export function handleScroll(state) {
82
- sendElementPositionUpdate(state);
83
- }
84
- /**
85
- * Handle window resize to reposition overlays
86
- */
87
- export function handleResize(state) {
88
- repositionSelectedOverlays(state);
89
- repositionHoverOverlays(state);
90
- }
91
- /**
92
- * Handle messages from parent window
93
- */
94
- export function handleMessage(state, event) {
95
- const message = event.data;
96
- switch (message.type) {
97
- case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:
98
- handleToggleVisualEditMode(state, message);
99
- break;
100
- case IncomingMessageType.UPDATE_CLASSES:
101
- if (message.data && message.data.classes !== undefined) {
102
- updateElementClassesAndReposition(state, message.data.visualSelectorId, message.data.classes);
103
- }
104
- else {
105
- console.warn("[VisualEditAgent] Invalid update-classes message:", message);
106
- }
107
- break;
108
- case IncomingMessageType.UNSELECT_ELEMENT:
109
- unselectElement(state);
110
- break;
111
- case IncomingMessageType.REFRESH_PAGE:
112
- window.location.reload();
113
- break;
114
- case IncomingMessageType.UPDATE_CONTENT:
115
- if (message.data && message.data.content !== undefined) {
116
- updateElementContent(state, message.data.visualSelectorId, message.data.content, message.data.arrIndex);
117
- }
118
- else {
119
- console.warn("[VisualEditAgent] Invalid update-content message:", message);
120
- }
121
- break;
122
- case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:
123
- handleToggleInlineEditMode(state, message);
124
- break;
125
- case IncomingMessageType.REQUEST_ELEMENT_POSITION:
126
- sendElementPositionUpdate(state);
127
- break;
128
- case IncomingMessageType.POPOVER_DRAG_STATE:
129
- if (message.data && message.data.isDragging !== undefined) {
130
- state.isPopoverDragging = message.data.isDragging;
131
- if (message.data.isDragging) {
132
- clearHoverOverlays(state);
133
- }
134
- }
135
- break;
136
- case IncomingMessageType.DROPDOWN_STATE:
137
- if (message.data && message.data.isOpen !== undefined) {
138
- state.isDropdownOpen = message.data.isOpen;
139
- if (message.data.isOpen) {
140
- clearHoverOverlays(state);
141
- }
142
- }
143
- break;
144
- default:
145
- break;
146
- }
147
- }
148
- //# 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,CAkDN"}
@@ -1,54 +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
- 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
@@ -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,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"}
@@ -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 = true;
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,IAAI,CAAC;IAC7C,CAAC;AACH,CAAC"}
@@ -1,105 +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 InlineEditMessage {
77
- type: OutgoingMessageType.INLINE_EDIT;
78
- elementInfo: {
79
- tagName: string;
80
- classes: string;
81
- visualSelectorId: string | null;
82
- content: string | null;
83
- dataSourceLocation: string | undefined;
84
- isDynamicContent: boolean;
85
- linenumber: string | undefined;
86
- filename: string | undefined;
87
- position: ElementPosition;
88
- };
89
- originalContent: string | undefined;
90
- newContent: string | null;
91
- arrIndex?: string;
92
- arrVariableName?: string;
93
- arrField?: string;
94
- }
95
- export interface ElementPosition {
96
- top: number;
97
- left: number;
98
- right: number;
99
- bottom: number;
100
- width: number;
101
- height: number;
102
- centerX: number;
103
- centerY: number;
104
- }
105
- //# 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":"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"}
@@ -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,6 +0,0 @@
1
- /**
2
- * Main setup function for visual edit agent.
3
- * Returns a teardown function that disconnects the observer and removes all event listeners.
4
- */
5
- export declare function setupVisualEditAgent(): () => void;
6
- //# 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":"AAgGA;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,IAAI,CAoBjD"}