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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/dist/injections/visual-edit-agent.d.ts +1 -1
  2. package/dist/injections/visual-edit-agent.d.ts.map +1 -1
  3. package/dist/injections/visual-edit-agent.js +466 -1
  4. package/dist/injections/visual-edit-agent.js.map +1 -1
  5. package/dist/statics/index.mjs +1 -5
  6. package/dist/statics/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/injections/visual-edit-agent.ts +570 -1
  9. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts +0 -25
  10. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts.map +0 -1
  11. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js +0 -95
  12. package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js.map +0 -1
  13. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts +0 -4
  14. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts.map +0 -1
  15. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js +0 -4
  16. package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js.map +0 -1
  17. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts +0 -9
  18. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts.map +0 -1
  19. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js +0 -26
  20. package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js.map +0 -1
  21. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts +0 -10
  22. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts.map +0 -1
  23. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js +0 -60
  24. package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js.map +0 -1
  25. package/dist/injections/visual-edit-agent/constants.d.ts +0 -10
  26. package/dist/injections/visual-edit-agent/constants.d.ts.map +0 -1
  27. package/dist/injections/visual-edit-agent/constants.js +0 -10
  28. package/dist/injections/visual-edit-agent/constants.js.map +0 -1
  29. package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts +0 -10
  30. package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts.map +0 -1
  31. package/dist/injections/visual-edit-agent/handlers/click-handlers.js +0 -108
  32. package/dist/injections/visual-edit-agent/handlers/click-handlers.js.map +0 -1
  33. package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts +0 -14
  34. package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts.map +0 -1
  35. package/dist/injections/visual-edit-agent/handlers/hover-handlers.js +0 -64
  36. package/dist/injections/visual-edit-agent/handlers/hover-handlers.js.map +0 -1
  37. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts +0 -14
  38. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts.map +0 -1
  39. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js +0 -109
  40. package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map +0 -1
  41. package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts +0 -26
  42. package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map +0 -1
  43. package/dist/injections/visual-edit-agent/handlers/message-handlers.js +0 -145
  44. package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map +0 -1
  45. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts +0 -7
  46. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map +0 -1
  47. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js +0 -58
  48. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map +0 -1
  49. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts +0 -11
  50. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts.map +0 -1
  51. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js +0 -32
  52. package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js.map +0 -1
  53. package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts +0 -86
  54. package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts.map +0 -1
  55. package/dist/injections/visual-edit-agent/handlers/messages/types.js +0 -28
  56. package/dist/injections/visual-edit-agent/handlers/messages/types.js.map +0 -1
  57. package/dist/injections/visual-edit-agent/index.d.ts +0 -5
  58. package/dist/injections/visual-edit-agent/index.d.ts.map +0 -1
  59. package/dist/injections/visual-edit-agent/index.js +0 -95
  60. package/dist/injections/visual-edit-agent/index.js.map +0 -1
  61. package/dist/injections/visual-edit-agent/state/agent-state.d.ts +0 -17
  62. package/dist/injections/visual-edit-agent/state/agent-state.d.ts.map +0 -1
  63. package/dist/injections/visual-edit-agent/state/agent-state.js +0 -18
  64. package/dist/injections/visual-edit-agent/state/agent-state.js.map +0 -1
  65. package/dist/injections/visual-edit-agent/ui/overlay.d.ts +0 -26
  66. package/dist/injections/visual-edit-agent/ui/overlay.d.ts.map +0 -1
  67. package/dist/injections/visual-edit-agent/ui/overlay.js +0 -104
  68. package/dist/injections/visual-edit-agent/ui/overlay.js.map +0 -1
  69. package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts +0 -14
  70. package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts.map +0 -1
  71. package/dist/injections/visual-edit-agent/utils/dom-utils.js +0 -34
  72. package/dist/injections/visual-edit-agent/utils/dom-utils.js.map +0 -1
  73. package/src/injections/visual-edit-agent/README.md +0 -222
  74. package/src/injections/visual-edit-agent/capabilities/inline-editing/core.ts +0 -120
  75. package/src/injections/visual-edit-agent/capabilities/inline-editing/index.ts +0 -10
  76. package/src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts +0 -26
  77. package/src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts +0 -67
  78. package/src/injections/visual-edit-agent/constants.ts +0 -9
  79. package/src/injections/visual-edit-agent/handlers/click-handlers.ts +0 -135
  80. package/src/injections/visual-edit-agent/handlers/hover-handlers.ts +0 -78
  81. package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts +0 -141
  82. package/src/injections/visual-edit-agent/handlers/message-handlers.ts +0 -191
  83. package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +0 -70
  84. package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +0 -40
  85. package/src/injections/visual-edit-agent/handlers/messages/types.ts +0 -112
  86. package/src/injections/visual-edit-agent/index.ts +0 -108
  87. package/src/injections/visual-edit-agent/state/agent-state.ts +0 -31
  88. package/src/injections/visual-edit-agent/ui/overlay.ts +0 -126
  89. package/src/injections/visual-edit-agent/utils/dom-utils.ts +0 -39
@@ -1,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":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AACvG,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,KAAiB,EACjB,OAAgB,EAChB,gBAA+B;IAE/B,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IACD,cAAc,CAAC,KAAK,CAAC,CAAC;IAEtB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAEpD,IAAI,KAAK,CAAC,6BAA6B,EAAE,CAAC;QACxC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACtB,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;gBAC9B,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,qDAAqD;IACrD,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QACtB,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QACpC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrC,eAAe,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;IAE3C,uBAAuB;IACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE1B,kDAAkD;IAClD,MAAM,WAAW,GAAG,OAAsB,CAAC;IAC3C,MAAM,WAAW,GAAG;QAClB,IAAI,EAAE,mBAAmB,CAAC,gBAAgB;QAC1C,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACnC,gBAAgB,EAAE,gBAAgB;QAClC,OAAO,EAAE,WAAW,CAAC,SAAS;QAC9B,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,cAAc;QACtD,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM;QAC/D,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,UAAU;QAC1C,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,QAAQ;QACtC,QAAQ,EAAE,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;KAC9D,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;AAC9C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAiB,EAAE,CAAa;IACjE,IAAI,CAAC,KAAK,CAAC,gBAAgB;QAAE,OAAO;IAEpC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAiB,CAAC;IAEnC,iFAAiF;IACjF,IAAI,KAAK,CAAC,6BAA6B,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,eAAe,KAAK,MAAM,EAAE,CAAC;QAC9G,OAAO;IACT,CAAC;IAED,kEAAkE;IAClE,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAChC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACpC,OAAO;IACT,CAAC;IAED,yEAAyE;IACzE,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAE7B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,eAAe,EAAE,EAAE,GAAG,CAAC,CAAC;QAC9E,OAAO;IACT,CAAC;IAED,wCAAwC;IACxC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;QAC5C,OAAO;IACT,CAAC;IAED,gEAAgE;IAChE,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACpB,CAAC,CAAC,wBAAwB,EAAE,CAAC;IAE7B,gEAAgE;IAChE,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAC5B,mDAAmD,CACpD,CAAC;IACF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO;IACT,CAAC;IAED,MAAM,WAAW,GAAG,OAAsB,CAAC;IAC3C,MAAM,gBAAgB,GACpB,WAAW,CAAC,OAAO,CAAC,cAAc;QAClC,WAAW,CAAC,OAAO,CAAC,gBAAgB,CAAC;IAEvC,oEAAoE;IACpE,MAAM,iBAAiB,GACrB,KAAK,CAAC,iBAAiB,KAAK,gBAAgB;QAC5C,WAAW,CAAC,OAAO,CAAC,QAAQ,KAAK,MAAM,CAAC;IAE1C,IAAI,iBAAiB,EAAE,CAAC;QACtB,oFAAoF;QACpF,oCAAoC;QACpC,IAAI,KAAK,CAAC,6BAA6B,IAAI,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAC;YACrF,4BAA4B,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YACjD,OAAO;QACT,CAAC;IACH,CAAC;IAED,kCAAkC;IAClC,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,gBAAgB,IAAI,IAAI,CAAC,CAAC;AACnE,CAAC"}
@@ -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":"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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): 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"}