@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.
- 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 +466 -1
- package/dist/injections/visual-edit-agent.js.map +1 -1
- package/dist/statics/index.mjs +1 -5
- package/dist/statics/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/injections/visual-edit-agent.ts +570 -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 -10
- 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 -60
- 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 -108
- 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 -109
- 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 -145
- 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 -58
- 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 -86
- 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 -5
- package/dist/injections/visual-edit-agent/index.d.ts.map +0 -1
- package/dist/injections/visual-edit-agent/index.js +0 -95
- 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 -67
- package/src/injections/visual-edit-agent/constants.ts +0 -9
- package/src/injections/visual-edit-agent/handlers/click-handlers.ts +0 -135
- package/src/injections/visual-edit-agent/handlers/hover-handlers.ts +0 -78
- package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts +0 -141
- package/src/injections/visual-edit-agent/handlers/message-handlers.ts +0 -191
- package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +0 -70
- 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 -112
- package/src/injections/visual-edit-agent/index.ts +0 -108
- 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,4 +0,0 @@
|
|
|
1
|
-
export { enterInlineEditingMode, clearInlineEditingMode, shouldEnterInlineEditingMode, setInlineEditCallback, } from "./core.js";
|
|
2
|
-
export { injectFocusOutlineCSS, removeFocusOutlineCSS } from "./styles.js";
|
|
3
|
-
export { isEditableTextElement, 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,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, 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,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,10 +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 an editable text element
|
|
7
|
-
* Based on the eligibility rules from inlineEdit.md (non-dynamic only)
|
|
8
|
-
*/
|
|
9
|
-
export declare function isEditableTextElement(element: Element): boolean;
|
|
10
|
-
//# 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;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAmD/D"}
|
|
@@ -1,60 +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 an editable text element
|
|
13
|
-
* Based on the eligibility rules from inlineEdit.md (non-dynamic only)
|
|
14
|
-
*/
|
|
15
|
-
export function isEditableTextElement(element) {
|
|
16
|
-
// Must be an HTMLElement
|
|
17
|
-
if (!(element instanceof HTMLElement)) {
|
|
18
|
-
return false;
|
|
19
|
-
}
|
|
20
|
-
// Must be an allowed tag
|
|
21
|
-
const allowedTags = [
|
|
22
|
-
"div",
|
|
23
|
-
"p",
|
|
24
|
-
"h1",
|
|
25
|
-
"h2",
|
|
26
|
-
"h3",
|
|
27
|
-
"h4",
|
|
28
|
-
"h5",
|
|
29
|
-
"h6",
|
|
30
|
-
"span",
|
|
31
|
-
"li",
|
|
32
|
-
"td",
|
|
33
|
-
"a",
|
|
34
|
-
"button",
|
|
35
|
-
"label",
|
|
36
|
-
];
|
|
37
|
-
if (!allowedTags.includes(element.tagName.toLowerCase())) {
|
|
38
|
-
return false;
|
|
39
|
-
}
|
|
40
|
-
// Must have text content
|
|
41
|
-
const textContent = element.textContent?.trim() || "";
|
|
42
|
-
if (textContent.length === 0) {
|
|
43
|
-
return false;
|
|
44
|
-
}
|
|
45
|
-
// Must NOT contain img, video, canvas, or svg
|
|
46
|
-
const hasMediaElements = element.querySelector("img, video, canvas, svg") !== null;
|
|
47
|
-
if (hasMediaElements) {
|
|
48
|
-
return false;
|
|
49
|
-
}
|
|
50
|
-
// Must NOT have complex children (must be a leaf text node or simple container)
|
|
51
|
-
if (element.children.length > 0) {
|
|
52
|
-
return false;
|
|
53
|
-
}
|
|
54
|
-
// Must NOT be dynamic content
|
|
55
|
-
if (element.dataset.dynamicContent === "true") {
|
|
56
|
-
return false;
|
|
57
|
-
}
|
|
58
|
-
return true;
|
|
59
|
-
}
|
|
60
|
-
//# 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;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAgB;IACpD,yBAAyB;IACzB,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,yBAAyB;IACzB,MAAM,WAAW,GAAG;QAClB,KAAK;QACL,GAAG;QACH,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,IAAI;QACJ,GAAG;QACH,QAAQ;QACR,OAAO;KACR,CAAC;IACF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;QACzD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,yBAAyB;IACzB,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,8CAA8C;IAC9C,MAAM,gBAAgB,GACpB,OAAO,CAAC,aAAa,CAAC,yBAAyB,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,gFAAgF;IAChF,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,8BAA8B;IAC9B,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,CA6CN;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAoEzE"}
|
|
@@ -1,108 +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
|
-
const elementData = {
|
|
38
|
-
type: OutgoingMessageType.ELEMENT_SELECTED,
|
|
39
|
-
tagName: element.tagName,
|
|
40
|
-
classes: getElementClasses(element),
|
|
41
|
-
visualSelectorId: visualSelectorId,
|
|
42
|
-
content: htmlElement.innerText,
|
|
43
|
-
dataSourceLocation: htmlElement.dataset.sourceLocation,
|
|
44
|
-
isDynamicContent: htmlElement.dataset.dynamicContent === "true",
|
|
45
|
-
linenumber: htmlElement.dataset.linenumber,
|
|
46
|
-
filename: htmlElement.dataset.filename,
|
|
47
|
-
position: getElementPosition(element.getBoundingClientRect()),
|
|
48
|
-
};
|
|
49
|
-
window.parent.postMessage(elementData, "*");
|
|
50
|
-
}
|
|
51
|
-
/**
|
|
52
|
-
* Handle element click
|
|
53
|
-
*/
|
|
54
|
-
export function handleElementClick(state, e) {
|
|
55
|
-
if (!state.isVisualEditMode)
|
|
56
|
-
return;
|
|
57
|
-
const target = e.target;
|
|
58
|
-
// Bail out early if clicking on a contentEditable element (allow normal editing)
|
|
59
|
-
if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === "true") {
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
// If currently editing, clicking outside should exit editing mode
|
|
63
|
-
if (state.currentEditingElement) {
|
|
64
|
-
e.preventDefault();
|
|
65
|
-
e.stopPropagation();
|
|
66
|
-
e.stopImmediatePropagation();
|
|
67
|
-
handleClearInlineEditingMode(state);
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
// Close dropdowns when clicking anywhere in iframe if a dropdown is open
|
|
71
|
-
if (state.isDropdownOpen) {
|
|
72
|
-
e.preventDefault();
|
|
73
|
-
e.stopPropagation();
|
|
74
|
-
e.stopImmediatePropagation();
|
|
75
|
-
window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, "*");
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
// Prevent clicking on SVG path elements
|
|
79
|
-
if (target.tagName.toLowerCase() === "path") {
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
// Prevent default behavior immediately when in visual edit mode
|
|
83
|
-
e.preventDefault();
|
|
84
|
-
e.stopPropagation();
|
|
85
|
-
e.stopImmediatePropagation();
|
|
86
|
-
// Support both data-source-location and data-visual-selector-id
|
|
87
|
-
const element = target.closest("[data-source-location], [data-visual-selector-id]");
|
|
88
|
-
if (!element) {
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
const htmlElement = element;
|
|
92
|
-
const visualSelectorId = htmlElement.dataset.sourceLocation ||
|
|
93
|
-
htmlElement.dataset.visualSelectorId;
|
|
94
|
-
// Check if this element is already selected (second click scenario)
|
|
95
|
-
const isAlreadySelected = state.selectedElementId === visualSelectorId &&
|
|
96
|
-
htmlElement.dataset.selected === "true";
|
|
97
|
-
if (isAlreadySelected) {
|
|
98
|
-
// Second click on already-selected element: check if it should enter inline editing
|
|
99
|
-
// Only if the experiment is enabled
|
|
100
|
-
if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {
|
|
101
|
-
handleEnterInlineEditingMode(state, htmlElement);
|
|
102
|
-
return;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
// First click: select the element
|
|
106
|
-
handleElementSelection(state, element, visualSelectorId || null);
|
|
107
|
-
}
|
|
108
|
-
//# 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;AAW1D;;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;AAkED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAE/D"}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { OutgoingMessageType } from "./messages/types.js";
|
|
2
|
-
import { repositionSelectedOverlays } from "../ui/overlay.js";
|
|
3
|
-
import { enterInlineEditingMode, clearInlineEditingMode, setInlineEditCallback, } from "../capabilities/inline-editing/index.js";
|
|
4
|
-
import { INLINE_EDIT_DEBOUNCE_MS } from "../constants.js";
|
|
5
|
-
import { getElementPosition, getElementClasses } from "../utils/dom-utils.js";
|
|
6
|
-
/**
|
|
7
|
-
* Enter inline editing mode
|
|
8
|
-
*/
|
|
9
|
-
export function handleEnterInlineEditingMode(state, element) {
|
|
10
|
-
state.currentEditingElement = element;
|
|
11
|
-
// Hide overlays during editing
|
|
12
|
-
state.selectedOverlays.forEach((overlay) => {
|
|
13
|
-
overlay.style.display = "none";
|
|
14
|
-
});
|
|
15
|
-
// Enter inline editing mode (from capabilities/inline-editing)
|
|
16
|
-
enterInlineEditingMode(element);
|
|
17
|
-
// Notify parent
|
|
18
|
-
window.parent.postMessage({
|
|
19
|
-
type: OutgoingMessageType.CONTENT_EDITING_STARTED,
|
|
20
|
-
visualSelectorId: state.selectedElementId,
|
|
21
|
-
}, "*");
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Clear inline editing mode
|
|
25
|
-
*/
|
|
26
|
-
export function handleClearInlineEditingMode(state) {
|
|
27
|
-
if (!state.currentEditingElement)
|
|
28
|
-
return;
|
|
29
|
-
// Cancel any pending debounced edit — originalTextContent will be deleted below
|
|
30
|
-
if (state.debouncedSendTimeout) {
|
|
31
|
-
clearTimeout(state.debouncedSendTimeout);
|
|
32
|
-
state.debouncedSendTimeout = null;
|
|
33
|
-
}
|
|
34
|
-
const element = state.currentEditingElement;
|
|
35
|
-
// Clear inline editing mode (from capabilities/inline-editing)
|
|
36
|
-
clearInlineEditingMode(element);
|
|
37
|
-
// Show overlays again
|
|
38
|
-
state.selectedOverlays.forEach((overlay) => {
|
|
39
|
-
overlay.style.display = "";
|
|
40
|
-
});
|
|
41
|
-
repositionSelectedOverlays(state);
|
|
42
|
-
// Notify parent that editing ended
|
|
43
|
-
window.parent.postMessage({
|
|
44
|
-
type: OutgoingMessageType.CONTENT_EDITING_ENDED,
|
|
45
|
-
visualSelectorId: state.selectedElementId,
|
|
46
|
-
}, "*");
|
|
47
|
-
state.currentEditingElement = null;
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* Report inline edit to parent
|
|
51
|
-
*/
|
|
52
|
-
function reportInlineEdit(state, element) {
|
|
53
|
-
const originalContent = element.dataset.originalTextContent;
|
|
54
|
-
const newContent = element.textContent;
|
|
55
|
-
const elementInfo = {
|
|
56
|
-
tagName: element.tagName,
|
|
57
|
-
classes: getElementClasses(element),
|
|
58
|
-
visualSelectorId: state.selectedElementId,
|
|
59
|
-
content: newContent,
|
|
60
|
-
dataSourceLocation: element.dataset.sourceLocation,
|
|
61
|
-
isDynamicContent: element.dataset.dynamicContent === "true",
|
|
62
|
-
linenumber: element.dataset.linenumber,
|
|
63
|
-
filename: element.dataset.filename,
|
|
64
|
-
position: getElementPosition(element.getBoundingClientRect()),
|
|
65
|
-
};
|
|
66
|
-
// Send inline edit message
|
|
67
|
-
window.parent.postMessage({
|
|
68
|
-
type: OutgoingMessageType.INLINE_EDIT,
|
|
69
|
-
elementInfo,
|
|
70
|
-
originalContent,
|
|
71
|
-
newContent,
|
|
72
|
-
}, "*");
|
|
73
|
-
// Update baseline for next edit
|
|
74
|
-
element.dataset.originalTextContent = newContent || "";
|
|
75
|
-
}
|
|
76
|
-
/**
|
|
77
|
-
* Debounced function to send inline edit messages
|
|
78
|
-
*
|
|
79
|
-
* Intentionally overwrites the previous timeout on each keystroke — this is the
|
|
80
|
-
* correct debounce behavior. We only send ONE message 500ms after the user stops
|
|
81
|
-
* typing, containing the final text. Intermediate keystrokes are not sent to avoid
|
|
82
|
-
* flooding the parent with dozens of messages per second.
|
|
83
|
-
*/
|
|
84
|
-
function debouncedSendInlineEditMessage(state, element) {
|
|
85
|
-
// Clear any existing timeout
|
|
86
|
-
if (state.debouncedSendTimeout) {
|
|
87
|
-
clearTimeout(state.debouncedSendTimeout);
|
|
88
|
-
}
|
|
89
|
-
// Set new timeout
|
|
90
|
-
state.debouncedSendTimeout = setTimeout(() => {
|
|
91
|
-
reportInlineEdit(state, element);
|
|
92
|
-
}, INLINE_EDIT_DEBOUNCE_MS);
|
|
93
|
-
}
|
|
94
|
-
/**
|
|
95
|
-
* Callback for text input changes (combines updatePosition and reportInlineEdit)
|
|
96
|
-
*/
|
|
97
|
-
function createTextInputChangeCallback(state) {
|
|
98
|
-
return (element) => {
|
|
99
|
-
repositionSelectedOverlays(state);
|
|
100
|
-
debouncedSendInlineEditMessage(state, element);
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
/**
|
|
104
|
-
* Setup inline edit callback
|
|
105
|
-
*/
|
|
106
|
-
export function setupInlineEditCallback(state) {
|
|
107
|
-
setInlineEditCallback(createTextInputChangeCallback(state));
|
|
108
|
-
}
|
|
109
|
-
//# sourceMappingURL=inline-edit-handlers.js.map
|
|
@@ -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":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAAiB,EAAE,OAAoB;IAClF,KAAK,CAAC,qBAAqB,GAAG,OAAO,CAAC;IAEtC,+BAA+B;IAC/B,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACzC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,+DAA+D;IAC/D,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAEhC,gBAAgB;IAChB,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,uBAAuB;QACjD,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;KAC1C,EACD,GAAG,CACJ,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAAiB;IAC5D,IAAI,CAAC,KAAK,CAAC,qBAAqB;QAAE,OAAO;IAEzC,gFAAgF;IAChF,IAAI,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC/B,YAAY,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACzC,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,qBAAqB,CAAC;IAE5C,+DAA+D;IAC/D,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAEhC,sBAAsB;IACtB,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACzC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAElC,mCAAmC;IACnC,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,qBAAqB;QAC/C,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;KAC1C,EACD,GAAG,CACJ,CAAC;IAEF,KAAK,CAAC,qBAAqB,GAAG,IAAI,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,KAAiB,EAAE,OAAoB;IAC/D,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;IAC5D,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC;IAEvC,MAAM,WAAW,GAAG;QAClB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACnC,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;QACzC,OAAO,EAAE,UAAU;QACnB,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,cAAc;QAClD,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM;QAC3D,UAAU,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU;QACtC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ;QAClC,QAAQ,EAAE,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;KAC9D,CAAC;IAEF,2BAA2B;IAC3B,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,WAAW;QACrC,WAAW;QACX,eAAe;QACf,UAAU;KACX,EACD,GAAG,CACJ,CAAC;IAEF,gCAAgC;IAChC,OAAO,CAAC,OAAO,CAAC,mBAAmB,GAAG,UAAU,IAAI,EAAE,CAAC;AACzD,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,8BAA8B,CAAC,KAAiB,EAAE,OAAoB;IAC7E,6BAA6B;IAC7B,IAAI,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC/B,YAAY,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC3C,CAAC;IAED,kBAAkB;IAClB,KAAK,CAAC,oBAAoB,GAAG,UAAU,CAAC,GAAG,EAAE;QAC3C,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC,EAAE,uBAAuB,CAAC,CAAC;AAC9B,CAAC;AAED;;GAEG;AACH,SAAS,6BAA6B,CAAC,KAAiB;IACtD,OAAO,CAAC,OAAoB,EAAE,EAAE;QAC9B,0BAA0B,CAAC,KAAK,CAAC,CAAC;QAClC,8BAA8B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAiB;IACvD,qBAAqB,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9D,CAAC"}
|
|
@@ -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): 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,CAmBN;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,MAAM,EACxB,OAAO,EAAE,MAAM,GACd,IAAI,CAgBN;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAEpD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAGpD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CA2E1E"}
|