@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.
- package/dist/capabilities/inline-edit/controller.d.ts.map +1 -1
- package/dist/capabilities/inline-edit/controller.js +9 -3
- package/dist/capabilities/inline-edit/controller.js.map +1 -1
- package/dist/capabilities/inline-edit/dom-utils.d.ts +1 -0
- package/dist/capabilities/inline-edit/dom-utils.d.ts.map +1 -1
- package/dist/capabilities/inline-edit/dom-utils.js +17 -7
- package/dist/capabilities/inline-edit/dom-utils.js.map +1 -1
- package/dist/injections/visual-edit-agent.d.ts +1 -1
- package/dist/injections/visual-edit-agent.d.ts.map +1 -1
- package/dist/injections/visual-edit-agent.js +576 -1
- package/dist/injections/visual-edit-agent.js.map +1 -1
- package/dist/statics/index.mjs +2 -2
- package/dist/statics/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/capabilities/inline-edit/controller.ts +35 -29
- package/src/capabilities/inline-edit/dom-utils.ts +14 -4
- package/src/injections/visual-edit-agent.ts +714 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts +0 -25
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js +0 -95
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js.map +0 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts +0 -4
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js +0 -4
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js.map +0 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts +0 -9
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js +0 -26
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js.map +0 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts +0 -17
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js +0 -76
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js.map +0 -1
- package/dist/injections/visual-edit-agent/constants.d.ts +0 -10
- package/dist/injections/visual-edit-agent/constants.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/constants.js +0 -10
- package/dist/injections/visual-edit-agent/constants.js.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts +0 -10
- package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/click-handlers.js +0 -117
- package/dist/injections/visual-edit-agent/handlers/click-handlers.js.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts +0 -14
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.js +0 -64
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.js.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts +0 -14
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js +0 -114
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts +0 -26
- package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/message-handlers.js +0 -148
- package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts +0 -7
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js +0 -54
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts +0 -11
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js +0 -32
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts +0 -105
- package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/handlers/messages/types.js +0 -28
- package/dist/injections/visual-edit-agent/handlers/messages/types.js.map +0 -1
- package/dist/injections/visual-edit-agent/index.d.ts +0 -6
- package/dist/injections/visual-edit-agent/index.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/index.js +0 -109
- package/dist/injections/visual-edit-agent/index.js.map +0 -1
- package/dist/injections/visual-edit-agent/state/agent-state.d.ts +0 -17
- package/dist/injections/visual-edit-agent/state/agent-state.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/state/agent-state.js +0 -18
- package/dist/injections/visual-edit-agent/state/agent-state.js.map +0 -1
- package/dist/injections/visual-edit-agent/ui/overlay.d.ts +0 -26
- package/dist/injections/visual-edit-agent/ui/overlay.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/ui/overlay.js +0 -104
- package/dist/injections/visual-edit-agent/ui/overlay.js.map +0 -1
- package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts +0 -14
- package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/utils/dom-utils.js +0 -34
- package/dist/injections/visual-edit-agent/utils/dom-utils.js.map +0 -1
- package/src/injections/visual-edit-agent/README.md +0 -222
- package/src/injections/visual-edit-agent/capabilities/inline-editing/core.ts +0 -120
- package/src/injections/visual-edit-agent/capabilities/inline-editing/index.ts +0 -10
- package/src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts +0 -26
- package/src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts +0 -87
- package/src/injections/visual-edit-agent/constants.ts +0 -9
- package/src/injections/visual-edit-agent/handlers/click-handlers.ts +0 -146
- package/src/injections/visual-edit-agent/handlers/hover-handlers.ts +0 -78
- package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts +0 -146
- package/src/injections/visual-edit-agent/handlers/message-handlers.ts +0 -201
- package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +0 -65
- package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +0 -40
- package/src/injections/visual-edit-agent/handlers/messages/types.ts +0 -134
- package/src/injections/visual-edit-agent/index.ts +0 -121
- package/src/injections/visual-edit-agent/state/agent-state.ts +0 -31
- package/src/injections/visual-edit-agent/ui/overlay.ts +0 -126
- package/src/injections/visual-edit-agent/utils/dom-utils.ts +0 -39
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Callback function type for handling text input changes
|
|
3
|
-
*/
|
|
4
|
-
type OnTextInputChange = (element: HTMLElement) => void;
|
|
5
|
-
/**
|
|
6
|
-
* Set the callback function that will be called on text input changes
|
|
7
|
-
*/
|
|
8
|
-
export declare function setInlineEditCallback(callback: OnTextInputChange | null): void;
|
|
9
|
-
/**
|
|
10
|
-
* Check if an element should enter inline editing mode
|
|
11
|
-
* Called when user clicks on an already-selected element
|
|
12
|
-
*/
|
|
13
|
-
export declare function shouldEnterInlineEditingMode(element: Element): boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Enable contentEditable mode on an element
|
|
16
|
-
* Follows the exact flow from inlineEdit.md
|
|
17
|
-
*/
|
|
18
|
-
export declare function enterInlineEditingMode(element: HTMLElement): void;
|
|
19
|
-
/**
|
|
20
|
-
* Disable contentEditable mode on an element
|
|
21
|
-
* Reverses everything done by enterInlineEditingMode
|
|
22
|
-
*/
|
|
23
|
-
export declare function clearInlineEditingMode(element: HTMLElement): void;
|
|
24
|
-
export {};
|
|
25
|
-
//# sourceMappingURL=core.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,KAAK,iBAAiB,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;AAQxD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAE9E;AAkBD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAYtE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CA4BjE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CA0BjE"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { injectFocusOutlineCSS, removeFocusOutlineCSS } from "./styles.js";
|
|
2
|
-
import { selectText, isEditableTextElement } from "./validation.js";
|
|
3
|
-
/**
|
|
4
|
-
* Global callback that gets triggered on every input event
|
|
5
|
-
* This is set by the visual-edit-agent and includes both updatePosition and reportInlineEdit
|
|
6
|
-
*/
|
|
7
|
-
let onTextInputChangeCallback = null;
|
|
8
|
-
/**
|
|
9
|
-
* Set the callback function that will be called on text input changes
|
|
10
|
-
*/
|
|
11
|
-
export function setInlineEditCallback(callback) {
|
|
12
|
-
onTextInputChangeCallback = callback;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* WeakMap to track AbortControllers for each element's input listener.
|
|
16
|
-
* Using WeakMap ensures no memory leaks — when an element is garbage collected,
|
|
17
|
-
* its entry is automatically removed.
|
|
18
|
-
*/
|
|
19
|
-
const listenerAbortControllers = new WeakMap();
|
|
20
|
-
/**
|
|
21
|
-
* Internal handler for the native input event
|
|
22
|
-
*/
|
|
23
|
-
function handleInputEvent(e) {
|
|
24
|
-
if (onTextInputChangeCallback) {
|
|
25
|
-
onTextInputChangeCallback(this);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Check if an element should enter inline editing mode
|
|
30
|
-
* Called when user clicks on an already-selected element
|
|
31
|
-
*/
|
|
32
|
-
export function shouldEnterInlineEditingMode(element) {
|
|
33
|
-
// Must have data-selected="true"
|
|
34
|
-
if (!(element instanceof HTMLElement) || element.dataset.selected !== "true") {
|
|
35
|
-
return false;
|
|
36
|
-
}
|
|
37
|
-
// Must pass all editability checks
|
|
38
|
-
if (!isEditableTextElement(element)) {
|
|
39
|
-
return false;
|
|
40
|
-
}
|
|
41
|
-
return true;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Enable contentEditable mode on an element
|
|
45
|
-
* Follows the exact flow from inlineEdit.md
|
|
46
|
-
*/
|
|
47
|
-
export function enterInlineEditingMode(element) {
|
|
48
|
-
// Inject CSS to suppress focus outline
|
|
49
|
-
injectFocusOutlineCSS();
|
|
50
|
-
// Store original state
|
|
51
|
-
element.dataset.originalTextContent = element.textContent || "";
|
|
52
|
-
element.dataset.originalCursor = element.style.cursor;
|
|
53
|
-
// Enable contentEditable
|
|
54
|
-
element.contentEditable = "true";
|
|
55
|
-
// Create an AbortController to manage the input listener lifecycle
|
|
56
|
-
const abortController = new AbortController();
|
|
57
|
-
listenerAbortControllers.set(element, abortController);
|
|
58
|
-
// Add input event listener with AbortSignal for automatic cleanup
|
|
59
|
-
element.addEventListener("input", handleInputEvent, { signal: abortController.signal });
|
|
60
|
-
// Set cursor to text
|
|
61
|
-
element.style.cursor = "text";
|
|
62
|
-
// Select all text
|
|
63
|
-
selectText(element);
|
|
64
|
-
// Focus after render
|
|
65
|
-
setTimeout(() => {
|
|
66
|
-
element.focus();
|
|
67
|
-
}, 0);
|
|
68
|
-
}
|
|
69
|
-
/**
|
|
70
|
-
* Disable contentEditable mode on an element
|
|
71
|
-
* Reverses everything done by enterInlineEditingMode
|
|
72
|
-
*/
|
|
73
|
-
export function clearInlineEditingMode(element) {
|
|
74
|
-
// Abort the input event listener using the stored AbortController
|
|
75
|
-
const abortController = listenerAbortControllers.get(element);
|
|
76
|
-
if (abortController) {
|
|
77
|
-
abortController.abort();
|
|
78
|
-
listenerAbortControllers.delete(element);
|
|
79
|
-
}
|
|
80
|
-
// If element was removed from DOM before cleanup, skip DOM operations
|
|
81
|
-
if (!element.isConnected) {
|
|
82
|
-
return;
|
|
83
|
-
}
|
|
84
|
-
removeFocusOutlineCSS();
|
|
85
|
-
// Disable contentEditable
|
|
86
|
-
element.contentEditable = "false";
|
|
87
|
-
// Remove stored original text content
|
|
88
|
-
delete element.dataset.originalTextContent;
|
|
89
|
-
// Restore original cursor
|
|
90
|
-
if (element.dataset.originalCursor !== undefined) {
|
|
91
|
-
element.style.cursor = element.dataset.originalCursor;
|
|
92
|
-
delete element.dataset.originalCursor;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
//# sourceMappingURL=core.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { enterInlineEditingMode, clearInlineEditingMode, shouldEnterInlineEditingMode, setInlineEditCallback, } from "./core.js";
|
|
2
|
-
export { injectFocusOutlineCSS, removeFocusOutlineCSS } from "./styles.js";
|
|
3
|
-
export { isEditableTextElement, isStaticArrayTextElement, selectText } from "./validation.js";
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { enterInlineEditingMode, clearInlineEditingMode, shouldEnterInlineEditingMode, setInlineEditCallback, } from "./core.js";
|
|
2
|
-
export { injectFocusOutlineCSS, removeFocusOutlineCSS } from "./styles.js";
|
|
3
|
-
export { isEditableTextElement, isStaticArrayTextElement, selectText } from "./validation.js";
|
|
4
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Inject CSS to suppress the browser's default focus outline on contentEditable elements
|
|
3
|
-
*/
|
|
4
|
-
export declare function injectFocusOutlineCSS(): void;
|
|
5
|
-
/**
|
|
6
|
-
* Remove the injected focus outline CSS
|
|
7
|
-
*/
|
|
8
|
-
export declare function removeFocusOutlineCSS(): void;
|
|
9
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAY5C;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAK5C"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Inject CSS to suppress the browser's default focus outline on contentEditable elements
|
|
3
|
-
*/
|
|
4
|
-
export function injectFocusOutlineCSS() {
|
|
5
|
-
const existingStyle = document.getElementById("visual-edit-focus-styles");
|
|
6
|
-
if (existingStyle)
|
|
7
|
-
return;
|
|
8
|
-
const style = document.createElement("style");
|
|
9
|
-
style.id = "visual-edit-focus-styles";
|
|
10
|
-
style.textContent = `
|
|
11
|
-
[data-selected="true"][contenteditable="true"]:focus {
|
|
12
|
-
outline: none !important;
|
|
13
|
-
}
|
|
14
|
-
`;
|
|
15
|
-
document.head.appendChild(style);
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Remove the injected focus outline CSS
|
|
19
|
-
*/
|
|
20
|
-
export function removeFocusOutlineCSS() {
|
|
21
|
-
const style = document.getElementById("visual-edit-focus-styles");
|
|
22
|
-
if (style) {
|
|
23
|
-
style.remove();
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC;IAC1E,IAAI,aAAa;QAAE,OAAO;IAE1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,0BAA0B,CAAC;IACtC,KAAK,CAAC,WAAW,GAAG;;;;GAInB,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC;IAClE,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;AACH,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Select all text content in an element using the Selection API
|
|
3
|
-
*/
|
|
4
|
-
export declare function selectText(element: HTMLElement): void;
|
|
5
|
-
/**
|
|
6
|
-
* Check if an element is a static array text element.
|
|
7
|
-
* These elements are "dynamic" (they reference item.field) but their source
|
|
8
|
-
* is a compile-time static array, so they can be safely edited inline.
|
|
9
|
-
*/
|
|
10
|
-
export declare function isStaticArrayTextElement(element: HTMLElement): boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Check if an element is an editable text element
|
|
13
|
-
* Based on the eligibility rules from inlineEdit.md (non-dynamic only),
|
|
14
|
-
* with an exception for static array elements.
|
|
15
|
-
*/
|
|
16
|
-
export declare function isEditableTextElement(element: Element): boolean;
|
|
17
|
-
//# sourceMappingURL=validation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAMrD;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAEtE;AA4CD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAmB/D"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Select all text content in an element using the Selection API
|
|
3
|
-
*/
|
|
4
|
-
export function selectText(element) {
|
|
5
|
-
const range = document.createRange();
|
|
6
|
-
range.selectNodeContents(element);
|
|
7
|
-
const selection = window.getSelection();
|
|
8
|
-
selection?.removeAllRanges();
|
|
9
|
-
selection?.addRange(range);
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Check if an element is a static array text element.
|
|
13
|
-
* These elements are "dynamic" (they reference item.field) but their source
|
|
14
|
-
* is a compile-time static array, so they can be safely edited inline.
|
|
15
|
-
*/
|
|
16
|
-
export function isStaticArrayTextElement(element) {
|
|
17
|
-
return !!element.dataset.arrField;
|
|
18
|
-
}
|
|
19
|
-
const ALLOWED_INLINE_EDIT_TAGS = [
|
|
20
|
-
"div",
|
|
21
|
-
"p",
|
|
22
|
-
"h1",
|
|
23
|
-
"h2",
|
|
24
|
-
"h3",
|
|
25
|
-
"h4",
|
|
26
|
-
"h5",
|
|
27
|
-
"h6",
|
|
28
|
-
"span",
|
|
29
|
-
"li",
|
|
30
|
-
"td",
|
|
31
|
-
"a",
|
|
32
|
-
"button",
|
|
33
|
-
"label",
|
|
34
|
-
];
|
|
35
|
-
/**
|
|
36
|
-
* Structural checks shared by both regular and static-array inline editing:
|
|
37
|
-
* allowed tag, non-empty text, no media children, leaf node.
|
|
38
|
-
*/
|
|
39
|
-
function passesStructuralChecks(element) {
|
|
40
|
-
if (!ALLOWED_INLINE_EDIT_TAGS.includes(element.tagName.toLowerCase())) {
|
|
41
|
-
return false;
|
|
42
|
-
}
|
|
43
|
-
const textContent = element.textContent?.trim() || "";
|
|
44
|
-
if (textContent.length === 0) {
|
|
45
|
-
return false;
|
|
46
|
-
}
|
|
47
|
-
if (element.querySelector("img, video, canvas, svg") !== null) {
|
|
48
|
-
return false;
|
|
49
|
-
}
|
|
50
|
-
if (element.children.length > 0) {
|
|
51
|
-
return false;
|
|
52
|
-
}
|
|
53
|
-
return true;
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Check if an element is an editable text element
|
|
57
|
-
* Based on the eligibility rules from inlineEdit.md (non-dynamic only),
|
|
58
|
-
* with an exception for static array elements.
|
|
59
|
-
*/
|
|
60
|
-
export function isEditableTextElement(element) {
|
|
61
|
-
if (!(element instanceof HTMLElement)) {
|
|
62
|
-
return false;
|
|
63
|
-
}
|
|
64
|
-
if (!passesStructuralChecks(element)) {
|
|
65
|
-
return false;
|
|
66
|
-
}
|
|
67
|
-
// Static array elements are editable even though they are technically "dynamic"
|
|
68
|
-
if (isStaticArrayTextElement(element)) {
|
|
69
|
-
return true;
|
|
70
|
-
}
|
|
71
|
-
if (element.dataset.dynamicContent === "true") {
|
|
72
|
-
return false;
|
|
73
|
-
}
|
|
74
|
-
return true;
|
|
75
|
-
}
|
|
76
|
-
//# sourceMappingURL=validation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,OAAoB;IAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IACxC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAAC,OAAoB;IAC3D,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AACpC,CAAC;AAED,MAAM,wBAAwB,GAAG;IAC/B,KAAK;IACL,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,QAAQ;IACR,OAAO;CACR,CAAC;AAEF;;;GAGG;AACH,SAAS,sBAAsB,CAAC,OAAoB;IAClD,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;QACtE,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACtD,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC7B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,OAAO,CAAC,aAAa,CAAC,yBAAyB,CAAC,KAAK,IAAI,EAAE,CAAC;QAC9D,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAgB;IACpD,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,CAAC;QACrC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,gFAAgF;IAChF,IAAI,wBAAwB,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM,EAAE,CAAC;QAC9C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export declare const INLINE_EDIT_DEBOUNCE_MS = 500;
|
|
2
|
-
export declare const OVERLAY_TRANSITION = "all 0.1s ease-in-out";
|
|
3
|
-
export declare const OVERLAY_Z_INDEX = "9999";
|
|
4
|
-
export declare const SELECTED_BORDER_COLOR = "#2563EB";
|
|
5
|
-
export declare const HOVER_BORDER_COLOR = "#95a5fc";
|
|
6
|
-
export declare const HOVER_BACKGROUND_COLOR = "rgba(99, 102, 241, 0.05)";
|
|
7
|
-
export declare const LABEL_TOP_OFFSET = "-27px";
|
|
8
|
-
export declare const LABEL_LEFT_OFFSET = "-2px";
|
|
9
|
-
export declare const REPOSITION_DELAY_MS = 50;
|
|
10
|
-
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,eAAe,SAAS,CAAC;AACtC,eAAO,MAAM,qBAAqB,YAAY,CAAC;AAC/C,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAC5C,eAAO,MAAM,sBAAsB,6BAA6B,CAAC;AACjE,eAAO,MAAM,gBAAgB,UAAU,CAAC;AACxC,eAAO,MAAM,iBAAiB,SAAS,CAAC;AACxC,eAAO,MAAM,mBAAmB,KAAK,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export const INLINE_EDIT_DEBOUNCE_MS = 500;
|
|
2
|
-
export const OVERLAY_TRANSITION = "all 0.1s ease-in-out";
|
|
3
|
-
export const OVERLAY_Z_INDEX = "9999";
|
|
4
|
-
export const SELECTED_BORDER_COLOR = "#2563EB";
|
|
5
|
-
export const HOVER_BORDER_COLOR = "#95a5fc";
|
|
6
|
-
export const HOVER_BACKGROUND_COLOR = "rgba(99, 102, 241, 0.05)";
|
|
7
|
-
export const LABEL_TOP_OFFSET = "-27px";
|
|
8
|
-
export const LABEL_LEFT_OFFSET = "-2px";
|
|
9
|
-
export const REPOSITION_DELAY_MS = 50;
|
|
10
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAC3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACzD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC;AACtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAC/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAC5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AACjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;AACxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC;AACxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { AgentState } from "../state/agent-state.js";
|
|
2
|
-
/**
|
|
3
|
-
* Handle element selection (first click)
|
|
4
|
-
*/
|
|
5
|
-
export declare function handleElementSelection(state: AgentState, element: Element, visualSelectorId: string | null): void;
|
|
6
|
-
/**
|
|
7
|
-
* Handle element click
|
|
8
|
-
*/
|
|
9
|
-
export declare function handleElementClick(state: AgentState, e: MouseEvent): void;
|
|
10
|
-
//# sourceMappingURL=click-handlers.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"click-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/click-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAS1D;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAC9B,IAAI,CAwDN;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAoEzE"}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { OutgoingMessageType } from "./messages/types.js";
|
|
2
|
-
import { findElementsById } from "../../utils.js";
|
|
3
|
-
import { createOverlay, positionOverlay, clearSelection } from "../ui/overlay.js";
|
|
4
|
-
import { clearHoverOverlays } from "./hover-handlers.js";
|
|
5
|
-
import { shouldEnterInlineEditingMode } from "../capabilities/inline-editing/index.js";
|
|
6
|
-
import { handleClearInlineEditingMode, handleEnterInlineEditingMode } from "./inline-edit-handlers.js";
|
|
7
|
-
import { getElementPosition, getElementClasses } from "../utils/dom-utils.js";
|
|
8
|
-
/**
|
|
9
|
-
* Handle element selection (first click)
|
|
10
|
-
*/
|
|
11
|
-
export function handleElementSelection(state, element, visualSelectorId) {
|
|
12
|
-
if (state.currentEditingElement) {
|
|
13
|
-
handleClearInlineEditingMode(state);
|
|
14
|
-
}
|
|
15
|
-
clearSelection(state);
|
|
16
|
-
// Find all elements with the same ID
|
|
17
|
-
const elements = findElementsById(visualSelectorId);
|
|
18
|
-
if (state.isInlineEditExperimentEnabled) {
|
|
19
|
-
elements.forEach((el) => {
|
|
20
|
-
if (el instanceof HTMLElement) {
|
|
21
|
-
el.dataset.selected = "true";
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
// Create selected overlays for all matching elements
|
|
26
|
-
elements.forEach((el) => {
|
|
27
|
-
const overlay = createOverlay(true);
|
|
28
|
-
document.body.appendChild(overlay);
|
|
29
|
-
state.selectedOverlays.push(overlay);
|
|
30
|
-
positionOverlay(overlay, el, true, state.isVisualEditMode);
|
|
31
|
-
});
|
|
32
|
-
state.selectedElementId = visualSelectorId;
|
|
33
|
-
// Clear hover overlays
|
|
34
|
-
clearHoverOverlays(state);
|
|
35
|
-
// Send message to parent window with element info
|
|
36
|
-
const htmlElement = element;
|
|
37
|
-
// Resolve static-array context from vite-plugin attributes (data-arr-*)
|
|
38
|
-
const arrEl = htmlElement.closest("[data-arr-variable-name]");
|
|
39
|
-
const staticArrayName = arrEl?.dataset?.arrVariableName || null;
|
|
40
|
-
const rawIdx = arrEl?.dataset?.arrIndex;
|
|
41
|
-
const staticArrayIndex = rawIdx != null ? parseInt(rawIdx, 10) : null;
|
|
42
|
-
const staticArrayField = htmlElement.dataset?.arrField || null;
|
|
43
|
-
const elementData = {
|
|
44
|
-
type: OutgoingMessageType.ELEMENT_SELECTED,
|
|
45
|
-
tagName: element.tagName,
|
|
46
|
-
classes: getElementClasses(element),
|
|
47
|
-
visualSelectorId: visualSelectorId,
|
|
48
|
-
content: htmlElement.innerText,
|
|
49
|
-
dataSourceLocation: htmlElement.dataset.sourceLocation,
|
|
50
|
-
isDynamicContent: htmlElement.dataset.dynamicContent === "true",
|
|
51
|
-
linenumber: htmlElement.dataset.linenumber,
|
|
52
|
-
filename: htmlElement.dataset.filename,
|
|
53
|
-
position: getElementPosition(element.getBoundingClientRect()),
|
|
54
|
-
staticArrayName,
|
|
55
|
-
staticArrayIndex,
|
|
56
|
-
staticArrayField,
|
|
57
|
-
};
|
|
58
|
-
window.parent.postMessage(elementData, "*");
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* Handle element click
|
|
62
|
-
*/
|
|
63
|
-
export function handleElementClick(state, e) {
|
|
64
|
-
if (!state.isVisualEditMode)
|
|
65
|
-
return;
|
|
66
|
-
const target = e.target;
|
|
67
|
-
// Bail out early if clicking on a contentEditable element (allow normal editing)
|
|
68
|
-
if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === "true") {
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
// If currently editing, clicking outside should exit editing mode
|
|
72
|
-
if (state.currentEditingElement) {
|
|
73
|
-
e.preventDefault();
|
|
74
|
-
e.stopPropagation();
|
|
75
|
-
e.stopImmediatePropagation();
|
|
76
|
-
handleClearInlineEditingMode(state);
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
// Close dropdowns when clicking anywhere in iframe if a dropdown is open
|
|
80
|
-
if (state.isDropdownOpen) {
|
|
81
|
-
e.preventDefault();
|
|
82
|
-
e.stopPropagation();
|
|
83
|
-
e.stopImmediatePropagation();
|
|
84
|
-
window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, "*");
|
|
85
|
-
return;
|
|
86
|
-
}
|
|
87
|
-
// Prevent clicking on SVG path elements
|
|
88
|
-
if (target.tagName.toLowerCase() === "path") {
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
// Prevent default behavior immediately when in visual edit mode
|
|
92
|
-
e.preventDefault();
|
|
93
|
-
e.stopPropagation();
|
|
94
|
-
e.stopImmediatePropagation();
|
|
95
|
-
// Support both data-source-location and data-visual-selector-id
|
|
96
|
-
const element = target.closest("[data-source-location], [data-visual-selector-id]");
|
|
97
|
-
if (!element) {
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
const htmlElement = element;
|
|
101
|
-
const visualSelectorId = htmlElement.dataset.sourceLocation ||
|
|
102
|
-
htmlElement.dataset.visualSelectorId;
|
|
103
|
-
// Check if this element is already selected (second click scenario)
|
|
104
|
-
const isAlreadySelected = state.selectedElementId === visualSelectorId &&
|
|
105
|
-
htmlElement.dataset.selected === "true";
|
|
106
|
-
if (isAlreadySelected) {
|
|
107
|
-
// Second click on already-selected element: check if it should enter inline editing
|
|
108
|
-
// Only if the experiment is enabled
|
|
109
|
-
if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {
|
|
110
|
-
handleEnterInlineEditingMode(state, htmlElement);
|
|
111
|
-
return;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
// First click: select the element
|
|
115
|
-
handleElementSelection(state, element, visualSelectorId || null);
|
|
116
|
-
}
|
|
117
|
-
//# sourceMappingURL=click-handlers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"click-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/click-handlers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { AgentState } from "../state/agent-state.js";
|
|
2
|
-
/**
|
|
3
|
-
* Clear hover overlays
|
|
4
|
-
*/
|
|
5
|
-
export declare function clearHoverOverlays(state: AgentState): void;
|
|
6
|
-
/**
|
|
7
|
-
* Handle mouse over event
|
|
8
|
-
*/
|
|
9
|
-
export declare function handleMouseOver(state: AgentState, e: MouseEvent): void;
|
|
10
|
-
/**
|
|
11
|
-
* Handle mouse out event
|
|
12
|
-
*/
|
|
13
|
-
export declare function handleMouseOut(state: AgentState): void;
|
|
14
|
-
//# sourceMappingURL=hover-handlers.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hover-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/hover-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAI1D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAqDtE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAGtD"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { findElementsById } from "../../utils.js";
|
|
2
|
-
import { createOverlay, positionOverlay, clearOverlays } from "../ui/overlay.js";
|
|
3
|
-
/**
|
|
4
|
-
* Clear hover overlays
|
|
5
|
-
*/
|
|
6
|
-
export function clearHoverOverlays(state) {
|
|
7
|
-
clearOverlays(state.hoverOverlays);
|
|
8
|
-
state.hoverOverlays = [];
|
|
9
|
-
state.currentHighlightedElements = [];
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Handle mouse over event
|
|
13
|
-
*/
|
|
14
|
-
export function handleMouseOver(state, e) {
|
|
15
|
-
if (!state.isVisualEditMode || state.isPopoverDragging || state.currentEditingElement)
|
|
16
|
-
return;
|
|
17
|
-
const target = e.target;
|
|
18
|
-
// Prevent hover effects when a dropdown is open
|
|
19
|
-
if (state.isDropdownOpen) {
|
|
20
|
-
clearHoverOverlays(state);
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
// Prevent hover effects on SVG path elements
|
|
24
|
-
if (target.tagName.toLowerCase() === "path") {
|
|
25
|
-
clearHoverOverlays(state);
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
// Support both data-source-location and data-visual-selector-id
|
|
29
|
-
const element = target.closest("[data-source-location], [data-visual-selector-id]");
|
|
30
|
-
if (!element) {
|
|
31
|
-
clearHoverOverlays(state);
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
// Prefer data-source-location, fallback to data-visual-selector-id
|
|
35
|
-
const htmlElement = element;
|
|
36
|
-
const selectorId = htmlElement.dataset.sourceLocation ||
|
|
37
|
-
htmlElement.dataset.visualSelectorId;
|
|
38
|
-
// Skip if this element is already selected
|
|
39
|
-
if (state.selectedElementId === selectorId) {
|
|
40
|
-
clearHoverOverlays(state);
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
// Find all elements with the same ID
|
|
44
|
-
const elements = findElementsById(selectorId || null);
|
|
45
|
-
// Clear previous hover overlays
|
|
46
|
-
clearHoverOverlays(state);
|
|
47
|
-
// Create overlays for all matching elements
|
|
48
|
-
elements.forEach((el) => {
|
|
49
|
-
const overlay = createOverlay(false);
|
|
50
|
-
document.body.appendChild(overlay);
|
|
51
|
-
state.hoverOverlays.push(overlay);
|
|
52
|
-
positionOverlay(overlay, el, false, state.isVisualEditMode);
|
|
53
|
-
});
|
|
54
|
-
state.currentHighlightedElements = elements;
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* Handle mouse out event
|
|
58
|
-
*/
|
|
59
|
-
export function handleMouseOut(state) {
|
|
60
|
-
if (state.isPopoverDragging || state.currentEditingElement)
|
|
61
|
-
return;
|
|
62
|
-
clearHoverOverlays(state);
|
|
63
|
-
}
|
|
64
|
-
//# sourceMappingURL=hover-handlers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hover-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/hover-handlers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjF;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAiB;IAClD,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC;IACzB,KAAK,CAAC,0BAA0B,GAAG,EAAE,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAAiB,EAAE,CAAa;IAC9D,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,qBAAqB;QAAE,OAAO;IAE9F,MAAM,MAAM,GAAG,CAAC,CAAC,MAAiB,CAAC;IAEnC,gDAAgD;IAChD,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,6CAA6C;IAC7C,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;QAC5C,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,gEAAgE;IAChE,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAC5B,mDAAmD,CACpD,CAAC;IACF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,mEAAmE;IACnE,MAAM,WAAW,GAAG,OAAsB,CAAC;IAC3C,MAAM,UAAU,GACd,WAAW,CAAC,OAAO,CAAC,cAAc;QAClC,WAAW,CAAC,OAAO,CAAC,gBAAgB,CAAC;IAEvC,2CAA2C;IAC3C,IAAI,KAAK,CAAC,iBAAiB,KAAK,UAAU,EAAE,CAAC;QAC3C,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,qCAAqC;IACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC;IAEtD,gCAAgC;IAChC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE1B,4CAA4C;IAC5C,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QACtB,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClC,eAAe,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,0BAA0B,GAAG,QAAQ,CAAC;AAC9C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,IAAI,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,qBAAqB;QAAE,OAAO;IACnE,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { AgentState } from "../state/agent-state.js";
|
|
2
|
-
/**
|
|
3
|
-
* Enter inline editing mode
|
|
4
|
-
*/
|
|
5
|
-
export declare function handleEnterInlineEditingMode(state: AgentState, element: HTMLElement): void;
|
|
6
|
-
/**
|
|
7
|
-
* Clear inline editing mode
|
|
8
|
-
*/
|
|
9
|
-
export declare function handleClearInlineEditingMode(state: AgentState): void;
|
|
10
|
-
/**
|
|
11
|
-
* Setup inline edit callback
|
|
12
|
-
*/
|
|
13
|
-
export declare function setupInlineEditCallback(state: AgentState): void;
|
|
14
|
-
//# sourceMappingURL=inline-edit-handlers.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inline-edit-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAY1D;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAmB1F;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CA+BpE;AAsED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAE/D"}
|