@base44-preview/vite-plugin 0.2.22-pr.36.db00ef7 → 0.2.22-pr.37.68542f2

package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js

@@ -0,0 +1,104 @@
+import { OutgoingMessageType } from "./messages/types.js";
+import { repositionSelectedOverlays } from "../ui/overlay.js";
+import { enterInlineEditingMode, clearInlineEditingMode, setInlineEditCallback, } from "../capabilities/inline-editing/index.js";
+import { INLINE_EDIT_DEBOUNCE_MS } from "../constants.js";
+import { getElementPosition, getElementClasses } from "../utils/dom-utils.js";
+/**
+ * Enter inline editing mode
+ */
+export function handleEnterInlineEditingMode(state, element) {
+    state.currentEditingElement = element;
+    // Hide overlays during editing
+    state.selectedOverlays.forEach((overlay) => {
+        overlay.style.display = "none";
+    });
+    // Enter inline editing mode (from capabilities/inline-editing)
+    enterInlineEditingMode(element);
+    // Notify parent
+    window.parent.postMessage({
+        type: OutgoingMessageType.CONTENT_EDITING_STARTED,
+        visualSelectorId: state.selectedElementId,
+    }, "*");
+}
+/**
+ * Clear inline editing mode
+ */
+export function handleClearInlineEditingMode(state) {
+    if (!state.currentEditingElement)
+        return;
+    // Cancel any pending debounced edit — originalTextContent will be deleted below
+    if (state.debouncedSendTimeout) {
+        clearTimeout(state.debouncedSendTimeout);
+        state.debouncedSendTimeout = null;
+    }
+    const element = state.currentEditingElement;
+    // Clear inline editing mode (from capabilities/inline-editing)
+    clearInlineEditingMode(element);
+    // Show overlays again
+    state.selectedOverlays.forEach((overlay) => {
+        overlay.style.display = "";
+    });
+    repositionSelectedOverlays(state);
+    // Notify parent that editing ended
+    window.parent.postMessage({
+        type: OutgoingMessageType.CONTENT_EDITING_ENDED,
+        visualSelectorId: state.selectedElementId,
+    }, "*");
+    state.currentEditingElement = null;
+}
+/**
+ * Report inline edit to parent
+ */
+function reportInlineEdit(state, element) {
+    const originalContent = element.dataset.originalTextContent;
+    const newContent = element.textContent;
+    const elementInfo = {
+        tagName: element.tagName,
+        classes: getElementClasses(element),
+        visualSelectorId: state.selectedElementId,
+        content: newContent,
+        dataSourceLocation: element.dataset.sourceLocation,
+        isDynamicContent: element.dataset.dynamicContent === "true",
+        linenumber: element.dataset.linenumber,
+        filename: element.dataset.filename,
+        position: getElementPosition(element.getBoundingClientRect()),
+    };
+    // Send inline edit message
+    window.parent.postMessage({
+        type: OutgoingMessageType.INLINE_EDIT,
+        elementInfo,
+        originalContent,
+        newContent,
+    }, "*");
+    // Update baseline for next edit
+    element.dataset.originalTextContent = newContent || "";
+}
+/**
+ * Debounced function to send inline edit messages
+ */
+function debouncedSendInlineEditMessage(state, element) {
+    // Clear any existing timeout
+    if (state.debouncedSendTimeout) {
+        clearTimeout(state.debouncedSendTimeout);
+    }
+    // Set new timeout
+    state.debouncedSendTimeout = setTimeout(() => {
+        reportInlineEdit(state, element);
+    }, INLINE_EDIT_DEBOUNCE_MS);
+}
+/**
+ * Callback for text input changes (combines updatePosition and reportInlineEdit)
+ */
+function createTextInputChangeCallback(state) {
+    return (element) => {
+        repositionSelectedOverlays(state);
+        debouncedSendInlineEditMessage(state, element);
+    };
+}
+/**
+ * Setup inline edit callback
+ */
+export function setupInlineEditCallback(state) {
+    setInlineEditCallback(createTextInputChangeCallback(state));
+}
+//# sourceMappingURL=inline-edit-handlers.js.map

package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map

@@ -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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"}

package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts

@@ -0,0 +1,26 @@
+import type { AgentState } from "../state/agent-state.js";
+/**
+ * Unselect the current element
+ */
+export declare function unselectElement(state: AgentState): void;
+/**
+ * Update element classes and reposition overlays
+ */
+export declare function updateElementClassesAndReposition(state: AgentState, visualSelectorId: string, classes: string): void;
+/**
+ * Update element content by visual selector ID
+ */
+export declare function updateElementContent(state: AgentState, visualSelectorId: string, content: string): void;
+/**
+ * Handle scroll events to update popover position
+ */
+export declare function handleScroll(state: AgentState): void;
+/**
+ * Handle window resize to reposition overlays
+ */
+export declare function handleResize(state: AgentState): void;
+/**
+ * Handle messages from parent window
+ */
+export declare function handleMessage(state: AgentState, event: MessageEvent): void;
+//# sourceMappingURL=message-handlers.d.ts.map

package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map

@@ -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"}

package/dist/injections/visual-edit-agent/handlers/message-handlers.js

@@ -0,0 +1,145 @@
+import { IncomingMessageType, OutgoingMessageType } from "./messages/types.js";
+import { findElementsById, updateElementClasses } from "../../utils.js";
+import { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from "../ui/overlay.js";
+import { clearHoverOverlays } from "./hover-handlers.js";
+import { handleClearInlineEditingMode } from "./inline-edit-handlers.js";
+import { REPOSITION_DELAY_MS } from "../constants.js";
+import { handleToggleVisualEditMode } from "./messages/toggle-visual-edit-mode.js";
+import { handleToggleInlineEditMode } from "./messages/toggle-inline-edit-mode.js";
+import { getElementPosition, isElementInViewport } from "../utils/dom-utils.js";
+/**
+ * Send element position update to parent
+ */
+function sendElementPositionUpdate(state) {
+    if (!state.selectedElementId)
+        return;
+    const elements = findElementsById(state.selectedElementId);
+    const [element] = elements;
+    if (!element)
+        return;
+    const rect = element.getBoundingClientRect();
+    window.parent.postMessage({
+        type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,
+        position: getElementPosition(rect),
+        isInViewport: isElementInViewport(rect),
+        visualSelectorId: state.selectedElementId,
+    }, "*");
+}
+/**
+ * Unselect the current element
+ */
+export function unselectElement(state) {
+    if (state.currentEditingElement) {
+        handleClearInlineEditingMode(state);
+    }
+    clearSelection(state);
+}
+/**
+ * Update element classes and reposition overlays
+ */
+export function updateElementClassesAndReposition(state, visualSelectorId, classes) {
+    const elements = findElementsById(visualSelectorId);
+    if (elements.length === 0)
+        return;
+    updateElementClasses(elements, classes);
+    // Use a small delay to allow the browser to recalculate layout before repositioning
+    setTimeout(() => {
+        if (state.selectedElementId === visualSelectorId) {
+            repositionSelectedOverlays(state);
+        }
+        if (state.currentHighlightedElements.length > 0) {
+            const hoveredElement = state.currentHighlightedElements[0];
+            if (hoveredElement?.dataset?.visualSelectorId === visualSelectorId) {
+                repositionHoverOverlays(state);
+            }
+        }
+    }, REPOSITION_DELAY_MS);
+}
+/**
+ * Update element content by visual selector ID
+ */
+export function updateElementContent(state, visualSelectorId, content) {
+    const elements = findElementsById(visualSelectorId);
+    if (elements.length === 0) {
+        return;
+    }
+    elements.forEach((element) => {
+        element.innerText = content;
+    });
+    setTimeout(() => {
+        if (state.selectedElementId === visualSelectorId) {
+            repositionSelectedOverlays(state);
+        }
+    }, REPOSITION_DELAY_MS);
+}
+/**
+ * Handle scroll events to update popover position
+ */
+export function handleScroll(state) {
+    sendElementPositionUpdate(state);
+}
+/**
+ * Handle window resize to reposition overlays
+ */
+export function handleResize(state) {
+    repositionSelectedOverlays(state);
+    repositionHoverOverlays(state);
+}
+/**
+ * Handle messages from parent window
+ */
+export function handleMessage(state, event) {
+    const message = event.data;
+    switch (message.type) {
+        case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:
+            handleToggleVisualEditMode(state, message);
+            break;
+        case IncomingMessageType.UPDATE_CLASSES:
+            if (message.data && message.data.classes !== undefined) {
+                updateElementClassesAndReposition(state, message.data.visualSelectorId, message.data.classes);
+            }
+            else {
+                console.warn("[VisualEditAgent] Invalid update-classes message:", message);
+            }
+            break;
+        case IncomingMessageType.UNSELECT_ELEMENT:
+            unselectElement(state);
+            break;
+        case IncomingMessageType.REFRESH_PAGE:
+            window.location.reload();
+            break;
+        case IncomingMessageType.UPDATE_CONTENT:
+            if (message.data && message.data.content !== undefined) {
+                updateElementContent(state, message.data.visualSelectorId, message.data.content);
+            }
+            else {
+                console.warn("[VisualEditAgent] Invalid update-content message:", message);
+            }
+            break;
+        case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:
+            handleToggleInlineEditMode(state, message);
+            break;
+        case IncomingMessageType.REQUEST_ELEMENT_POSITION:
+            sendElementPositionUpdate(state);
+            break;
+        case IncomingMessageType.POPOVER_DRAG_STATE:
+            if (message.data && message.data.isDragging !== undefined) {
+                state.isPopoverDragging = message.data.isDragging;
+                if (message.data.isDragging) {
+                    clearHoverOverlays(state);
+                }
+            }
+            break;
+        case IncomingMessageType.DROPDOWN_STATE:
+            if (message.data && message.data.isOpen !== undefined) {
+                state.isDropdownOpen = message.data.isOpen;
+                if (message.data.isOpen) {
+                    clearHoverOverlays(state);
+                }
+            }
+            break;
+        default:
+            break;
+    }
+}
+//# sourceMappingURL=message-handlers.js.map

package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/message-handlers.ts"],"names":[],"mappings":"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"}

package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts

@@ -0,0 +1,7 @@
+import type { AgentState } from "../../state/agent-state.js";
+import type { ToggleInlineEditModeMessage } from "./types.js";
+/**
+ * Handle toggle-inline-edit-mode message (parent-initiated)
+ */
+export declare function handleToggleInlineEditMode(state: AgentState, message: ToggleInlineEditModeMessage): void;
+//# sourceMappingURL=toggle-inline-edit-mode.d.ts.map

package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-inline-edit-mode.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAM9D;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAqCN"}

package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js

@@ -0,0 +1,42 @@
+import { findElementsById } from "../../../utils.js";
+import { shouldEnterInlineEditingMode } from "../../capabilities/inline-editing/index.js";
+import { handleElementSelection } from "../click-handlers.js";
+import { handleEnterInlineEditingMode, handleClearInlineEditingMode } from "../inline-edit-handlers.js";
+/**
+ * Handle toggle-inline-edit-mode message (parent-initiated)
+ */
+export function handleToggleInlineEditMode(state, message) {
+    // Check if inline edit experiment is enabled
+    if (!state.isInlineEditExperimentEnabled) {
+        console.log('[VisualEditAgent] toggle-inline-edit-mode ignored - experiment flag not enabled');
+        return;
+    }
+    console.log('[VisualEditAgent] Processing toggle-inline-edit-mode message');
+    // Parent-initiated inline editing mode toggle
+    if (!message.data || !message.data.dataSourceLocation) {
+        console.warn('[VisualEditAgent] Invalid toggle-inline-edit-mode message - missing dataSourceLocation');
+        return;
+    }
+    const elements = findElementsById(message.data.dataSourceLocation);
+    if (elements.length === 0 || !(elements[0] instanceof HTMLElement)) {
+        return;
+    }
+    const element = elements[0];
+    if (message.data.inlineEditingMode) {
+        // Enable inline editing (only for non-dynamic text elements)
+        if (shouldEnterInlineEditingMode(element)) {
+            // Select the element first if not already selected
+            if (state.selectedElementId !== message.data.dataSourceLocation) {
+                handleElementSelection(state, element, message.data.dataSourceLocation);
+            }
+            handleEnterInlineEditingMode(state, element);
+        }
+    }
+    else {
+        // Disable inline editing
+        if (state.currentEditingElement === element) {
+            handleClearInlineEditingMode(state);
+        }
+    }
+}
+//# sourceMappingURL=toggle-inline-edit-mode.js.map

package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-inline-edit-mode.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAExG;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,6CAA6C;IAC7C,IAAI,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAC;QACzC,OAAO,CAAC,GAAG,CAAC,iFAAiF,CAAC,CAAC;QAC/F,OAAO;IACT,CAAC;IAED,OAAO,CAAC,GAAG,CAAC,8DAA8D,CAAC,CAAC;IAE5E,8CAA8C;IAC9C,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtD,OAAO,CAAC,IAAI,CAAC,wFAAwF,CAAC,CAAC;QACvG,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,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC1E,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"}

package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts

@@ -0,0 +1,11 @@
+import type { AgentState } from "../../state/agent-state.js";
+import type { ToggleVisualEditModeMessage } from "./types.js";
+/**
+ * Toggle visual edit mode on/off
+ */
+export declare function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void;
+/**
+ * Handle toggle-visual-edit-mode message
+ */
+export declare function handleToggleVisualEditMode(state: AgentState, message: ToggleVisualEditModeMessage): void;
+//# sourceMappingURL=toggle-visual-edit-mode.d.ts.map

package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-visual-edit-mode.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAK9D;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAehF;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAON"}

package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js

@@ -0,0 +1,32 @@
+import { clearSelection } from "../../ui/overlay.js";
+import { clearHoverOverlays } from "../hover-handlers.js";
+import { handleClearInlineEditingMode } from "../inline-edit-handlers.js";
+/**
+ * Toggle visual edit mode on/off
+ */
+export function toggleVisualEditMode(state, isEnabled) {
+    state.isVisualEditMode = isEnabled;
+    if (!isEnabled) {
+        if (state.currentEditingElement) {
+            handleClearInlineEditingMode(state);
+        }
+        clearHoverOverlays(state);
+        clearSelection(state);
+        state.currentHighlightedElements = [];
+        document.body.style.cursor = "default";
+    }
+    else {
+        document.body.style.cursor = "crosshair";
+    }
+}
+/**
+ * Handle toggle-visual-edit-mode message
+ */
+export function handleToggleVisualEditMode(state, message) {
+    toggleVisualEditMode(state, message.data.enabled);
+    // Update inline edit experiment flag if provided
+    if (message.data.specs?.newInlineEditEnabled !== undefined) {
+        state.isInlineEditExperimentEnabled = message.data.specs.newInlineEditEnabled;
+    }
+}
+//# sourceMappingURL=toggle-visual-edit-mode.js.map

package/dist/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-visual-edit-mode.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAiB,EAAE,SAAkB;IACxE,KAAK,CAAC,gBAAgB,GAAG,SAAS,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;QAED,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,CAAC,0BAA0B,GAAG,EAAE,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;IACzC,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;IAC3C,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAElD,iDAAiD;IACjD,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,EAAE,CAAC;QAC3D,KAAK,CAAC,6BAA6B,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC;IAChF,CAAC;AACH,CAAC"}

package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Message types and interfaces for parent-iframe communication
+ */
+export declare enum IncomingMessageType {
+    TOGGLE_VISUAL_EDIT_MODE = "toggle-visual-edit-mode",
+    UPDATE_CLASSES = "update-classes",
+    UPDATE_CONTENT = "update-content",
+    UNSELECT_ELEMENT = "unselect-element",
+    REFRESH_PAGE = "refresh-page",
+    TOGGLE_INLINE_EDIT_MODE = "toggle-inline-edit-mode",
+    REQUEST_ELEMENT_POSITION = "request-element-position",
+    POPOVER_DRAG_STATE = "popover-drag-state",
+    DROPDOWN_STATE = "dropdown-state"
+}
+export declare enum OutgoingMessageType {
+    VISUAL_EDIT_AGENT_READY = "visual-edit-agent-ready",
+    ELEMENT_SELECTED = "element-selected",
+    ELEMENT_POSITION_UPDATE = "element-position-update",
+    CONTENT_EDITING_STARTED = "content-editing-started",
+    INLINE_EDIT = "inline-edit",
+    CONTENT_EDITING_ENDED = "content-editing-ended",
+    CLOSE_DROPDOWNS = "close-dropdowns"
+}
+export interface ToggleVisualEditModeMessage {
+    type: IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE;
+    data: {
+        enabled: boolean;
+        specs?: {
+            newInlineEditEnabled?: boolean;
+        };
+    };
+}
+export interface UpdateClassesMessage {
+    type: IncomingMessageType.UPDATE_CLASSES;
+    data: {
+        visualSelectorId: string;
+        classes: string;
+    };
+}
+export interface UpdateContentMessage {
+    type: IncomingMessageType.UPDATE_CONTENT;
+    data: {
+        visualSelectorId: string;
+        content: string;
+    };
+}
+export interface UnselectElementMessage {
+    type: IncomingMessageType.UNSELECT_ELEMENT;
+}
+export interface RefreshPageMessage {
+    type: IncomingMessageType.REFRESH_PAGE;
+}
+export interface ToggleInlineEditModeMessage {
+    type: IncomingMessageType.TOGGLE_INLINE_EDIT_MODE;
+    data: {
+        dataSourceLocation: string;
+        inlineEditingMode: boolean;
+    };
+}
+export interface RequestElementPositionMessage {
+    type: IncomingMessageType.REQUEST_ELEMENT_POSITION;
+}
+export interface PopoverDragStateMessage {
+    type: IncomingMessageType.POPOVER_DRAG_STATE;
+    data: {
+        isDragging: boolean;
+    };
+}
+export interface DropdownStateMessage {
+    type: IncomingMessageType.DROPDOWN_STATE;
+    data: {
+        isOpen: boolean;
+    };
+}
+export type IncomingMessage = ToggleVisualEditModeMessage | UpdateClassesMessage | UpdateContentMessage | UnselectElementMessage | RefreshPageMessage | ToggleInlineEditModeMessage | RequestElementPositionMessage | PopoverDragStateMessage | DropdownStateMessage;
+export interface ElementPosition {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+    centerX: number;
+    centerY: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/injections/visual-edit-agent/handlers/messages/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,oBAAY,mBAAmB;IAC7B,uBAAuB,4BAA4B;IACnD,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAC7B,uBAAuB,4BAA4B;IACnD,wBAAwB,6BAA6B;IACrD,kBAAkB,uBAAuB;IACzC,cAAc,mBAAmB;CAClC;AAGD,oBAAY,mBAAmB;IAC7B,uBAAuB,4BAA4B;IACnD,gBAAgB,qBAAqB;IACrC,uBAAuB,4BAA4B;IACnD,uBAAuB,4BAA4B;IACnD,WAAW,gBAAgB;IAC3B,qBAAqB,0BAA0B;IAC/C,eAAe,oBAAoB;CACpC;AAGD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,mBAAmB,CAAC,uBAAuB,CAAC;IAClD,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE;YACN,oBAAoB,CAAC,EAAE,OAAO,CAAC;SAChC,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC;IACzC,IAAI,EAAE;QACJ,gBAAgB,EAAE,MAAM,CAAC;QACzB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC;IACzC,IAAI,EAAE;QACJ,gBAAgB,EAAE,MAAM,CAAC;QACzB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,mBAAmB,CAAC,gBAAgB,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,mBAAmB,CAAC,YAAY,CAAC;CACxC;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,mBAAmB,CAAC,uBAAuB,CAAC;IAClD,IAAI,EAAE;QACJ,kBAAkB,EAAE,MAAM,CAAC;QAC3B,iBAAiB,EAAE,OAAO,CAAC;KAC5B,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,mBAAmB,CAAC,wBAAwB,CAAC;CACpD;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,mBAAmB,CAAC,kBAAkB,CAAC;IAC7C,IAAI,EAAE;QACJ,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,OAAO,CAAC;KACjB,CAAC;CACH;AAGD,MAAM,MAAM,eAAe,GACvB,2BAA2B,GAC3B,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,kBAAkB,GAClB,2BAA2B,GAC3B,6BAA6B,GAC7B,uBAAuB,GACvB,oBAAoB,CAAC;AAGzB,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB"}

package/dist/injections/visual-edit-agent/handlers/messages/types.js

@@ -0,0 +1,28 @@
+/**
+ * Message types and interfaces for parent-iframe communication
+ */
+// Incoming message types (from parent)
+export var IncomingMessageType;
+(function (IncomingMessageType) {
+    IncomingMessageType["TOGGLE_VISUAL_EDIT_MODE"] = "toggle-visual-edit-mode";
+    IncomingMessageType["UPDATE_CLASSES"] = "update-classes";
+    IncomingMessageType["UPDATE_CONTENT"] = "update-content";
+    IncomingMessageType["UNSELECT_ELEMENT"] = "unselect-element";
+    IncomingMessageType["REFRESH_PAGE"] = "refresh-page";
+    IncomingMessageType["TOGGLE_INLINE_EDIT_MODE"] = "toggle-inline-edit-mode";
+    IncomingMessageType["REQUEST_ELEMENT_POSITION"] = "request-element-position";
+    IncomingMessageType["POPOVER_DRAG_STATE"] = "popover-drag-state";
+    IncomingMessageType["DROPDOWN_STATE"] = "dropdown-state";
+})(IncomingMessageType || (IncomingMessageType = {}));
+// Outgoing message types (to parent)
+export var OutgoingMessageType;
+(function (OutgoingMessageType) {
+    OutgoingMessageType["VISUAL_EDIT_AGENT_READY"] = "visual-edit-agent-ready";
+    OutgoingMessageType["ELEMENT_SELECTED"] = "element-selected";
+    OutgoingMessageType["ELEMENT_POSITION_UPDATE"] = "element-position-update";
+    OutgoingMessageType["CONTENT_EDITING_STARTED"] = "content-editing-started";
+    OutgoingMessageType["INLINE_EDIT"] = "inline-edit";
+    OutgoingMessageType["CONTENT_EDITING_ENDED"] = "content-editing-ended";
+    OutgoingMessageType["CLOSE_DROPDOWNS"] = "close-dropdowns";
+})(OutgoingMessageType || (OutgoingMessageType = {}));
+//# sourceMappingURL=types.js.map

package/dist/injections/visual-edit-agent/handlers/messages/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,uCAAuC;AACvC,MAAM,CAAN,IAAY,mBAUX;AAVD,WAAY,mBAAmB;IAC7B,0EAAmD,CAAA;IACnD,wDAAiC,CAAA;IACjC,wDAAiC,CAAA;IACjC,4DAAqC,CAAA;IACrC,oDAA6B,CAAA;IAC7B,0EAAmD,CAAA;IACnD,4EAAqD,CAAA;IACrD,gEAAyC,CAAA;IACzC,wDAAiC,CAAA;AACnC,CAAC,EAVW,mBAAmB,KAAnB,mBAAmB,QAU9B;AAED,qCAAqC;AACrC,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,0EAAmD,CAAA;IACnD,4DAAqC,CAAA;IACrC,0EAAmD,CAAA;IACnD,0EAAmD,CAAA;IACnD,kDAA2B,CAAA;IAC3B,sEAA+C,CAAA;IAC/C,0DAAmC,CAAA;AACrC,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B"}

package/dist/injections/visual-edit-agent/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Main setup function for visual edit agent
+ */
+export declare function setupVisualEditAgent(): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/injections/visual-edit-agent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"AAkGA;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAkB3C"}

package/dist/injections/visual-edit-agent/index.js

@@ -0,0 +1,106 @@
+import { createAgentState } from "./state/agent-state.js";
+import { handleMouseOver, handleMouseOut } from "./handlers/hover-handlers.js";
+import { handleElementClick } from "./handlers/click-handlers.js";
+import { handleMessage, handleScroll, handleResize } from "./handlers/message-handlers.js";
+import { setupInlineEditCallback } from "./handlers/inline-edit-handlers.js";
+import { OutgoingMessageType } from "./handlers/messages/types.js";
+/**
+ * Initialize element IDs for elements with line numbers
+ */
+function initializeElementIds() {
+    const elementsWithLineNumber = document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])");
+    elementsWithLineNumber.forEach((el, index) => {
+        const htmlEl = el;
+        const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;
+        htmlEl.dataset.visualSelectorId = id;
+    });
+}
+/**
+ * Create mutation observer to detect layout changes.
+ * Uses requestAnimationFrame to coalesce many rapid mutations into one reposition
+ * per paint frame, avoiding stacking multiple timers during CSS transitions.
+ */
+function createLayoutObserver(onLayoutChange) {
+    let rafHandle = null;
+    const hasVisualId = (node) => {
+        if (node.nodeType !== Node.ELEMENT_NODE)
+            return false;
+        const el = node;
+        if (el.dataset?.visualSelectorId)
+            return true;
+        for (let i = 0; i < el.children.length; i++) {
+            if (hasVisualId(el.children[i]))
+                return true;
+        }
+        return false;
+    };
+    return new MutationObserver((mutations) => {
+        if (rafHandle !== null)
+            return;
+        const needsUpdate = mutations.some((mutation) => {
+            const isLayoutChange = mutation.type === "attributes" &&
+                (mutation.attributeName === "style" ||
+                    mutation.attributeName === "class" ||
+                    mutation.attributeName === "width" ||
+                    mutation.attributeName === "height");
+            return isLayoutChange && hasVisualId(mutation.target);
+        });
+        if (needsUpdate) {
+            rafHandle = requestAnimationFrame(() => {
+                rafHandle = null;
+                onLayoutChange();
+            });
+        }
+    });
+}
+/**
+ * Setup keyboard event protection
+ */
+function setupKeyboardProtection() {
+    document.addEventListener("keydown", (e) => {
+        if (e.target instanceof HTMLElement && e.target.contentEditable === "true") {
+            // Don't report keyboard events during inline editing
+            return;
+        }
+        // Forward other keyboard events to parent if needed
+    }, true);
+}
+/**
+ * Setup event listeners
+ */
+function setupEventListeners(state) {
+    // Message handling
+    window.addEventListener("message", (e) => handleMessage(state, e));
+    // Scroll handling
+    window.addEventListener("scroll", () => handleScroll(state), true);
+    document.addEventListener("scroll", () => handleScroll(state), true);
+    // Resize handling
+    window.addEventListener("resize", () => handleResize(state));
+    window.addEventListener("scroll", () => handleResize(state));
+    // Click handling
+    document.addEventListener("click", (e) => handleElementClick(state, e), true);
+    // Hover handling
+    document.addEventListener("mouseover", (e) => handleMouseOver(state, e));
+    document.addEventListener("mouseout", () => handleMouseOut(state));
+}
+/**
+ * Main setup function for visual edit agent
+ */
+export function setupVisualEditAgent() {
+    const state = createAgentState();
+    initializeElementIds();
+    setupInlineEditCallback(state);
+    setupKeyboardProtection();
+    setupEventListeners(state);
+    // Create and start mutation observer
+    const mutationObserver = createLayoutObserver(() => handleResize(state));
+    mutationObserver.observe(document.body, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        attributeFilter: ["style", "class", "width", "height"],
+    });
+    // Send ready message to parent
+    window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, "*");
+}
+//# sourceMappingURL=index.js.map