@base44-preview/vite-plugin 0.2.26-pr.43.e9195be → 0.2.27-pr.41.77be9cb
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 +3 -0
- package/dist/capabilities/inline-edit/controller.d.ts.map +1 -0
- package/dist/capabilities/inline-edit/controller.js +194 -0
- package/dist/capabilities/inline-edit/controller.js.map +1 -0
- package/dist/capabilities/inline-edit/dom-utils.d.ts +6 -0
- package/dist/capabilities/inline-edit/dom-utils.d.ts.map +1 -0
- package/dist/capabilities/inline-edit/dom-utils.js +49 -0
- package/dist/capabilities/inline-edit/dom-utils.js.map +1 -0
- package/dist/capabilities/inline-edit/index.d.ts +3 -0
- package/dist/capabilities/inline-edit/index.d.ts.map +1 -0
- package/dist/capabilities/inline-edit/index.js +2 -0
- package/dist/capabilities/inline-edit/index.js.map +1 -0
- package/dist/capabilities/inline-edit/types.d.ts +25 -0
- package/dist/capabilities/inline-edit/types.d.ts.map +1 -0
- package/dist/capabilities/inline-edit/types.js.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts +25 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js +95 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts +4 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js +4 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts +9 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js +26 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts +17 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js +76 -0
- package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js.map +1 -0
- package/dist/injections/visual-edit-agent/constants.d.ts +10 -0
- package/dist/injections/visual-edit-agent/constants.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/constants.js +10 -0
- package/dist/injections/visual-edit-agent/constants.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts +10 -0
- package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/click-handlers.js +117 -0
- package/dist/injections/visual-edit-agent/handlers/click-handlers.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts +14 -0
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.js +64 -0
- package/dist/injections/visual-edit-agent/handlers/hover-handlers.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts +14 -0
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js +114 -0
- package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts +26 -0
- package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/message-handlers.js +148 -0
- package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts +7 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js +54 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts +11 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js +32 -0
- package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts +105 -0
- package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/handlers/messages/types.js +28 -0
- package/dist/injections/visual-edit-agent/handlers/messages/types.js.map +1 -0
- package/dist/injections/visual-edit-agent/index.d.ts +6 -0
- package/dist/injections/visual-edit-agent/index.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/index.js +109 -0
- package/dist/injections/visual-edit-agent/index.js.map +1 -0
- package/dist/injections/visual-edit-agent/state/agent-state.d.ts +17 -0
- package/dist/injections/visual-edit-agent/state/agent-state.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/state/agent-state.js +18 -0
- package/dist/injections/visual-edit-agent/state/agent-state.js.map +1 -0
- package/dist/injections/visual-edit-agent/ui/overlay.d.ts +26 -0
- package/dist/injections/visual-edit-agent/ui/overlay.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/ui/overlay.js +104 -0
- package/dist/injections/visual-edit-agent/ui/overlay.js.map +1 -0
- package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts +14 -0
- package/dist/injections/visual-edit-agent/utils/dom-utils.d.ts.map +1 -0
- package/dist/injections/visual-edit-agent/utils/dom-utils.js +34 -0
- package/dist/injections/visual-edit-agent/utils/dom-utils.js.map +1 -0
- 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 +1 -506
- package/dist/injections/visual-edit-agent.js.map +1 -1
- package/dist/jsx-processor.d.ts +1 -4
- package/dist/jsx-processor.d.ts.map +1 -1
- package/dist/jsx-processor.js +6 -33
- package/dist/jsx-processor.js.map +1 -1
- package/dist/jsx-utils.d.ts +0 -9
- package/dist/jsx-utils.d.ts.map +1 -1
- package/dist/jsx-utils.js +0 -86
- package/dist/jsx-utils.js.map +1 -1
- package/dist/processors/shared-utils.d.ts +0 -64
- package/dist/processors/shared-utils.d.ts.map +1 -1
- package/dist/processors/shared-utils.js +0 -468
- package/dist/processors/shared-utils.js.map +1 -1
- package/dist/processors/static-array-processor.d.ts +3 -2
- package/dist/processors/static-array-processor.d.ts.map +1 -1
- package/dist/processors/static-array-processor.js +3 -2
- package/dist/processors/static-array-processor.js.map +1 -1
- package/dist/statics/index.mjs +5 -1
- package/dist/statics/index.mjs.map +1 -1
- package/dist/visual-edit-plugin.d.ts +1 -0
- package/dist/visual-edit-plugin.d.ts.map +1 -1
- package/dist/visual-edit-plugin.js +178 -29
- package/dist/visual-edit-plugin.js.map +1 -1
- package/package.json +1 -1
- package/src/capabilities/inline-edit/controller.ts +245 -0
- package/src/capabilities/inline-edit/dom-utils.ts +48 -0
- package/src/capabilities/inline-edit/index.ts +2 -0
- package/src/capabilities/inline-edit/types.ts +30 -0
- package/src/injections/visual-edit-agent/README.md +222 -0
- package/src/injections/visual-edit-agent/capabilities/inline-editing/core.ts +120 -0
- package/src/injections/visual-edit-agent/capabilities/inline-editing/index.ts +10 -0
- package/src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts +26 -0
- package/src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts +87 -0
- package/src/injections/visual-edit-agent/constants.ts +9 -0
- package/src/injections/visual-edit-agent/handlers/click-handlers.ts +146 -0
- package/src/injections/visual-edit-agent/handlers/hover-handlers.ts +78 -0
- package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts +146 -0
- package/src/injections/visual-edit-agent/handlers/message-handlers.ts +201 -0
- package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +65 -0
- package/src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts +40 -0
- package/src/injections/visual-edit-agent/handlers/messages/types.ts +134 -0
- package/src/injections/visual-edit-agent/index.ts +121 -0
- package/src/injections/visual-edit-agent/state/agent-state.ts +31 -0
- package/src/injections/visual-edit-agent/ui/overlay.ts +126 -0
- package/src/injections/visual-edit-agent/utils/dom-utils.ts +39 -0
- package/src/injections/visual-edit-agent.ts +1 -625
- package/src/jsx-processor.ts +14 -41
- package/src/jsx-utils.ts +0 -116
- package/src/processors/shared-utils.ts +0 -596
- package/src/processors/static-array-processor.ts +3 -6
- package/src/visual-edit-plugin.ts +215 -34
- package/dist/consts.d.ts +0 -12
- package/dist/consts.d.ts.map +0 -1
- package/dist/consts.js +0 -12
- package/dist/consts.js.map +0 -1
- package/dist/processors/collection-id-processor.d.ts +0 -20
- package/dist/processors/collection-id-processor.d.ts.map +0 -1
- package/dist/processors/collection-id-processor.js +0 -182
- package/dist/processors/collection-id-processor.js.map +0 -1
- package/dist/processors/collection-item-field-processor.d.ts +0 -33
- package/dist/processors/collection-item-field-processor.d.ts.map +0 -1
- package/dist/processors/collection-item-field-processor.js +0 -275
- package/dist/processors/collection-item-field-processor.js.map +0 -1
- package/dist/processors/collection-item-id-processor.d.ts +0 -12
- package/dist/processors/collection-item-id-processor.d.ts.map +0 -1
- package/dist/processors/collection-item-id-processor.js +0 -50
- package/dist/processors/collection-item-id-processor.js.map +0 -1
- package/dist/processors/collection-reference-field-processor.d.ts +0 -31
- package/dist/processors/collection-reference-field-processor.d.ts.map +0 -1
- package/dist/processors/collection-reference-field-processor.js +0 -174
- package/dist/processors/collection-reference-field-processor.js.map +0 -1
- package/dist/processors/collection-tracing-utils.d.ts +0 -31
- package/dist/processors/collection-tracing-utils.d.ts.map +0 -1
- package/dist/processors/collection-tracing-utils.js +0 -326
- package/dist/processors/collection-tracing-utils.js.map +0 -1
- package/dist/types.d.ts +0 -5
- package/dist/types.d.ts.map +0 -1
- package/dist/types.js.map +0 -1
- package/src/consts.ts +0 -12
- package/src/processors/collection-id-processor.ts +0 -261
- package/src/processors/collection-item-field-processor.ts +0 -410
- package/src/processors/collection-item-id-processor.ts +0 -69
- package/src/processors/collection-reference-field-processor.ts +0 -225
- package/src/processors/collection-tracing-utils.ts +0 -436
- package/src/types.ts +0 -4
- /package/dist/{types.js → capabilities/inline-edit/types.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-inline-edit-mode.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC1F,OAAO,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAErE;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,IAAI,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAC;QACzC,OAAO;IACT,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtD,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,WAAW,CAAC,EAAE,CAAC;QACnE,OAAO;IACT,CAAC;IAED,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5B,IAAI,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACnC,6DAA6D;QAC7D,IAAI,4BAA4B,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,mDAAmD;YACnD,IAAI,KAAK,CAAC,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAChE,+BAA+B;gBAC/B,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;oBAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC;gBACD,cAAc,CAAC,KAAK,CAAC,CAAC;gBAEtB,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;oBACtB,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;wBAC9B,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;oBAC/B,CAAC;gBACH,CAAC,CAAC,CAAC;gBAEH,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;oBACtB,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;oBACpC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBACnC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBACrC,eAAe,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;gBAC7D,CAAC,CAAC,CAAC;gBAEH,KAAK,CAAC,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC;YAC5D,CAAC;YACD,4BAA4B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;SAAM,CAAC;QACN,yBAAyB;QACzB,IAAI,KAAK,CAAC,qBAAqB,KAAK,OAAO,EAAE,CAAC;YAC5C,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { AgentState } from "../../state/agent-state.js";
|
|
2
|
+
import type { ToggleVisualEditModeMessage } from "./types.js";
|
|
3
|
+
/**
|
|
4
|
+
* Toggle visual edit mode on/off
|
|
5
|
+
*/
|
|
6
|
+
export declare function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void;
|
|
7
|
+
/**
|
|
8
|
+
* Handle toggle-visual-edit-mode message
|
|
9
|
+
*/
|
|
10
|
+
export declare function handleToggleVisualEditMode(state: AgentState, message: ToggleVisualEditModeMessage): void;
|
|
11
|
+
//# sourceMappingURL=toggle-visual-edit-mode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-visual-edit-mode.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAK9D;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAehF;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAON"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { clearSelection } from "../../ui/overlay.js";
|
|
2
|
+
import { clearHoverOverlays } from "../hover-handlers.js";
|
|
3
|
+
import { handleClearInlineEditingMode } from "../inline-edit-handlers.js";
|
|
4
|
+
/**
|
|
5
|
+
* Toggle visual edit mode on/off
|
|
6
|
+
*/
|
|
7
|
+
export function toggleVisualEditMode(state, isEnabled) {
|
|
8
|
+
state.isVisualEditMode = isEnabled;
|
|
9
|
+
if (!isEnabled) {
|
|
10
|
+
if (state.currentEditingElement) {
|
|
11
|
+
handleClearInlineEditingMode(state);
|
|
12
|
+
}
|
|
13
|
+
clearHoverOverlays(state);
|
|
14
|
+
clearSelection(state);
|
|
15
|
+
state.currentHighlightedElements = [];
|
|
16
|
+
document.body.style.cursor = "default";
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
document.body.style.cursor = "crosshair";
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Handle toggle-visual-edit-mode message
|
|
24
|
+
*/
|
|
25
|
+
export function handleToggleVisualEditMode(state, message) {
|
|
26
|
+
toggleVisualEditMode(state, message.data.enabled);
|
|
27
|
+
// Update inline edit experiment flag if provided
|
|
28
|
+
if (message.data.specs?.newInlineEditEnabled !== undefined) {
|
|
29
|
+
state.isInlineEditExperimentEnabled = true;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=toggle-visual-edit-mode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-visual-edit-mode.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAiB,EAAE,SAAkB;IACxE,KAAK,CAAC,gBAAgB,GAAG,SAAS,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;QAED,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,0BAA0B,GAAG,EAAE,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;IACzC,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;IAC3C,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAElD,iDAAiD;IACjD,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,EAAE,CAAC;QAC3D,KAAK,CAAC,6BAA6B,GAAG,IAAI,CAAC;IAC7C,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Message types and interfaces for parent-iframe communication
|
|
3
|
+
*/
|
|
4
|
+
export declare enum IncomingMessageType {
|
|
5
|
+
TOGGLE_VISUAL_EDIT_MODE = "toggle-visual-edit-mode",
|
|
6
|
+
UPDATE_CLASSES = "update-classes",
|
|
7
|
+
UPDATE_CONTENT = "update-content",
|
|
8
|
+
UNSELECT_ELEMENT = "unselect-element",
|
|
9
|
+
REFRESH_PAGE = "refresh-page",
|
|
10
|
+
TOGGLE_INLINE_EDIT_MODE = "toggle-inline-edit-mode",
|
|
11
|
+
REQUEST_ELEMENT_POSITION = "request-element-position",
|
|
12
|
+
POPOVER_DRAG_STATE = "popover-drag-state",
|
|
13
|
+
DROPDOWN_STATE = "dropdown-state"
|
|
14
|
+
}
|
|
15
|
+
export declare enum OutgoingMessageType {
|
|
16
|
+
VISUAL_EDIT_AGENT_READY = "visual-edit-agent-ready",
|
|
17
|
+
ELEMENT_SELECTED = "element-selected",
|
|
18
|
+
ELEMENT_POSITION_UPDATE = "element-position-update",
|
|
19
|
+
CONTENT_EDITING_STARTED = "content-editing-started",
|
|
20
|
+
INLINE_EDIT = "inline-edit",
|
|
21
|
+
CONTENT_EDITING_ENDED = "content-editing-ended",
|
|
22
|
+
CLOSE_DROPDOWNS = "close-dropdowns"
|
|
23
|
+
}
|
|
24
|
+
export interface ToggleVisualEditModeMessage {
|
|
25
|
+
type: IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE;
|
|
26
|
+
data: {
|
|
27
|
+
enabled: boolean;
|
|
28
|
+
specs?: {
|
|
29
|
+
newInlineEditEnabled?: boolean;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
export interface UpdateClassesMessage {
|
|
34
|
+
type: IncomingMessageType.UPDATE_CLASSES;
|
|
35
|
+
data: {
|
|
36
|
+
visualSelectorId: string;
|
|
37
|
+
classes: string;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
export interface UpdateContentMessage {
|
|
41
|
+
type: IncomingMessageType.UPDATE_CONTENT;
|
|
42
|
+
data: {
|
|
43
|
+
visualSelectorId: string;
|
|
44
|
+
content: string;
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
export interface UnselectElementMessage {
|
|
48
|
+
type: IncomingMessageType.UNSELECT_ELEMENT;
|
|
49
|
+
}
|
|
50
|
+
export interface RefreshPageMessage {
|
|
51
|
+
type: IncomingMessageType.REFRESH_PAGE;
|
|
52
|
+
}
|
|
53
|
+
export interface ToggleInlineEditModeMessage {
|
|
54
|
+
type: IncomingMessageType.TOGGLE_INLINE_EDIT_MODE;
|
|
55
|
+
data: {
|
|
56
|
+
dataSourceLocation: string;
|
|
57
|
+
inlineEditingMode: boolean;
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
export interface RequestElementPositionMessage {
|
|
61
|
+
type: IncomingMessageType.REQUEST_ELEMENT_POSITION;
|
|
62
|
+
}
|
|
63
|
+
export interface PopoverDragStateMessage {
|
|
64
|
+
type: IncomingMessageType.POPOVER_DRAG_STATE;
|
|
65
|
+
data: {
|
|
66
|
+
isDragging: boolean;
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
export interface DropdownStateMessage {
|
|
70
|
+
type: IncomingMessageType.DROPDOWN_STATE;
|
|
71
|
+
data: {
|
|
72
|
+
isOpen: boolean;
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
export type IncomingMessage = ToggleVisualEditModeMessage | UpdateClassesMessage | UpdateContentMessage | UnselectElementMessage | RefreshPageMessage | ToggleInlineEditModeMessage | RequestElementPositionMessage | PopoverDragStateMessage | DropdownStateMessage;
|
|
76
|
+
export interface InlineEditMessage {
|
|
77
|
+
type: OutgoingMessageType.INLINE_EDIT;
|
|
78
|
+
elementInfo: {
|
|
79
|
+
tagName: string;
|
|
80
|
+
classes: string;
|
|
81
|
+
visualSelectorId: string | null;
|
|
82
|
+
content: string | null;
|
|
83
|
+
dataSourceLocation: string | undefined;
|
|
84
|
+
isDynamicContent: boolean;
|
|
85
|
+
linenumber: string | undefined;
|
|
86
|
+
filename: string | undefined;
|
|
87
|
+
position: ElementPosition;
|
|
88
|
+
};
|
|
89
|
+
originalContent: string | undefined;
|
|
90
|
+
newContent: string | null;
|
|
91
|
+
arrIndex?: string;
|
|
92
|
+
arrVariableName?: string;
|
|
93
|
+
arrField?: string;
|
|
94
|
+
}
|
|
95
|
+
export interface ElementPosition {
|
|
96
|
+
top: number;
|
|
97
|
+
left: number;
|
|
98
|
+
right: number;
|
|
99
|
+
bottom: number;
|
|
100
|
+
width: number;
|
|
101
|
+
height: number;
|
|
102
|
+
centerX: number;
|
|
103
|
+
centerY: number;
|
|
104
|
+
}
|
|
105
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Message types and interfaces for parent-iframe communication
|
|
3
|
+
*/
|
|
4
|
+
// Incoming message types (from parent)
|
|
5
|
+
export var IncomingMessageType;
|
|
6
|
+
(function (IncomingMessageType) {
|
|
7
|
+
IncomingMessageType["TOGGLE_VISUAL_EDIT_MODE"] = "toggle-visual-edit-mode";
|
|
8
|
+
IncomingMessageType["UPDATE_CLASSES"] = "update-classes";
|
|
9
|
+
IncomingMessageType["UPDATE_CONTENT"] = "update-content";
|
|
10
|
+
IncomingMessageType["UNSELECT_ELEMENT"] = "unselect-element";
|
|
11
|
+
IncomingMessageType["REFRESH_PAGE"] = "refresh-page";
|
|
12
|
+
IncomingMessageType["TOGGLE_INLINE_EDIT_MODE"] = "toggle-inline-edit-mode";
|
|
13
|
+
IncomingMessageType["REQUEST_ELEMENT_POSITION"] = "request-element-position";
|
|
14
|
+
IncomingMessageType["POPOVER_DRAG_STATE"] = "popover-drag-state";
|
|
15
|
+
IncomingMessageType["DROPDOWN_STATE"] = "dropdown-state";
|
|
16
|
+
})(IncomingMessageType || (IncomingMessageType = {}));
|
|
17
|
+
// Outgoing message types (to parent)
|
|
18
|
+
export var OutgoingMessageType;
|
|
19
|
+
(function (OutgoingMessageType) {
|
|
20
|
+
OutgoingMessageType["VISUAL_EDIT_AGENT_READY"] = "visual-edit-agent-ready";
|
|
21
|
+
OutgoingMessageType["ELEMENT_SELECTED"] = "element-selected";
|
|
22
|
+
OutgoingMessageType["ELEMENT_POSITION_UPDATE"] = "element-position-update";
|
|
23
|
+
OutgoingMessageType["CONTENT_EDITING_STARTED"] = "content-editing-started";
|
|
24
|
+
OutgoingMessageType["INLINE_EDIT"] = "inline-edit";
|
|
25
|
+
OutgoingMessageType["CONTENT_EDITING_ENDED"] = "content-editing-ended";
|
|
26
|
+
OutgoingMessageType["CLOSE_DROPDOWNS"] = "close-dropdowns";
|
|
27
|
+
})(OutgoingMessageType || (OutgoingMessageType = {}));
|
|
28
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,uCAAuC;AACvC,MAAM,CAAN,IAAY,mBAUX;AAVD,WAAY,mBAAmB;IAC7B,0EAAmD,CAAA;IACnD,wDAAiC,CAAA;IACjC,wDAAiC,CAAA;IACjC,4DAAqC,CAAA;IACrC,oDAA6B,CAAA;IAC7B,0EAAmD,CAAA;IACnD,4EAAqD,CAAA;IACrD,gEAAyC,CAAA;IACzC,wDAAiC,CAAA;AACnC,CAAC,EAVW,mBAAmB,KAAnB,mBAAmB,QAU9B;AAED,qCAAqC;AACrC,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,0EAAmD,CAAA;IACnD,4DAAqC,CAAA;IACrC,0EAAmD,CAAA;IACnD,0EAAmD,CAAA;IACnD,kDAA2B,CAAA;IAC3B,sEAA+C,CAAA;IAC/C,0DAAmC,CAAA;AACrC,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"AAgGA;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,IAAI,CAoBjD"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { createAgentState } from "./state/agent-state.js";
|
|
2
|
+
import { handleMouseOver, handleMouseOut } from "./handlers/hover-handlers.js";
|
|
3
|
+
import { handleElementClick } from "./handlers/click-handlers.js";
|
|
4
|
+
import { handleMessage, handleScroll, handleResize } from "./handlers/message-handlers.js";
|
|
5
|
+
import { setupInlineEditCallback } from "./handlers/inline-edit-handlers.js";
|
|
6
|
+
import { OutgoingMessageType } from "./handlers/messages/types.js";
|
|
7
|
+
/**
|
|
8
|
+
* Initialize element IDs for elements with line numbers
|
|
9
|
+
*/
|
|
10
|
+
function initializeElementIds() {
|
|
11
|
+
const elementsWithLineNumber = document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])");
|
|
12
|
+
elementsWithLineNumber.forEach((el, index) => {
|
|
13
|
+
const htmlEl = el;
|
|
14
|
+
const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;
|
|
15
|
+
htmlEl.dataset.visualSelectorId = id;
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Create mutation observer to detect layout changes.
|
|
20
|
+
* Uses requestAnimationFrame to coalesce many rapid mutations into one reposition
|
|
21
|
+
* per paint frame, avoiding stacking multiple timers during CSS transitions.
|
|
22
|
+
*/
|
|
23
|
+
function createLayoutObserver(onLayoutChange) {
|
|
24
|
+
let rafHandle = null;
|
|
25
|
+
const hasVisualId = (node) => {
|
|
26
|
+
if (node.nodeType !== Node.ELEMENT_NODE)
|
|
27
|
+
return false;
|
|
28
|
+
const el = node;
|
|
29
|
+
if (el.dataset?.visualSelectorId)
|
|
30
|
+
return true;
|
|
31
|
+
for (const child of Array.from(el.children)) {
|
|
32
|
+
if (hasVisualId(child))
|
|
33
|
+
return true;
|
|
34
|
+
}
|
|
35
|
+
return false;
|
|
36
|
+
};
|
|
37
|
+
return new MutationObserver((mutations) => {
|
|
38
|
+
if (rafHandle !== null)
|
|
39
|
+
return;
|
|
40
|
+
const needsUpdate = mutations.some((mutation) => {
|
|
41
|
+
const isLayoutChange = mutation.type === "attributes" &&
|
|
42
|
+
(mutation.attributeName === "style" ||
|
|
43
|
+
mutation.attributeName === "class" ||
|
|
44
|
+
mutation.attributeName === "width" ||
|
|
45
|
+
mutation.attributeName === "height");
|
|
46
|
+
return isLayoutChange && hasVisualId(mutation.target);
|
|
47
|
+
});
|
|
48
|
+
if (needsUpdate) {
|
|
49
|
+
// Coalesce rapid mutations into a single reposition per paint frame,
|
|
50
|
+
// avoiding stacked timers during CSS transitions
|
|
51
|
+
rafHandle = requestAnimationFrame(() => {
|
|
52
|
+
rafHandle = null;
|
|
53
|
+
onLayoutChange();
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Setup event listeners, returning a function that removes them all.
|
|
60
|
+
*/
|
|
61
|
+
function setupEventListeners(state) {
|
|
62
|
+
const onMessage = (e) => handleMessage(state, e);
|
|
63
|
+
const onScroll = () => handleScroll(state);
|
|
64
|
+
const onResize = () => handleResize(state);
|
|
65
|
+
const onClick = (e) => handleElementClick(state, e);
|
|
66
|
+
const onMouseOver = (e) => handleMouseOver(state, e);
|
|
67
|
+
const onMouseOut = () => handleMouseOut(state);
|
|
68
|
+
window.addEventListener("message", onMessage);
|
|
69
|
+
window.addEventListener("scroll", onScroll, true);
|
|
70
|
+
document.addEventListener("scroll", onScroll, true);
|
|
71
|
+
window.addEventListener("resize", onResize);
|
|
72
|
+
window.addEventListener("scroll", onResize);
|
|
73
|
+
document.addEventListener("click", onClick, true);
|
|
74
|
+
document.addEventListener("mouseover", onMouseOver);
|
|
75
|
+
document.addEventListener("mouseout", onMouseOut);
|
|
76
|
+
return () => {
|
|
77
|
+
window.removeEventListener("message", onMessage);
|
|
78
|
+
window.removeEventListener("scroll", onScroll, true);
|
|
79
|
+
document.removeEventListener("scroll", onScroll, true);
|
|
80
|
+
window.removeEventListener("resize", onResize);
|
|
81
|
+
window.removeEventListener("scroll", onResize);
|
|
82
|
+
document.removeEventListener("click", onClick, true);
|
|
83
|
+
document.removeEventListener("mouseover", onMouseOver);
|
|
84
|
+
document.removeEventListener("mouseout", onMouseOut);
|
|
85
|
+
};
|
|
86
|
+
}
|
|
87
|
+
/**
|
|
88
|
+
* Main setup function for visual edit agent.
|
|
89
|
+
* Returns a teardown function that disconnects the observer and removes all event listeners.
|
|
90
|
+
*/
|
|
91
|
+
export function setupVisualEditAgent() {
|
|
92
|
+
const state = createAgentState();
|
|
93
|
+
initializeElementIds();
|
|
94
|
+
setupInlineEditCallback(state);
|
|
95
|
+
const removeEventListeners = setupEventListeners(state);
|
|
96
|
+
const mutationObserver = createLayoutObserver(() => handleResize(state));
|
|
97
|
+
mutationObserver.observe(document.body, {
|
|
98
|
+
attributes: true,
|
|
99
|
+
childList: true,
|
|
100
|
+
subtree: true,
|
|
101
|
+
attributeFilter: ["style", "class", "width", "height"],
|
|
102
|
+
});
|
|
103
|
+
window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, "*");
|
|
104
|
+
return () => {
|
|
105
|
+
mutationObserver.disconnect();
|
|
106
|
+
removeEventListeners();
|
|
107
|
+
};
|
|
108
|
+
}
|
|
109
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Central state management for the visual edit agent
|
|
3
|
+
*/
|
|
4
|
+
export interface AgentState {
|
|
5
|
+
isVisualEditMode: boolean;
|
|
6
|
+
isPopoverDragging: boolean;
|
|
7
|
+
isDropdownOpen: boolean;
|
|
8
|
+
hoverOverlays: HTMLDivElement[];
|
|
9
|
+
selectedOverlays: HTMLDivElement[];
|
|
10
|
+
currentHighlightedElements: Element[];
|
|
11
|
+
selectedElementId: string | null;
|
|
12
|
+
currentEditingElement: HTMLElement | null;
|
|
13
|
+
debouncedSendTimeout: ReturnType<typeof setTimeout> | null;
|
|
14
|
+
isInlineEditExperimentEnabled: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare function createAgentState(): AgentState;
|
|
17
|
+
//# sourceMappingURL=agent-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"agent-state.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/state/agent-state.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,0BAA0B,EAAE,OAAO,EAAE,CAAC;IACtC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,qBAAqB,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1C,oBAAoB,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAC3D,6BAA6B,EAAE,OAAO,CAAC;CACxC;AAED,wBAAgB,gBAAgB,IAAI,UAAU,CAa7C"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Central state management for the visual edit agent
|
|
3
|
+
*/
|
|
4
|
+
export function createAgentState() {
|
|
5
|
+
return {
|
|
6
|
+
isVisualEditMode: false,
|
|
7
|
+
isPopoverDragging: false,
|
|
8
|
+
isDropdownOpen: false,
|
|
9
|
+
hoverOverlays: [],
|
|
10
|
+
selectedOverlays: [],
|
|
11
|
+
currentHighlightedElements: [],
|
|
12
|
+
selectedElementId: null,
|
|
13
|
+
currentEditingElement: null,
|
|
14
|
+
debouncedSendTimeout: null,
|
|
15
|
+
isInlineEditExperimentEnabled: false,
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=agent-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"agent-state.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/state/agent-state.ts"],"names":[],"mappings":"AAAA;;GAEG;AAeH,MAAM,UAAU,gBAAgB;IAC9B,OAAO;QACL,gBAAgB,EAAE,KAAK;QACvB,iBAAiB,EAAE,KAAK;QACxB,cAAc,EAAE,KAAK;QACrB,aAAa,EAAE,EAAE;QACjB,gBAAgB,EAAE,EAAE;QACpB,0BAA0B,EAAE,EAAE;QAC9B,iBAAiB,EAAE,IAAI;QACvB,qBAAqB,EAAE,IAAI;QAC3B,oBAAoB,EAAE,IAAI;QAC1B,6BAA6B,EAAE,KAAK;KACrC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { AgentState } from "../state/agent-state.js";
|
|
2
|
+
/**
|
|
3
|
+
* Create an overlay element for highlighting
|
|
4
|
+
*/
|
|
5
|
+
export declare function createOverlay(isSelected?: boolean): HTMLDivElement;
|
|
6
|
+
/**
|
|
7
|
+
* Position overlay relative to element
|
|
8
|
+
*/
|
|
9
|
+
export declare function positionOverlay(overlay: HTMLDivElement, element: Element, isSelected?: boolean, isVisualEditMode?: boolean): void;
|
|
10
|
+
/**
|
|
11
|
+
* Clear all overlays from DOM
|
|
12
|
+
*/
|
|
13
|
+
export declare function clearOverlays(overlays: HTMLDivElement[]): void;
|
|
14
|
+
/**
|
|
15
|
+
* Remove data-selected attribute, clear selected overlays, and reset selection state
|
|
16
|
+
*/
|
|
17
|
+
export declare function clearSelection(state: AgentState): void;
|
|
18
|
+
/**
|
|
19
|
+
* Reposition selected overlays to match current element bounds
|
|
20
|
+
*/
|
|
21
|
+
export declare function repositionSelectedOverlays(state: AgentState): void;
|
|
22
|
+
/**
|
|
23
|
+
* Reposition hover overlays to match current element bounds
|
|
24
|
+
*/
|
|
25
|
+
export declare function repositionHoverOverlays(state: AgentState): void;
|
|
26
|
+
//# sourceMappingURL=overlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/ui/overlay.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D;;GAEG;AACH,wBAAgB,aAAa,CAAC,UAAU,UAAQ,GAAG,cAAc,CAehE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,EAChB,UAAU,UAAQ,EAClB,gBAAgB,UAAO,GACtB,IAAI,CA+BN;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAM9D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAYtD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CASlE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAO/D"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { OVERLAY_TRANSITION, OVERLAY_Z_INDEX, SELECTED_BORDER_COLOR, HOVER_BORDER_COLOR, HOVER_BACKGROUND_COLOR, LABEL_TOP_OFFSET, LABEL_LEFT_OFFSET, } from "../constants.js";
|
|
2
|
+
import { findElementsById } from "../../utils.js";
|
|
3
|
+
/**
|
|
4
|
+
* Create an overlay element for highlighting
|
|
5
|
+
*/
|
|
6
|
+
export function createOverlay(isSelected = false) {
|
|
7
|
+
const overlay = document.createElement("div");
|
|
8
|
+
overlay.style.position = "absolute";
|
|
9
|
+
overlay.style.pointerEvents = "none";
|
|
10
|
+
overlay.style.transition = OVERLAY_TRANSITION;
|
|
11
|
+
overlay.style.zIndex = OVERLAY_Z_INDEX;
|
|
12
|
+
if (isSelected) {
|
|
13
|
+
overlay.style.border = `2px solid ${SELECTED_BORDER_COLOR}`;
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
overlay.style.border = `2px solid ${HOVER_BORDER_COLOR}`;
|
|
17
|
+
overlay.style.backgroundColor = HOVER_BACKGROUND_COLOR;
|
|
18
|
+
}
|
|
19
|
+
return overlay;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Position overlay relative to element
|
|
23
|
+
*/
|
|
24
|
+
export function positionOverlay(overlay, element, isSelected = false, isVisualEditMode = true) {
|
|
25
|
+
if (!element || !isVisualEditMode)
|
|
26
|
+
return;
|
|
27
|
+
// Force layout recalculation before reading bounding rect
|
|
28
|
+
void element.offsetWidth;
|
|
29
|
+
const rect = element.getBoundingClientRect();
|
|
30
|
+
overlay.style.top = `${rect.top + window.scrollY}px`;
|
|
31
|
+
overlay.style.left = `${rect.left + window.scrollX}px`;
|
|
32
|
+
overlay.style.width = `${rect.width}px`;
|
|
33
|
+
overlay.style.height = `${rect.height}px`;
|
|
34
|
+
// Check if label already exists in overlay
|
|
35
|
+
let label = overlay.querySelector("div");
|
|
36
|
+
if (!label) {
|
|
37
|
+
label = document.createElement("div");
|
|
38
|
+
label.textContent = element.tagName.toLowerCase();
|
|
39
|
+
label.style.position = "absolute";
|
|
40
|
+
label.style.top = LABEL_TOP_OFFSET;
|
|
41
|
+
label.style.left = LABEL_LEFT_OFFSET;
|
|
42
|
+
label.style.padding = "2px 8px";
|
|
43
|
+
label.style.fontSize = "11px";
|
|
44
|
+
label.style.fontWeight = isSelected ? "500" : "400";
|
|
45
|
+
label.style.color = isSelected ? "#ffffff" : "#526cff";
|
|
46
|
+
label.style.backgroundColor = isSelected ? "#526cff" : "#DBEAFE";
|
|
47
|
+
label.style.borderRadius = "3px";
|
|
48
|
+
label.style.minWidth = "24px";
|
|
49
|
+
label.style.textAlign = "center";
|
|
50
|
+
overlay.appendChild(label);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* Clear all overlays from DOM
|
|
55
|
+
*/
|
|
56
|
+
export function clearOverlays(overlays) {
|
|
57
|
+
overlays.forEach((overlay) => {
|
|
58
|
+
if (overlay && overlay.parentNode) {
|
|
59
|
+
overlay.remove();
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Remove data-selected attribute, clear selected overlays, and reset selection state
|
|
65
|
+
*/
|
|
66
|
+
export function clearSelection(state) {
|
|
67
|
+
if (state.isInlineEditExperimentEnabled && state.selectedElementId) {
|
|
68
|
+
const elements = findElementsById(state.selectedElementId);
|
|
69
|
+
elements.forEach((el) => {
|
|
70
|
+
if (el instanceof HTMLElement) {
|
|
71
|
+
delete el.dataset.selected;
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
clearOverlays(state.selectedOverlays);
|
|
76
|
+
state.selectedOverlays = [];
|
|
77
|
+
state.selectedElementId = null;
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* Reposition selected overlays to match current element bounds
|
|
81
|
+
*/
|
|
82
|
+
export function repositionSelectedOverlays(state) {
|
|
83
|
+
if (!state.selectedElementId)
|
|
84
|
+
return;
|
|
85
|
+
const elements = findElementsById(state.selectedElementId);
|
|
86
|
+
state.selectedOverlays.forEach((overlay, index) => {
|
|
87
|
+
const element = elements[index];
|
|
88
|
+
if (element) {
|
|
89
|
+
positionOverlay(overlay, element, true, state.isVisualEditMode);
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* Reposition hover overlays to match current element bounds
|
|
95
|
+
*/
|
|
96
|
+
export function repositionHoverOverlays(state) {
|
|
97
|
+
state.hoverOverlays.forEach((overlay, index) => {
|
|
98
|
+
const element = state.currentHighlightedElements[index];
|
|
99
|
+
if (element) {
|
|
100
|
+
positionOverlay(overlay, element, false, state.isVisualEditMode);
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
//# sourceMappingURL=overlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/ui/overlay.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ElementPosition } from "../handlers/messages/types.js";
|
|
2
|
+
/**
|
|
3
|
+
* Calculate element position from bounding rect
|
|
4
|
+
*/
|
|
5
|
+
export declare function getElementPosition(rect: DOMRect): ElementPosition;
|
|
6
|
+
/**
|
|
7
|
+
* Check if element rect is in viewport
|
|
8
|
+
*/
|
|
9
|
+
export declare function isElementInViewport(rect: DOMRect): boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Get element classes (handles both HTML and SVG)
|
|
12
|
+
*/
|
|
13
|
+
export declare function getElementClasses(element: Element): string;
|
|
14
|
+
//# sourceMappingURL=dom-utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dom-utils.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/utils/dom-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,eAAe,CAWjE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,CAO1D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAK1D"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Calculate element position from bounding rect
|
|
3
|
+
*/
|
|
4
|
+
export function getElementPosition(rect) {
|
|
5
|
+
return {
|
|
6
|
+
top: rect.top,
|
|
7
|
+
left: rect.left,
|
|
8
|
+
right: rect.right,
|
|
9
|
+
bottom: rect.bottom,
|
|
10
|
+
width: rect.width,
|
|
11
|
+
height: rect.height,
|
|
12
|
+
centerX: rect.left + rect.width / 2,
|
|
13
|
+
centerY: rect.top + rect.height / 2,
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Check if element rect is in viewport
|
|
18
|
+
*/
|
|
19
|
+
export function isElementInViewport(rect) {
|
|
20
|
+
return (rect.top < window.innerHeight &&
|
|
21
|
+
rect.bottom > 0 &&
|
|
22
|
+
rect.left < window.innerWidth &&
|
|
23
|
+
rect.right > 0);
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Get element classes (handles both HTML and SVG)
|
|
27
|
+
*/
|
|
28
|
+
export function getElementClasses(element) {
|
|
29
|
+
if (element instanceof SVGElement) {
|
|
30
|
+
return element.className?.baseVal || "";
|
|
31
|
+
}
|
|
32
|
+
return element.className || "";
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=dom-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dom-utils.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/utils/dom-utils.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAa;IAC9C,OAAO;QACL,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,OAAO,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;QACnC,OAAO,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;KACpC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAa;IAC/C,OAAO,CACL,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW;QAC7B,IAAI,CAAC,MAAM,GAAG,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU;QAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CACf,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAAgB;IAChD,IAAI,OAAO,YAAY,UAAU,EAAE,CAAC;QAClC,OAAQ,OAAO,CAAC,SAA0C,EAAE,OAAO,IAAI,EAAE,CAAC;IAC5E,CAAC;IACD,OAAO,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC;AACjC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { setupVisualEditAgent } from "./visual-edit-agent/index.js";
|
|
2
2
|
//# sourceMappingURL=visual-edit-agent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visual-edit-agent.d.ts","sourceRoot":"","sources":["../../src/injections/visual-edit-agent.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"visual-edit-agent.d.ts","sourceRoot":"","sources":["../../src/injections/visual-edit-agent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}
|