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

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 (7) hide show
  1. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map +1 -1
  2. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js +0 -4
  3. package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map +1 -1
  4. package/dist/statics/index.mjs +2 -2
  5. package/dist/statics/index.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts +0 -5
package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map CHANGED
@@ -1 +1 @@
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;AAO9D;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAuDN"}
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;AAO9D;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAkDN"}
package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js CHANGED
@@ -28,15 +28,11 @@ export function handleToggleInlineEditMode(state, message) {
28
28
  handleClearInlineEditingMode(state);
29
29
  }
30
30
  clearSelection(state);
31
- // Find all elements with the same ID
32
- const elements = findElementsById(message.data.dataSourceLocation);
33
- // Mark elements as selected
34
31
  elements.forEach((el) => {
35
32
  if (el instanceof HTMLElement) {
36
33
  el.dataset.selected = "true";
37
34
  }
38
35
  });
39
- // Create selected overlays for all matching elements
40
36
  elements.forEach((el) => {
41
37
  const overlay = createOverlay(true);
42
38
  document.body.appendChild(overlay);
package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map CHANGED
@@ -1 +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,qCAAqC;gBACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBAEnE,4BAA4B;gBAC5B,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,qDAAqD;gBACrD,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"}
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"}
package/dist/statics/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
- function R(){return{isVisualEditMode:!1,isPopoverDragging:!1,isDropdownOpen:!1,hoverOverlays:[],selectedOverlays:[],currentHighlightedElements:[],selectedElementId:null,currentEditingElement:null,debouncedSendTimeout:null,isInlineEditExperimentEnabled:!1}}function l(e){if(!e)return[];let t=Array.from(document.querySelectorAll(`[data-source-location="${e}"]`));return t.length>0?t:Array.from(document.querySelectorAll(`[data-visual-selector-id="${e}"]`))}function P(e,t){e.forEach(n=>{n.setAttribute("class",t)})}var H="all 0.1s ease-in-out",V="9999",U="#2563EB",G="#95a5fc",B="rgba(99, 102, 241, 0.05)",k="-27px",F="-2px";function m(e=!1){let t=document.createElement("div");return t.style.position="absolute",t.style.pointerEvents="none",t.style.transition=H,t.style.zIndex=V,e?t.style.border=`2px solid ${U}`:(t.style.border=`2px solid ${G}`,t.style.backgroundColor=B),t}function E(e,t,n=!1,o=!0){if(!t||!o)return;t.offsetWidth;let r=t.getBoundingClientRect();e.style.top=`${r.top+window.scrollY}px`,e.style.left=`${r.left+window.scrollX}px`,e.style.width=`${r.width}px`,e.style.height=`${r.height}px`;let i=e.querySelector("div");i||(i=document.createElement("div"),i.textContent=t.tagName.toLowerCase(),i.style.position="absolute",i.style.top=k,i.style.left=F,i.style.padding="2px 8px",i.style.fontSize="11px",i.style.fontWeight=n?"500":"400",i.style.color=n?"#ffffff":"#526cff",i.style.backgroundColor=n?"#526cff":"#DBEAFE",i.style.borderRadius="3px",i.style.minWidth="24px",i.style.textAlign="center",e.appendChild(i))}function h(e){e.forEach(t=>{t&&t.parentNode&&t.remove()})}function c(e){e.isInlineEditExperimentEnabled&&e.selectedElementId&&l(e.selectedElementId).forEach(n=>{n instanceof HTMLElement&&delete n.dataset.selected}),h(e.selectedOverlays),e.selectedOverlays=[],e.selectedElementId=null}function u(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId);e.selectedOverlays.forEach((n,o)=>{let r=t[o];r&&E(n,r,!0,e.isVisualEditMode)})}function O(e){e.hoverOverlays.forEach((t,n)=>{let o=e.currentHighlightedElements[n];o&&E(t,o,!1,e.isVisualEditMode)})}function s(e){h(e.hoverOverlays),e.hoverOverlays=[],e.currentHighlightedElements=[]}function j(e,t){if(!e.isVisualEditMode||e.isPopoverDragging||e.currentEditingElement)return;let n=t.target;if(e.isDropdownOpen){s(e);return}if(n.tagName.toLowerCase()==="path"){s(e);return}let o=n.closest("[data-source-location], [data-visual-selector-id]");if(!o){s(e);return}let r=o,i=r.dataset.sourceLocation||r.dataset.visualSelectorId;if(e.selectedElementId===i){s(e);return}let a=l(i||null);s(e),a.forEach(g=>{let S=m(!1);document.body.appendChild(S),e.hoverOverlays.push(S),E(S,g,!1,e.isVisualEditMode)}),e.currentHighlightedElements=a}function W(e){e.isPopoverDragging||e.currentEditingElement||s(e)}function y(){if(document.getElementById("visual-edit-focus-styles"))return;let t=document.createElement("style");t.id="visual-edit-focus-styles",t.textContent=`
1
+ function R(){return{isVisualEditMode:!1,isPopoverDragging:!1,isDropdownOpen:!1,hoverOverlays:[],selectedOverlays:[],currentHighlightedElements:[],selectedElementId:null,currentEditingElement:null,debouncedSendTimeout:null,isInlineEditExperimentEnabled:!1}}function l(e){if(!e)return[];let t=Array.from(document.querySelectorAll(`[data-source-location="${e}"]`));return t.length>0?t:Array.from(document.querySelectorAll(`[data-visual-selector-id="${e}"]`))}function P(e,t){e.forEach(n=>{n.setAttribute("class",t)})}var H="all 0.1s ease-in-out",V="9999",U="#2563EB",G="#95a5fc",B="rgba(99, 102, 241, 0.05)",k="-27px",F="-2px";function m(e=!1){let t=document.createElement("div");return t.style.position="absolute",t.style.pointerEvents="none",t.style.transition=H,t.style.zIndex=V,e?t.style.border=`2px solid ${U}`:(t.style.border=`2px solid ${G}`,t.style.backgroundColor=B),t}function E(e,t,n=!1,o=!0){if(!t||!o)return;t.offsetWidth;let i=t.getBoundingClientRect();e.style.top=`${i.top+window.scrollY}px`,e.style.left=`${i.left+window.scrollX}px`,e.style.width=`${i.width}px`,e.style.height=`${i.height}px`;let r=e.querySelector("div");r||(r=document.createElement("div"),r.textContent=t.tagName.toLowerCase(),r.style.position="absolute",r.style.top=k,r.style.left=F,r.style.padding="2px 8px",r.style.fontSize="11px",r.style.fontWeight=n?"500":"400",r.style.color=n?"#ffffff":"#526cff",r.style.backgroundColor=n?"#526cff":"#DBEAFE",r.style.borderRadius="3px",r.style.minWidth="24px",r.style.textAlign="center",e.appendChild(r))}function h(e){e.forEach(t=>{t&&t.parentNode&&t.remove()})}function c(e){e.isInlineEditExperimentEnabled&&e.selectedElementId&&l(e.selectedElementId).forEach(n=>{n instanceof HTMLElement&&delete n.dataset.selected}),h(e.selectedOverlays),e.selectedOverlays=[],e.selectedElementId=null}function u(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId);e.selectedOverlays.forEach((n,o)=>{let i=t[o];i&&E(n,i,!0,e.isVisualEditMode)})}function O(e){e.hoverOverlays.forEach((t,n)=>{let o=e.currentHighlightedElements[n];o&&E(t,o,!1,e.isVisualEditMode)})}function a(e){h(e.hoverOverlays),e.hoverOverlays=[],e.currentHighlightedElements=[]}function j(e,t){if(!e.isVisualEditMode||e.isPopoverDragging||e.currentEditingElement)return;let n=t.target;if(e.isDropdownOpen){a(e);return}if(n.tagName.toLowerCase()==="path"){a(e);return}let o=n.closest("[data-source-location], [data-visual-selector-id]");if(!o){a(e);return}let i=o,r=i.dataset.sourceLocation||i.dataset.visualSelectorId;if(e.selectedElementId===r){a(e);return}let d=l(r||null);a(e),d.forEach(g=>{let S=m(!1);document.body.appendChild(S),e.hoverOverlays.push(S),E(S,g,!1,e.isVisualEditMode)}),e.currentHighlightedElements=d}function W(e){e.isPopoverDragging||e.currentEditingElement||a(e)}function y(){if(document.getElementById("visual-edit-focus-styles"))return;let t=document.createElement("style");t.id="visual-edit-focus-styles",t.textContent=`
2
2
  [data-selected="true"][contenteditable="true"]:focus {
3
3
  outline: none !important;
4
4
  }
5
- `,document.head.appendChild(t)}function M(){let e=document.getElementById("visual-edit-focus-styles");e&&e.remove()}function L(e){let t=document.createRange();t.selectNodeContents(e);let n=window.getSelection();n?.removeAllRanges(),n?.addRange(t)}function b(e){return!(!(e instanceof HTMLElement)||!["div","p","h1","h2","h3","h4","h5","h6","span","li","td","a","button","label"].includes(e.tagName.toLowerCase())||(e.textContent?.trim()||"").length===0||e.querySelector("img, video, canvas, svg")!==null||e.children.length>0||e.dataset.dynamicContent==="true")}var x=null;function A(e){x=e}var C=new WeakMap;function ee(e){x&&x(this)}function f(e){return!(!(e instanceof HTMLElement)||e.dataset.selected!=="true"||!b(e))}function _(e){y(),e.dataset.originalTextContent=e.textContent||"",e.dataset.originalCursor=e.style.cursor,e.contentEditable="true";let t=new AbortController;C.set(e,t),e.addEventListener("input",ee,{signal:t.signal}),e.style.cursor="text",L(e),setTimeout(()=>{e.focus()},0)}function D(e){let t=C.get(e);t&&(t.abort(),C.delete(e)),e.isConnected&&(M(),e.contentEditable="false",delete e.dataset.originalTextContent,e.dataset.originalCursor!==void 0&&(e.style.cursor=e.dataset.originalCursor,delete e.dataset.originalCursor))}function p(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height,centerX:e.left+e.width/2,centerY:e.top+e.height/2}}function Y(e){return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}function T(e){return e instanceof SVGElement?e.className?.baseVal||"":e.className||""}function v(e,t){e.currentEditingElement=t,e.selectedOverlays.forEach(n=>{n.style.display="none"}),_(t),window.parent.postMessage({type:"content-editing-started",visualSelectorId:e.selectedElementId},"*")}function d(e){if(!e.currentEditingElement)return;e.debouncedSendTimeout&&(clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=null);let t=e.currentEditingElement;D(t),e.selectedOverlays.forEach(n=>{n.style.display=""}),u(e),window.parent.postMessage({type:"content-editing-ended",visualSelectorId:e.selectedElementId},"*"),e.currentEditingElement=null}function ne(e,t){let n=t.dataset.originalTextContent,o=t.textContent,r={tagName:t.tagName,classes:T(t),visualSelectorId:e.selectedElementId,content:o,dataSourceLocation:t.dataset.sourceLocation,isDynamicContent:t.dataset.dynamicContent==="true",linenumber:t.dataset.linenumber,filename:t.dataset.filename,position:p(t.getBoundingClientRect())};window.parent.postMessage({type:"inline-edit",elementInfo:r,originalContent:n,newContent:o},"*"),t.dataset.originalTextContent=o||""}function oe(e,t){e.debouncedSendTimeout&&clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=setTimeout(()=>{ne(e,t)},500)}function ie(e){return t=>{u(e),oe(e,t)}}function $(e){A(ie(e))}function re(e,t,n){e.currentEditingElement&&d(e),c(e);let o=l(n);e.isInlineEditExperimentEnabled&&o.forEach(a=>{a instanceof HTMLElement&&(a.dataset.selected="true")}),o.forEach(a=>{let g=m(!0);document.body.appendChild(g),e.selectedOverlays.push(g),E(g,a,!0,e.isVisualEditMode)}),e.selectedElementId=n,s(e);let r=t,i={type:"element-selected",tagName:t.tagName,classes:T(t),visualSelectorId:n,content:r.innerText,dataSourceLocation:r.dataset.sourceLocation,isDynamicContent:r.dataset.dynamicContent==="true",linenumber:r.dataset.linenumber,filename:r.dataset.filename,position:p(t.getBoundingClientRect())};window.parent.postMessage(i,"*")}function q(e,t){if(!e.isVisualEditMode)return;let n=t.target;if(e.isInlineEditExperimentEnabled&&n instanceof HTMLElement&&n.contentEditable==="true")return;if(e.currentEditingElement){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),d(e);return}if(e.isDropdownOpen){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),window.parent.postMessage({type:"close-dropdowns"},"*");return}if(n.tagName.toLowerCase()==="path")return;t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation();let o=n.closest("[data-source-location], [data-visual-selector-id]");if(!o)return;let r=o,i=r.dataset.sourceLocation||r.dataset.visualSelectorId;if(e.selectedElementId===i&&r.dataset.selected==="true"&&e.isInlineEditExperimentEnabled&&f(r)){v(e,r);return}re(e,o,i||null)}function le(e,t){e.isVisualEditMode=t,t?document.body.style.cursor="crosshair":(e.currentEditingElement&&d(e),s(e),c(e),e.currentHighlightedElements=[],document.body.style.cursor="default")}function z(e,t){le(e,t.data.enabled),t.data.specs?.newInlineEditEnabled!==void 0&&(e.isInlineEditExperimentEnabled=t.data.specs.newInlineEditEnabled)}function X(e,t){if(!e.isInlineEditExperimentEnabled||!t.data||!t.data.dataSourceLocation)return;let n=l(t.data.dataSourceLocation);if(n.length===0||!(n[0]instanceof HTMLElement))return;let o=n[0];if(t.data.inlineEditingMode){if(f(o)){if(e.selectedElementId!==t.data.dataSourceLocation){e.currentEditingElement&&d(e),c(e);let r=l(t.data.dataSourceLocation);r.forEach(i=>{i instanceof HTMLElement&&(i.dataset.selected="true")}),r.forEach(i=>{let a=m(!0);document.body.appendChild(a),e.selectedOverlays.push(a),E(a,i,!0,e.isVisualEditMode)}),e.selectedElementId=t.data.dataSourceLocation}v(e,o)}}else e.currentEditingElement===o&&d(e)}function K(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId),[n]=t;if(!n)return;let o=n.getBoundingClientRect();window.parent.postMessage({type:"element-position-update",position:p(o),isInViewport:Y(o),visualSelectorId:e.selectedElementId},"*")}function ae(e){e.currentEditingElement&&d(e),c(e)}function se(e,t,n){let o=l(t);o.length!==0&&(P(o,n),setTimeout(()=>{e.selectedElementId===t&&u(e),e.currentHighlightedElements.length>0&&e.currentHighlightedElements[0]?.dataset?.visualSelectorId===t&&O(e)},50))}function de(e,t,n){let o=l(t);o.length!==0&&(o.forEach(r=>{r.innerText=n}),setTimeout(()=>{e.selectedElementId===t&&u(e)},50))}function w(e){K(e)}function I(e){u(e),O(e)}function Z(e,t){let n=t.data;switch(n.type){case"toggle-visual-edit-mode":z(e,n);break;case"update-classes":n.data&&n.data.classes!==void 0?se(e,n.data.visualSelectorId,n.data.classes):console.warn("[VisualEditAgent] Invalid update-classes message:",n);break;case"unselect-element":ae(e);break;case"refresh-page":window.location.reload();break;case"update-content":n.data&&n.data.content!==void 0?de(e,n.data.visualSelectorId,n.data.content):console.warn("[VisualEditAgent] Invalid update-content message:",n);break;case"toggle-inline-edit-mode":X(e,n);break;case"request-element-position":K(e);break;case"popover-drag-state":n.data&&n.data.isDragging!==void 0&&(e.isPopoverDragging=n.data.isDragging,n.data.isDragging&&s(e));break;case"dropdown-state":n.data&&n.data.isOpen!==void 0&&(e.isDropdownOpen=n.data.isOpen,n.data.isOpen&&s(e));break;default:break}}function Ee(){document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((t,n)=>{let o=t,r=`visual-id-${o.dataset.filename}-${o.dataset.linenumber}-${n}`;o.dataset.visualSelectorId=r})}function ce(e){let t=null,n=o=>{if(o.nodeType!==Node.ELEMENT_NODE)return!1;let r=o;if(r.dataset?.visualSelectorId)return!0;for(let i of Array.from(r.children))if(n(i))return!0;return!1};return new MutationObserver(o=>{if(t!==null)return;o.some(i=>i.type==="attributes"&&(i.attributeName==="style"||i.attributeName==="class"||i.attributeName==="width"||i.attributeName==="height")&&n(i.target))&&(t=requestAnimationFrame(()=>{t=null,e()}))})}function ue(e){window.addEventListener("message",t=>Z(e,t)),window.addEventListener("scroll",()=>w(e),!0),document.addEventListener("scroll",()=>w(e),!0),window.addEventListener("resize",()=>I(e)),window.addEventListener("scroll",()=>I(e)),document.addEventListener("click",t=>q(e,t),!0),document.addEventListener("mouseover",t=>j(e,t)),document.addEventListener("mouseout",()=>W(e))}function J(){let e=R();Ee(),$(e),ue(e),ce(()=>I(e)).observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class","width","height"]}),window.parent.postMessage({type:"visual-edit-agent-ready"},"*")}export{J as setupVisualEditAgent};
5
+ `,document.head.appendChild(t)}function M(){let e=document.getElementById("visual-edit-focus-styles");e&&e.remove()}function L(e){let t=document.createRange();t.selectNodeContents(e);let n=window.getSelection();n?.removeAllRanges(),n?.addRange(t)}function b(e){return!(!(e instanceof HTMLElement)||!["div","p","h1","h2","h3","h4","h5","h6","span","li","td","a","button","label"].includes(e.tagName.toLowerCase())||(e.textContent?.trim()||"").length===0||e.querySelector("img, video, canvas, svg")!==null||e.children.length>0||e.dataset.dynamicContent==="true")}var x=null;function A(e){x=e}var C=new WeakMap;function ee(e){x&&x(this)}function f(e){return!(!(e instanceof HTMLElement)||e.dataset.selected!=="true"||!b(e))}function _(e){y(),e.dataset.originalTextContent=e.textContent||"",e.dataset.originalCursor=e.style.cursor,e.contentEditable="true";let t=new AbortController;C.set(e,t),e.addEventListener("input",ee,{signal:t.signal}),e.style.cursor="text",L(e),setTimeout(()=>{e.focus()},0)}function D(e){let t=C.get(e);t&&(t.abort(),C.delete(e)),e.isConnected&&(M(),e.contentEditable="false",delete e.dataset.originalTextContent,e.dataset.originalCursor!==void 0&&(e.style.cursor=e.dataset.originalCursor,delete e.dataset.originalCursor))}function p(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height,centerX:e.left+e.width/2,centerY:e.top+e.height/2}}function Y(e){return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}function T(e){return e instanceof SVGElement?e.className?.baseVal||"":e.className||""}function v(e,t){e.currentEditingElement=t,e.selectedOverlays.forEach(n=>{n.style.display="none"}),_(t),window.parent.postMessage({type:"content-editing-started",visualSelectorId:e.selectedElementId},"*")}function s(e){if(!e.currentEditingElement)return;e.debouncedSendTimeout&&(clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=null);let t=e.currentEditingElement;D(t),e.selectedOverlays.forEach(n=>{n.style.display=""}),u(e),window.parent.postMessage({type:"content-editing-ended",visualSelectorId:e.selectedElementId},"*"),e.currentEditingElement=null}function ne(e,t){let n=t.dataset.originalTextContent,o=t.textContent,i={tagName:t.tagName,classes:T(t),visualSelectorId:e.selectedElementId,content:o,dataSourceLocation:t.dataset.sourceLocation,isDynamicContent:t.dataset.dynamicContent==="true",linenumber:t.dataset.linenumber,filename:t.dataset.filename,position:p(t.getBoundingClientRect())};window.parent.postMessage({type:"inline-edit",elementInfo:i,originalContent:n,newContent:o},"*"),t.dataset.originalTextContent=o||""}function oe(e,t){e.debouncedSendTimeout&&clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=setTimeout(()=>{ne(e,t)},500)}function ie(e){return t=>{u(e),oe(e,t)}}function $(e){A(ie(e))}function re(e,t,n){e.currentEditingElement&&s(e),c(e);let o=l(n);e.isInlineEditExperimentEnabled&&o.forEach(d=>{d instanceof HTMLElement&&(d.dataset.selected="true")}),o.forEach(d=>{let g=m(!0);document.body.appendChild(g),e.selectedOverlays.push(g),E(g,d,!0,e.isVisualEditMode)}),e.selectedElementId=n,a(e);let i=t,r={type:"element-selected",tagName:t.tagName,classes:T(t),visualSelectorId:n,content:i.innerText,dataSourceLocation:i.dataset.sourceLocation,isDynamicContent:i.dataset.dynamicContent==="true",linenumber:i.dataset.linenumber,filename:i.dataset.filename,position:p(t.getBoundingClientRect())};window.parent.postMessage(r,"*")}function q(e,t){if(!e.isVisualEditMode)return;let n=t.target;if(e.isInlineEditExperimentEnabled&&n instanceof HTMLElement&&n.contentEditable==="true")return;if(e.currentEditingElement){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),s(e);return}if(e.isDropdownOpen){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),window.parent.postMessage({type:"close-dropdowns"},"*");return}if(n.tagName.toLowerCase()==="path")return;t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation();let o=n.closest("[data-source-location], [data-visual-selector-id]");if(!o)return;let i=o,r=i.dataset.sourceLocation||i.dataset.visualSelectorId;if(e.selectedElementId===r&&i.dataset.selected==="true"&&e.isInlineEditExperimentEnabled&&f(i)){v(e,i);return}re(e,o,r||null)}function le(e,t){e.isVisualEditMode=t,t?document.body.style.cursor="crosshair":(e.currentEditingElement&&s(e),a(e),c(e),e.currentHighlightedElements=[],document.body.style.cursor="default")}function z(e,t){le(e,t.data.enabled),t.data.specs?.newInlineEditEnabled!==void 0&&(e.isInlineEditExperimentEnabled=t.data.specs.newInlineEditEnabled)}function X(e,t){if(!e.isInlineEditExperimentEnabled||!t.data||!t.data.dataSourceLocation)return;let n=l(t.data.dataSourceLocation);if(n.length===0||!(n[0]instanceof HTMLElement))return;let o=n[0];t.data.inlineEditingMode?f(o)&&(e.selectedElementId!==t.data.dataSourceLocation&&(e.currentEditingElement&&s(e),c(e),n.forEach(i=>{i instanceof HTMLElement&&(i.dataset.selected="true")}),n.forEach(i=>{let r=m(!0);document.body.appendChild(r),e.selectedOverlays.push(r),E(r,i,!0,e.isVisualEditMode)}),e.selectedElementId=t.data.dataSourceLocation),v(e,o)):e.currentEditingElement===o&&s(e)}function K(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId),[n]=t;if(!n)return;let o=n.getBoundingClientRect();window.parent.postMessage({type:"element-position-update",position:p(o),isInViewport:Y(o),visualSelectorId:e.selectedElementId},"*")}function ae(e){e.currentEditingElement&&s(e),c(e)}function se(e,t,n){let o=l(t);o.length!==0&&(P(o,n),setTimeout(()=>{e.selectedElementId===t&&u(e),e.currentHighlightedElements.length>0&&e.currentHighlightedElements[0]?.dataset?.visualSelectorId===t&&O(e)},50))}function de(e,t,n){let o=l(t);o.length!==0&&(o.forEach(i=>{i.innerText=n}),setTimeout(()=>{e.selectedElementId===t&&u(e)},50))}function w(e){K(e)}function I(e){u(e),O(e)}function Z(e,t){let n=t.data;switch(n.type){case"toggle-visual-edit-mode":z(e,n);break;case"update-classes":n.data&&n.data.classes!==void 0?se(e,n.data.visualSelectorId,n.data.classes):console.warn("[VisualEditAgent] Invalid update-classes message:",n);break;case"unselect-element":ae(e);break;case"refresh-page":window.location.reload();break;case"update-content":n.data&&n.data.content!==void 0?de(e,n.data.visualSelectorId,n.data.content):console.warn("[VisualEditAgent] Invalid update-content message:",n);break;case"toggle-inline-edit-mode":X(e,n);break;case"request-element-position":K(e);break;case"popover-drag-state":n.data&&n.data.isDragging!==void 0&&(e.isPopoverDragging=n.data.isDragging,n.data.isDragging&&a(e));break;case"dropdown-state":n.data&&n.data.isOpen!==void 0&&(e.isDropdownOpen=n.data.isOpen,n.data.isOpen&&a(e));break;default:break}}function Ee(){document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((t,n)=>{let o=t,i=`visual-id-${o.dataset.filename}-${o.dataset.linenumber}-${n}`;o.dataset.visualSelectorId=i})}function ce(e){let t=null,n=o=>{if(o.nodeType!==Node.ELEMENT_NODE)return!1;let i=o;if(i.dataset?.visualSelectorId)return!0;for(let r of Array.from(i.children))if(n(r))return!0;return!1};return new MutationObserver(o=>{if(t!==null)return;o.some(r=>r.type==="attributes"&&(r.attributeName==="style"||r.attributeName==="class"||r.attributeName==="width"||r.attributeName==="height")&&n(r.target))&&(t=requestAnimationFrame(()=>{t=null,e()}))})}function ue(e){window.addEventListener("message",t=>Z(e,t)),window.addEventListener("scroll",()=>w(e),!0),document.addEventListener("scroll",()=>w(e),!0),window.addEventListener("resize",()=>I(e)),window.addEventListener("scroll",()=>I(e)),document.addEventListener("click",t=>q(e,t),!0),document.addEventListener("mouseover",t=>j(e,t)),document.addEventListener("mouseout",()=>W(e))}function J(){let e=R();Ee(),$(e),ue(e),ce(()=>I(e)).observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class","width","height"]}),window.parent.postMessage({type:"visual-edit-agent-ready"},"*")}export{J as setupVisualEditAgent};
6
6
  //# sourceMappingURL=index.mjs.map
package/dist/statics/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/injections/visual-edit-agent/state/agent-state.ts","../../src/injections/utils.ts","../../src/injections/visual-edit-agent/constants.ts","../../src/injections/visual-edit-agent/ui/overlay.ts","../../src/injections/visual-edit-agent/handlers/hover-handlers.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts","../../src/injections/visual-edit-agent/utils/dom-utils.ts","../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts","../../src/injections/visual-edit-agent/handlers/click-handlers.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/message-handlers.ts","../../src/injections/visual-edit-agent/index.ts"],"sourcesContent":["/**\n * Central state management for the visual edit agent\n */\n\nexport interface AgentState {\n isVisualEditMode: boolean;\n isPopoverDragging: boolean;\n isDropdownOpen: boolean;\n hoverOverlays: HTMLDivElement[];\n selectedOverlays: HTMLDivElement[];\n currentHighlightedElements: Element[];\n selectedElementId: string | null;\n currentEditingElement: HTMLElement | null;\n debouncedSendTimeout: ReturnType<typeof setTimeout> | null;\n isInlineEditExperimentEnabled: boolean;\n}\n\nexport function createAgentState(): AgentState {\n return {\n isVisualEditMode: false,\n isPopoverDragging: false,\n isDropdownOpen: false,\n hoverOverlays: [],\n selectedOverlays: [],\n currentHighlightedElements: [],\n selectedElementId: null,\n currentEditingElement: null,\n debouncedSendTimeout: null,\n isInlineEditExperimentEnabled: false,\n };\n}\n","/** Find elements by ID - first try data-source-location, fallback to data-visual-selector-id */\nexport function findElementsById(id: string | null): Element[] {\n if (!id) return [];\n const sourceElements = Array.from(\n document.querySelectorAll(`[data-source-location=\"${id}\"]`)\n );\n if (sourceElements.length > 0) {\n return sourceElements;\n }\n return Array.from(\n document.querySelectorAll(`[data-visual-selector-id=\"${id}\"]`)\n );\n}\n\n/**\n * Update element classes by visual selector ID.\n * Uses setAttribute instead of className to support both HTML and SVG elements.\n */\nexport function updateElementClasses(elements: Element[], classes: string): void {\n elements.forEach((element) => {\n element.setAttribute(\"class\", classes);\n }); \n}\n","export const INLINE_EDIT_DEBOUNCE_MS = 500;\nexport const OVERLAY_TRANSITION = \"all 0.1s ease-in-out\";\nexport const OVERLAY_Z_INDEX = \"9999\";\nexport const SELECTED_BORDER_COLOR = \"#2563EB\";\nexport const HOVER_BORDER_COLOR = \"#95a5fc\";\nexport const HOVER_BACKGROUND_COLOR = \"rgba(99, 102, 241, 0.05)\";\nexport const LABEL_TOP_OFFSET = \"-27px\";\nexport const LABEL_LEFT_OFFSET = \"-2px\";\nexport const REPOSITION_DELAY_MS = 50;\n","import {\n OVERLAY_TRANSITION,\n OVERLAY_Z_INDEX,\n SELECTED_BORDER_COLOR,\n HOVER_BORDER_COLOR,\n HOVER_BACKGROUND_COLOR,\n LABEL_TOP_OFFSET,\n LABEL_LEFT_OFFSET,\n} from \"../constants.js\";\nimport type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\n\n/**\n * Create an overlay element for highlighting\n */\nexport function createOverlay(isSelected = false): HTMLDivElement {\n const overlay = document.createElement(\"div\");\n overlay.style.position = \"absolute\";\n overlay.style.pointerEvents = \"none\";\n overlay.style.transition = OVERLAY_TRANSITION;\n overlay.style.zIndex = OVERLAY_Z_INDEX;\n\n if (isSelected) {\n overlay.style.border = `2px solid ${SELECTED_BORDER_COLOR}`;\n } else {\n overlay.style.border = `2px solid ${HOVER_BORDER_COLOR}`;\n overlay.style.backgroundColor = HOVER_BACKGROUND_COLOR;\n }\n\n return overlay;\n}\n\n/**\n * Position overlay relative to element\n */\nexport function positionOverlay(\n overlay: HTMLDivElement,\n element: Element,\n isSelected = false,\n isVisualEditMode = true\n): void {\n if (!element || !isVisualEditMode) return;\n\n // Force layout recalculation before reading bounding rect\n void (element as HTMLElement).offsetWidth;\n\n const rect = element.getBoundingClientRect();\n overlay.style.top = `${rect.top + window.scrollY}px`;\n overlay.style.left = `${rect.left + window.scrollX}px`;\n overlay.style.width = `${rect.width}px`;\n overlay.style.height = `${rect.height}px`;\n\n // Check if label already exists in overlay\n let label = overlay.querySelector(\"div\") as HTMLDivElement | null;\n\n if (!label) {\n label = document.createElement(\"div\");\n label.textContent = element.tagName.toLowerCase();\n label.style.position = \"absolute\";\n label.style.top = LABEL_TOP_OFFSET;\n label.style.left = LABEL_LEFT_OFFSET;\n label.style.padding = \"2px 8px\";\n label.style.fontSize = \"11px\";\n label.style.fontWeight = isSelected ? \"500\" : \"400\";\n label.style.color = isSelected ? \"#ffffff\" : \"#526cff\";\n label.style.backgroundColor = isSelected ? \"#526cff\" : \"#DBEAFE\";\n label.style.borderRadius = \"3px\";\n label.style.minWidth = \"24px\";\n label.style.textAlign = \"center\";\n overlay.appendChild(label);\n }\n}\n\n/**\n * Clear all overlays from DOM\n */\nexport function clearOverlays(overlays: HTMLDivElement[]): void {\n overlays.forEach((overlay) => {\n if (overlay && overlay.parentNode) {\n overlay.remove();\n }\n });\n}\n\n/**\n * Remove data-selected attribute, clear selected overlays, and reset selection state\n */\nexport function clearSelection(state: AgentState): void {\n if (state.isInlineEditExperimentEnabled && state.selectedElementId) {\n const elements = findElementsById(state.selectedElementId);\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n delete el.dataset.selected;\n }\n });\n }\n clearOverlays(state.selectedOverlays);\n state.selectedOverlays = [];\n state.selectedElementId = null;\n}\n\n/**\n * Reposition selected overlays to match current element bounds\n */\nexport function repositionSelectedOverlays(state: AgentState): void {\n if (!state.selectedElementId) return;\n const elements = findElementsById(state.selectedElementId);\n state.selectedOverlays.forEach((overlay, index) => {\n const element = elements[index];\n if (element) {\n positionOverlay(overlay, element, true, state.isVisualEditMode);\n }\n });\n}\n\n/**\n * Reposition hover overlays to match current element bounds\n */\nexport function repositionHoverOverlays(state: AgentState): void {\n state.hoverOverlays.forEach((overlay, index) => {\n const element = state.currentHighlightedElements[index];\n if (element) {\n positionOverlay(overlay, element, false, state.isVisualEditMode);\n }\n });\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearOverlays } from \"../ui/overlay.js\";\n\n/**\n * Clear hover overlays\n */\nexport function clearHoverOverlays(state: AgentState): void {\n clearOverlays(state.hoverOverlays);\n state.hoverOverlays = [];\n state.currentHighlightedElements = [];\n}\n\n/**\n * Handle mouse over event\n */\nexport function handleMouseOver(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode || state.isPopoverDragging || state.currentEditingElement) return;\n\n const target = e.target as Element;\n\n // Prevent hover effects when a dropdown is open\n if (state.isDropdownOpen) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prevent hover effects on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n clearHoverOverlays(state);\n return;\n }\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prefer data-source-location, fallback to data-visual-selector-id\n const htmlElement = element as HTMLElement;\n const selectorId =\n htmlElement.dataset.sourceLocation ||\n htmlElement.dataset.visualSelectorId;\n\n // Skip if this element is already selected\n if (state.selectedElementId === selectorId) {\n clearHoverOverlays(state);\n return;\n }\n\n // Find all elements with the same ID\n const elements = findElementsById(selectorId || null);\n\n // Clear previous hover overlays\n clearHoverOverlays(state);\n\n // Create overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(false);\n document.body.appendChild(overlay);\n state.hoverOverlays.push(overlay);\n positionOverlay(overlay, el, false, state.isVisualEditMode);\n });\n\n state.currentHighlightedElements = elements;\n}\n\n/**\n * Handle mouse out event\n */\nexport function handleMouseOut(state: AgentState): void {\n if (state.isPopoverDragging || state.currentEditingElement) return;\n clearHoverOverlays(state);\n}\n","/**\n * Inject CSS to suppress the browser's default focus outline on contentEditable elements\n */\nexport function injectFocusOutlineCSS(): void {\n const existingStyle = document.getElementById(\"visual-edit-focus-styles\");\n if (existingStyle) return;\n\n const style = document.createElement(\"style\");\n style.id = \"visual-edit-focus-styles\";\n style.textContent = `\n [data-selected=\"true\"][contenteditable=\"true\"]:focus {\n outline: none !important;\n }\n `;\n document.head.appendChild(style);\n}\n\n/**\n * Remove the injected focus outline CSS\n */\nexport function removeFocusOutlineCSS(): void {\n const style = document.getElementById(\"visual-edit-focus-styles\");\n if (style) {\n style.remove();\n }\n}\n","/**\n * Select all text content in an element using the Selection API\n */\nexport function selectText(element: HTMLElement): void {\n const range = document.createRange();\n range.selectNodeContents(element);\n const selection = window.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n}\n\n/**\n * Check if an element is an editable text element\n * Based on the eligibility rules from inlineEdit.md (non-dynamic only)\n */\nexport function isEditableTextElement(element: Element): boolean {\n // Must be an HTMLElement\n if (!(element instanceof HTMLElement)) {\n return false;\n }\n\n // Must be an allowed tag\n const allowedTags = [\n \"div\",\n \"p\",\n \"h1\",\n \"h2\",\n \"h3\",\n \"h4\",\n \"h5\",\n \"h6\",\n \"span\",\n \"li\",\n \"td\",\n \"a\",\n \"button\",\n \"label\",\n ];\n if (!allowedTags.includes(element.tagName.toLowerCase())) {\n return false;\n }\n\n // Must have text content\n const textContent = element.textContent?.trim() || \"\";\n if (textContent.length === 0) {\n return false;\n }\n\n // Must NOT contain img, video, canvas, or svg\n const hasMediaElements =\n element.querySelector(\"img, video, canvas, svg\") !== null;\n if (hasMediaElements) {\n return false;\n }\n\n // Must NOT have complex children (must be a leaf text node or simple container)\n if (element.children.length > 0) {\n return false;\n }\n\n // Must NOT be dynamic content\n if (element.dataset.dynamicContent === \"true\") {\n return false;\n }\n\n return true;\n}\n","import { injectFocusOutlineCSS, removeFocusOutlineCSS } from \"./styles.js\";\nimport { selectText, isEditableTextElement } from \"./validation.js\";\n\n/**\n * Callback function type for handling text input changes\n */\ntype OnTextInputChange = (element: HTMLElement) => void;\n\n/**\n * Global callback that gets triggered on every input event\n * This is set by the visual-edit-agent and includes both updatePosition and reportInlineEdit\n */\nlet onTextInputChangeCallback: OnTextInputChange | null = null;\n\n/**\n * Set the callback function that will be called on text input changes\n */\nexport function setInlineEditCallback(callback: OnTextInputChange | null): void {\n onTextInputChangeCallback = callback;\n}\n\n/**\n * WeakMap to track AbortControllers for each element's input listener.\n * Using WeakMap ensures no memory leaks — when an element is garbage collected,\n * its entry is automatically removed.\n */\nconst listenerAbortControllers = new WeakMap<HTMLElement, AbortController>();\n\n/**\n * Internal handler for the native input event\n */\nfunction handleInputEvent(this: HTMLElement, e: Event): void {\n if (onTextInputChangeCallback) {\n onTextInputChangeCallback(this);\n }\n}\n\n/**\n * Check if an element should enter inline editing mode\n * Called when user clicks on an already-selected element\n */\nexport function shouldEnterInlineEditingMode(element: Element): boolean {\n // Must have data-selected=\"true\"\n if (!(element instanceof HTMLElement) || element.dataset.selected !== \"true\") {\n return false;\n }\n\n // Must pass all editability checks\n if (!isEditableTextElement(element)) {\n return false;\n }\n\n return true;\n}\n\n/**\n * Enable contentEditable mode on an element\n * Follows the exact flow from inlineEdit.md\n */\nexport function enterInlineEditingMode(element: HTMLElement): void {\n // Inject CSS to suppress focus outline\n injectFocusOutlineCSS();\n\n // Store original state\n element.dataset.originalTextContent = element.textContent || \"\";\n element.dataset.originalCursor = element.style.cursor;\n\n // Enable contentEditable\n element.contentEditable = \"true\";\n\n // Create an AbortController to manage the input listener lifecycle\n const abortController = new AbortController();\n listenerAbortControllers.set(element, abortController);\n\n // Add input event listener with AbortSignal for automatic cleanup\n element.addEventListener(\"input\", handleInputEvent, { signal: abortController.signal });\n\n // Set cursor to text\n element.style.cursor = \"text\";\n\n // Select all text\n selectText(element);\n\n // Focus after render\n setTimeout(() => {\n element.focus();\n }, 0);\n}\n\n/**\n * Disable contentEditable mode on an element\n * Reverses everything done by enterInlineEditingMode\n */\nexport function clearInlineEditingMode(element: HTMLElement): void {\n // Abort the input event listener using the stored AbortController\n const abortController = listenerAbortControllers.get(element);\n if (abortController) {\n abortController.abort();\n listenerAbortControllers.delete(element);\n }\n\n // If element was removed from DOM before cleanup, skip DOM operations\n if (!element.isConnected) {\n return;\n }\n\n removeFocusOutlineCSS();\n\n // Disable contentEditable\n element.contentEditable = \"false\";\n\n // Remove stored original text content\n delete element.dataset.originalTextContent;\n\n // Restore original cursor\n if (element.dataset.originalCursor !== undefined) {\n element.style.cursor = element.dataset.originalCursor;\n delete element.dataset.originalCursor;\n }\n}\n","import type { ElementPosition } from \"../handlers/messages/types.js\";\n\n/**\n * Calculate element position from bounding rect\n */\nexport function getElementPosition(rect: DOMRect): ElementPosition {\n return {\n top: rect.top,\n left: rect.left,\n right: rect.right,\n bottom: rect.bottom,\n width: rect.width,\n height: rect.height,\n centerX: rect.left + rect.width / 2,\n centerY: rect.top + rect.height / 2,\n };\n}\n\n/**\n * Check if element rect is in viewport\n */\nexport function isElementInViewport(rect: DOMRect): boolean {\n return (\n rect.top < window.innerHeight &&\n rect.bottom > 0 &&\n rect.left < window.innerWidth &&\n rect.right > 0\n );\n}\n\n/**\n * Get element classes (handles both HTML and SVG)\n */\nexport function getElementClasses(element: Element): string {\n if (element instanceof SVGElement) {\n return (element.className as unknown as SVGAnimatedString)?.baseVal || \"\";\n }\n return element.className || \"\";\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { repositionSelectedOverlays } from \"../ui/overlay.js\";\nimport {\n enterInlineEditingMode,\n clearInlineEditingMode,\n setInlineEditCallback,\n} from \"../capabilities/inline-editing/index.js\";\nimport { INLINE_EDIT_DEBOUNCE_MS } from \"../constants.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/**\n * Enter inline editing mode\n */\nexport function handleEnterInlineEditingMode(state: AgentState, element: HTMLElement): void {\n state.currentEditingElement = element;\n\n // Hide overlays during editing\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"none\";\n });\n\n // Enter inline editing mode (from capabilities/inline-editing)\n enterInlineEditingMode(element);\n\n // Notify parent\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_STARTED,\n visualSelectorId: state.selectedElementId,\n },\n \"*\"\n );\n}\n\n/**\n * Clear inline editing mode\n */\nexport function handleClearInlineEditingMode(state: AgentState): void {\n if (!state.currentEditingElement) return;\n\n // Cancel any pending debounced edit — originalTextContent will be deleted below\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n state.debouncedSendTimeout = null;\n }\n\n const element = state.currentEditingElement;\n\n // Clear inline editing mode (from capabilities/inline-editing)\n clearInlineEditingMode(element);\n\n // Show overlays again\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"\";\n });\n\n repositionSelectedOverlays(state);\n\n // Notify parent that editing ended\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_ENDED,\n visualSelectorId: state.selectedElementId,\n },\n \"*\"\n );\n\n state.currentEditingElement = null;\n}\n\n/**\n * Report inline edit to parent\n */\nfunction reportInlineEdit(state: AgentState, element: HTMLElement): void {\n const originalContent = element.dataset.originalTextContent;\n const newContent = element.textContent;\n\n const elementInfo = {\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: state.selectedElementId,\n content: newContent,\n dataSourceLocation: element.dataset.sourceLocation,\n isDynamicContent: element.dataset.dynamicContent === \"true\",\n linenumber: element.dataset.linenumber,\n filename: element.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n\n // Send inline edit message\n window.parent.postMessage(\n {\n type: OutgoingMessageType.INLINE_EDIT,\n elementInfo,\n originalContent,\n newContent,\n },\n \"*\"\n );\n\n // Update baseline for next edit\n element.dataset.originalTextContent = newContent || \"\";\n}\n\n/**\n * Debounced function to send inline edit messages\n * \n * Intentionally overwrites the previous timeout on each keystroke — this is the\n * correct debounce behavior. We only send ONE message 500ms after the user stops\n * typing, containing the final text. Intermediate keystrokes are not sent to avoid\n * flooding the parent with dozens of messages per second.\n */\nfunction debouncedSendInlineEditMessage(state: AgentState, element: HTMLElement): void {\n // Clear any existing timeout\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n }\n\n // Set new timeout\n state.debouncedSendTimeout = setTimeout(() => {\n reportInlineEdit(state, element);\n }, INLINE_EDIT_DEBOUNCE_MS);\n}\n\n/**\n * Callback for text input changes (combines updatePosition and reportInlineEdit)\n */\nfunction createTextInputChangeCallback(state: AgentState) {\n return (element: HTMLElement) => {\n repositionSelectedOverlays(state);\n debouncedSendInlineEditMessage(state, element);\n };\n}\n\n/**\n * Setup inline edit callback\n */\nexport function setupInlineEditCallback(state: AgentState): void {\n setInlineEditCallback(createTextInputChangeCallback(state));\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearSelection } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { shouldEnterInlineEditingMode } from \"../capabilities/inline-editing/index.js\";\nimport { handleClearInlineEditingMode, handleEnterInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/**\n * Handle element selection (first click)\n */\nexport function handleElementSelection(\n state: AgentState,\n element: Element,\n visualSelectorId: string | null\n): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n // Find all elements with the same ID\n const elements = findElementsById(visualSelectorId);\n\n if (state.isInlineEditExperimentEnabled) {\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n }\n\n // Create selected overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = visualSelectorId;\n\n // Clear hover overlays\n clearHoverOverlays(state);\n\n // Send message to parent window with element info\n const htmlElement = element as HTMLElement;\n const elementData = {\n type: OutgoingMessageType.ELEMENT_SELECTED,\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: visualSelectorId,\n content: htmlElement.innerText,\n dataSourceLocation: htmlElement.dataset.sourceLocation,\n isDynamicContent: htmlElement.dataset.dynamicContent === \"true\",\n linenumber: htmlElement.dataset.linenumber,\n filename: htmlElement.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n window.parent.postMessage(elementData, \"*\");\n}\n\n/**\n * Handle element click\n */\nexport function handleElementClick(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode) return;\n\n const target = e.target as Element;\n\n // Bail out early if clicking on a contentEditable element (allow normal editing)\n if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === \"true\") {\n return;\n }\n\n // If currently editing, clicking outside should exit editing mode\n if (state.currentEditingElement) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n handleClearInlineEditingMode(state);\n return;\n }\n\n // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n if (state.isDropdownOpen) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, \"*\");\n return;\n }\n\n // Prevent clicking on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n return;\n }\n\n // Prevent default behavior immediately when in visual edit mode\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n return;\n }\n\n const htmlElement = element as HTMLElement;\n const visualSelectorId =\n htmlElement.dataset.sourceLocation ||\n htmlElement.dataset.visualSelectorId;\n\n // Check if this element is already selected (second click scenario)\n const isAlreadySelected =\n state.selectedElementId === visualSelectorId &&\n htmlElement.dataset.selected === \"true\";\n\n if (isAlreadySelected) {\n // Second click on already-selected element: check if it should enter inline editing\n // Only if the experiment is enabled\n if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {\n handleEnterInlineEditingMode(state, htmlElement);\n return;\n }\n }\n\n // First click: select the element\n handleElementSelection(state, element, visualSelectorId || null);\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleVisualEditModeMessage } from \"./types.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { clearHoverOverlays } from \"../hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\n\n/**\n * Toggle visual edit mode on/off\n */\nexport function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void {\n state.isVisualEditMode = isEnabled;\n\n if (!isEnabled) {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n\n clearHoverOverlays(state);\n clearSelection(state);\n state.currentHighlightedElements = [];\n document.body.style.cursor = \"default\";\n } else {\n document.body.style.cursor = \"crosshair\";\n }\n}\n\n/**\n * Handle toggle-visual-edit-mode message\n */\nexport function handleToggleVisualEditMode(\n state: AgentState,\n message: ToggleVisualEditModeMessage\n): void {\n toggleVisualEditMode(state, message.data.enabled);\n \n // Update inline edit experiment flag if provided\n if (message.data.specs?.newInlineEditEnabled !== undefined) {\n state.isInlineEditExperimentEnabled = message.data.specs.newInlineEditEnabled;\n }\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleInlineEditModeMessage } from \"./types.js\";\nimport { findElementsById } from \"../../../utils.js\";\nimport { shouldEnterInlineEditingMode } from \"../../capabilities/inline-editing/index.js\";\nimport { handleEnterInlineEditingMode, handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { createOverlay, positionOverlay } from \"../../ui/overlay.js\";\n\n/**\n * Handle toggle-inline-edit-mode message (parent-initiated)\n */\nexport function handleToggleInlineEditMode(\n state: AgentState,\n message: ToggleInlineEditModeMessage\n): void {\n if (!state.isInlineEditExperimentEnabled) {\n return;\n }\n\n if (!message.data || !message.data.dataSourceLocation) {\n return;\n }\n\n const elements = findElementsById(message.data.dataSourceLocation);\n if (elements.length === 0 || !(elements[0] instanceof HTMLElement)) {\n return;\n }\n\n const element = elements[0];\n\n if (message.data.inlineEditingMode) {\n // Enable inline editing (only for non-dynamic text elements)\n if (shouldEnterInlineEditingMode(element)) {\n // Select the element first if not already selected\n if (state.selectedElementId !== message.data.dataSourceLocation) {\n // Clear any existing selection\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n // Find all elements with the same ID\n const elements = findElementsById(message.data.dataSourceLocation);\n\n // Mark elements as selected\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n\n // Create selected overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = message.data.dataSourceLocation;\n }\n handleEnterInlineEditingMode(state, element);\n }\n } else {\n // Disable inline editing\n if (state.currentEditingElement === element) {\n handleClearInlineEditingMode(state);\n }\n }\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { IncomingMessageType, OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById, updateElementClasses } from \"../../utils.js\";\nimport { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { REPOSITION_DELAY_MS } from \"../constants.js\";\nimport { handleToggleVisualEditMode } from \"./messages/toggle-visual-edit-mode.js\";\nimport { handleToggleInlineEditMode } from \"./messages/toggle-inline-edit-mode.js\";\nimport { getElementPosition, isElementInViewport } from \"../utils/dom-utils.js\";\n\n/**\n * Send element position update to parent\n */\nfunction sendElementPositionUpdate(state: AgentState): void {\n if (!state.selectedElementId) return;\n\n const elements = findElementsById(state.selectedElementId);\n const [element] = elements;\n if (!element) return;\n\n const rect = element.getBoundingClientRect();\n\n window.parent.postMessage(\n {\n type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,\n position: getElementPosition(rect),\n isInViewport: isElementInViewport(rect),\n visualSelectorId: state.selectedElementId,\n },\n \"*\"\n );\n}\n\n/**\n * Unselect the current element\n */\nexport function unselectElement(state: AgentState): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n}\n\n/**\n * Update element classes and reposition overlays\n */\nexport function updateElementClassesAndReposition(\n state: AgentState,\n visualSelectorId: string,\n classes: string\n): void {\n const elements = findElementsById(visualSelectorId);\n if (elements.length === 0) return;\n\n updateElementClasses(elements, classes);\n\n // Use a small delay to allow the browser to recalculate layout before repositioning\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n\n if (state.currentHighlightedElements.length > 0) {\n const hoveredElement = state.currentHighlightedElements[0] as HTMLElement;\n if (hoveredElement?.dataset?.visualSelectorId === visualSelectorId) {\n repositionHoverOverlays(state);\n }\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/**\n * Update element content by visual selector ID\n */\nexport function updateElementContent(\n state: AgentState,\n visualSelectorId: string,\n content: string\n): void {\n const elements = findElementsById(visualSelectorId);\n\n if (elements.length === 0) {\n return;\n }\n\n elements.forEach((element) => {\n (element as HTMLElement).innerText = content;\n });\n\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/**\n * Handle scroll events to update popover position\n */\nexport function handleScroll(state: AgentState): void {\n sendElementPositionUpdate(state);\n}\n\n/**\n * Handle window resize to reposition overlays\n */\nexport function handleResize(state: AgentState): void {\n repositionSelectedOverlays(state);\n repositionHoverOverlays(state);\n}\n\n/**\n * Handle messages from parent window\n */\nexport function handleMessage(state: AgentState, event: MessageEvent): void {\n const message = event.data;\n\n switch (message.type as IncomingMessageType) {\n case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:\n handleToggleVisualEditMode(state, message);\n break;\n\n case IncomingMessageType.UPDATE_CLASSES:\n if (message.data && message.data.classes !== undefined) {\n updateElementClassesAndReposition(\n state,\n message.data.visualSelectorId,\n message.data.classes\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-classes message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.UNSELECT_ELEMENT:\n unselectElement(state);\n break;\n\n case IncomingMessageType.REFRESH_PAGE:\n window.location.reload();\n break;\n\n case IncomingMessageType.UPDATE_CONTENT:\n if (message.data && message.data.content !== undefined) {\n updateElementContent(\n state,\n message.data.visualSelectorId,\n message.data.content\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-content message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:\n handleToggleInlineEditMode(state, message);\n break;\n\n case IncomingMessageType.REQUEST_ELEMENT_POSITION:\n sendElementPositionUpdate(state);\n break;\n\n case IncomingMessageType.POPOVER_DRAG_STATE:\n if (message.data && message.data.isDragging !== undefined) {\n state.isPopoverDragging = message.data.isDragging;\n if (message.data.isDragging) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n case IncomingMessageType.DROPDOWN_STATE:\n if (message.data && message.data.isOpen !== undefined) {\n state.isDropdownOpen = message.data.isOpen;\n if (message.data.isOpen) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n default:\n break;\n }\n}\n","import { createAgentState } from \"./state/agent-state.js\";\nimport { handleMouseOver, handleMouseOut } from \"./handlers/hover-handlers.js\";\nimport { handleElementClick } from \"./handlers/click-handlers.js\";\nimport { handleMessage, handleScroll, handleResize } from \"./handlers/message-handlers.js\";\nimport { setupInlineEditCallback } from \"./handlers/inline-edit-handlers.js\";\nimport { OutgoingMessageType } from \"./handlers/messages/types.js\";\n\n/**\n * Initialize element IDs for elements with line numbers\n */\nfunction initializeElementIds(): void {\n const elementsWithLineNumber = document.querySelectorAll(\n \"[data-linenumber]:not([data-visual-selector-id])\"\n );\n elementsWithLineNumber.forEach((el, index) => {\n const htmlEl = el as HTMLElement;\n const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;\n htmlEl.dataset.visualSelectorId = id;\n });\n}\n\n/**\n * Create mutation observer to detect layout changes.\n * Uses requestAnimationFrame to coalesce many rapid mutations into one reposition\n * per paint frame, avoiding stacking multiple timers during CSS transitions.\n */\nfunction createLayoutObserver(onLayoutChange: () => void): MutationObserver {\n let rafHandle: number | null = null;\n\n const hasVisualId = (node: Node): boolean => {\n if (node.nodeType !== Node.ELEMENT_NODE) return false;\n const el = node as HTMLElement;\n if (el.dataset?.visualSelectorId) return true;\n for (const child of Array.from(el.children)) {\n if (hasVisualId(child)) return true;\n }\n return false;\n };\n\n return new MutationObserver((mutations) => {\n if (rafHandle !== null) return;\n\n const needsUpdate = mutations.some((mutation) => {\n const isLayoutChange =\n mutation.type === \"attributes\" &&\n (mutation.attributeName === \"style\" ||\n mutation.attributeName === \"class\" ||\n mutation.attributeName === \"width\" ||\n mutation.attributeName === \"height\");\n\n return isLayoutChange && hasVisualId(mutation.target);\n });\n\n if (needsUpdate) {\n // Coalesce rapid mutations into a single reposition per paint frame,\n // avoiding stacked timers during CSS transitions\n rafHandle = requestAnimationFrame(() => {\n rafHandle = null;\n onLayoutChange();\n });\n }\n });\n}\n\n/**\n * Setup event listeners\n */\nfunction setupEventListeners(state: ReturnType<typeof createAgentState>): void {\n // Message handling\n window.addEventListener(\"message\", (e) => handleMessage(state, e));\n\n // Scroll handling\n window.addEventListener(\"scroll\", () => handleScroll(state), true);\n document.addEventListener(\"scroll\", () => handleScroll(state), true);\n\n // Resize handling\n window.addEventListener(\"resize\", () => handleResize(state));\n window.addEventListener(\"scroll\", () => handleResize(state));\n\n // Click handling\n document.addEventListener(\"click\", (e) => handleElementClick(state, e), true);\n\n // Hover handling\n document.addEventListener(\"mouseover\", (e) => handleMouseOver(state, e));\n document.addEventListener(\"mouseout\", () => handleMouseOut(state));\n}\n\n/**\n * Main setup function for visual edit agent\n */\nexport function setupVisualEditAgent(): void {\n const state = createAgentState();\n initializeElementIds();\n setupInlineEditCallback(state);\n setupEventListeners(state);\n\n // Create and start mutation observer\n const mutationObserver = createLayoutObserver(() => handleResize(state));\n mutationObserver.observe(document.body, {\n attributes: true,\n childList: true,\n subtree: true,\n attributeFilter: [\"style\", \"class\", \"width\", \"height\"],\n });\n\n // Send ready message to parent\n window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, \"*\");\n}\n"],"mappings":"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","names":["createAgentState","findElementsById","id","sourceElements","updateElementClasses","elements","classes","element","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","createOverlay","isSelected","overlay","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","positionOverlay","element","isVisualEditMode","rect","label","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","clearOverlays","overlays","clearSelection","state","findElementsById","el","repositionSelectedOverlays","elements","index","repositionHoverOverlays","clearHoverOverlays","state","clearOverlays","handleMouseOver","e","target","element","htmlElement","selectorId","elements","findElementsById","el","overlay","createOverlay","positionOverlay","handleMouseOut","injectFocusOutlineCSS","style","removeFocusOutlineCSS","selectText","element","range","selection","isEditableTextElement","onTextInputChangeCallback","setInlineEditCallback","callback","listenerAbortControllers","handleInputEvent","shouldEnterInlineEditingMode","element","isEditableTextElement","enterInlineEditingMode","injectFocusOutlineCSS","abortController","selectText","clearInlineEditingMode","removeFocusOutlineCSS","getElementPosition","rect","isElementInViewport","getElementClasses","element","handleEnterInlineEditingMode","state","element","overlay","enterInlineEditingMode","handleClearInlineEditingMode","clearInlineEditingMode","repositionSelectedOverlays","reportInlineEdit","originalContent","newContent","elementInfo","getElementClasses","getElementPosition","debouncedSendInlineEditMessage","createTextInputChangeCallback","setupInlineEditCallback","setInlineEditCallback","handleElementSelection","state","element","visualSelectorId","handleClearInlineEditingMode","clearSelection","elements","findElementsById","el","overlay","createOverlay","positionOverlay","clearHoverOverlays","htmlElement","elementData","getElementClasses","getElementPosition","handleElementClick","e","target","shouldEnterInlineEditingMode","handleEnterInlineEditingMode","toggleVisualEditMode","state","isEnabled","handleClearInlineEditingMode","clearHoverOverlays","clearSelection","handleToggleVisualEditMode","message","handleToggleInlineEditMode","state","message","elements","findElementsById","element","shouldEnterInlineEditingMode","handleClearInlineEditingMode","clearSelection","el","overlay","createOverlay","positionOverlay","handleEnterInlineEditingMode","sendElementPositionUpdate","state","elements","findElementsById","element","rect","getElementPosition","isElementInViewport","unselectElement","handleClearInlineEditingMode","clearSelection","updateElementClassesAndReposition","visualSelectorId","classes","updateElementClasses","repositionSelectedOverlays","repositionHoverOverlays","updateElementContent","content","handleScroll","handleResize","handleMessage","event","message","handleToggleVisualEditMode","handleToggleInlineEditMode","clearHoverOverlays","initializeElementIds","el","index","htmlEl","id","createLayoutObserver","onLayoutChange","rafHandle","hasVisualId","node","child","mutations","mutation","setupEventListeners","state","e","handleMessage","handleScroll","handleResize","handleElementClick","handleMouseOver","handleMouseOut","setupVisualEditAgent","createAgentState","setupInlineEditCallback"]}
1
+ {"version":3,"sources":["../../src/injections/visual-edit-agent/state/agent-state.ts","../../src/injections/utils.ts","../../src/injections/visual-edit-agent/constants.ts","../../src/injections/visual-edit-agent/ui/overlay.ts","../../src/injections/visual-edit-agent/handlers/hover-handlers.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts","../../src/injections/visual-edit-agent/utils/dom-utils.ts","../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts","../../src/injections/visual-edit-agent/handlers/click-handlers.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/message-handlers.ts","../../src/injections/visual-edit-agent/index.ts"],"sourcesContent":["/**\n * Central state management for the visual edit agent\n */\n\nexport interface AgentState {\n isVisualEditMode: boolean;\n isPopoverDragging: boolean;\n isDropdownOpen: boolean;\n hoverOverlays: HTMLDivElement[];\n selectedOverlays: HTMLDivElement[];\n currentHighlightedElements: Element[];\n selectedElementId: string | null;\n currentEditingElement: HTMLElement | null;\n debouncedSendTimeout: ReturnType<typeof setTimeout> | null;\n isInlineEditExperimentEnabled: boolean;\n}\n\nexport function createAgentState(): AgentState {\n return {\n isVisualEditMode: false,\n isPopoverDragging: false,\n isDropdownOpen: false,\n hoverOverlays: [],\n selectedOverlays: [],\n currentHighlightedElements: [],\n selectedElementId: null,\n currentEditingElement: null,\n debouncedSendTimeout: null,\n isInlineEditExperimentEnabled: false,\n };\n}\n","/** Find elements by ID - first try data-source-location, fallback to data-visual-selector-id */\nexport function findElementsById(id: string | null): Element[] {\n if (!id) return [];\n const sourceElements = Array.from(\n document.querySelectorAll(`[data-source-location=\"${id}\"]`)\n );\n if (sourceElements.length > 0) {\n return sourceElements;\n }\n return Array.from(\n document.querySelectorAll(`[data-visual-selector-id=\"${id}\"]`)\n );\n}\n\n/**\n * Update element classes by visual selector ID.\n * Uses setAttribute instead of className to support both HTML and SVG elements.\n */\nexport function updateElementClasses(elements: Element[], classes: string): void {\n elements.forEach((element) => {\n element.setAttribute(\"class\", classes);\n }); \n}\n","export const INLINE_EDIT_DEBOUNCE_MS = 500;\nexport const OVERLAY_TRANSITION = \"all 0.1s ease-in-out\";\nexport const OVERLAY_Z_INDEX = \"9999\";\nexport const SELECTED_BORDER_COLOR = \"#2563EB\";\nexport const HOVER_BORDER_COLOR = \"#95a5fc\";\nexport const HOVER_BACKGROUND_COLOR = \"rgba(99, 102, 241, 0.05)\";\nexport const LABEL_TOP_OFFSET = \"-27px\";\nexport const LABEL_LEFT_OFFSET = \"-2px\";\nexport const REPOSITION_DELAY_MS = 50;\n","import {\n OVERLAY_TRANSITION,\n OVERLAY_Z_INDEX,\n SELECTED_BORDER_COLOR,\n HOVER_BORDER_COLOR,\n HOVER_BACKGROUND_COLOR,\n LABEL_TOP_OFFSET,\n LABEL_LEFT_OFFSET,\n} from \"../constants.js\";\nimport type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\n\n/**\n * Create an overlay element for highlighting\n */\nexport function createOverlay(isSelected = false): HTMLDivElement {\n const overlay = document.createElement(\"div\");\n overlay.style.position = \"absolute\";\n overlay.style.pointerEvents = \"none\";\n overlay.style.transition = OVERLAY_TRANSITION;\n overlay.style.zIndex = OVERLAY_Z_INDEX;\n\n if (isSelected) {\n overlay.style.border = `2px solid ${SELECTED_BORDER_COLOR}`;\n } else {\n overlay.style.border = `2px solid ${HOVER_BORDER_COLOR}`;\n overlay.style.backgroundColor = HOVER_BACKGROUND_COLOR;\n }\n\n return overlay;\n}\n\n/**\n * Position overlay relative to element\n */\nexport function positionOverlay(\n overlay: HTMLDivElement,\n element: Element,\n isSelected = false,\n isVisualEditMode = true\n): void {\n if (!element || !isVisualEditMode) return;\n\n // Force layout recalculation before reading bounding rect\n void (element as HTMLElement).offsetWidth;\n\n const rect = element.getBoundingClientRect();\n overlay.style.top = `${rect.top + window.scrollY}px`;\n overlay.style.left = `${rect.left + window.scrollX}px`;\n overlay.style.width = `${rect.width}px`;\n overlay.style.height = `${rect.height}px`;\n\n // Check if label already exists in overlay\n let label = overlay.querySelector(\"div\") as HTMLDivElement | null;\n\n if (!label) {\n label = document.createElement(\"div\");\n label.textContent = element.tagName.toLowerCase();\n label.style.position = \"absolute\";\n label.style.top = LABEL_TOP_OFFSET;\n label.style.left = LABEL_LEFT_OFFSET;\n label.style.padding = \"2px 8px\";\n label.style.fontSize = \"11px\";\n label.style.fontWeight = isSelected ? \"500\" : \"400\";\n label.style.color = isSelected ? \"#ffffff\" : \"#526cff\";\n label.style.backgroundColor = isSelected ? \"#526cff\" : \"#DBEAFE\";\n label.style.borderRadius = \"3px\";\n label.style.minWidth = \"24px\";\n label.style.textAlign = \"center\";\n overlay.appendChild(label);\n }\n}\n\n/**\n * Clear all overlays from DOM\n */\nexport function clearOverlays(overlays: HTMLDivElement[]): void {\n overlays.forEach((overlay) => {\n if (overlay && overlay.parentNode) {\n overlay.remove();\n }\n });\n}\n\n/**\n * Remove data-selected attribute, clear selected overlays, and reset selection state\n */\nexport function clearSelection(state: AgentState): void {\n if (state.isInlineEditExperimentEnabled && state.selectedElementId) {\n const elements = findElementsById(state.selectedElementId);\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n delete el.dataset.selected;\n }\n });\n }\n clearOverlays(state.selectedOverlays);\n state.selectedOverlays = [];\n state.selectedElementId = null;\n}\n\n/**\n * Reposition selected overlays to match current element bounds\n */\nexport function repositionSelectedOverlays(state: AgentState): void {\n if (!state.selectedElementId) return;\n const elements = findElementsById(state.selectedElementId);\n state.selectedOverlays.forEach((overlay, index) => {\n const element = elements[index];\n if (element) {\n positionOverlay(overlay, element, true, state.isVisualEditMode);\n }\n });\n}\n\n/**\n * Reposition hover overlays to match current element bounds\n */\nexport function repositionHoverOverlays(state: AgentState): void {\n state.hoverOverlays.forEach((overlay, index) => {\n const element = state.currentHighlightedElements[index];\n if (element) {\n positionOverlay(overlay, element, false, state.isVisualEditMode);\n }\n });\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearOverlays } from \"../ui/overlay.js\";\n\n/**\n * Clear hover overlays\n */\nexport function clearHoverOverlays(state: AgentState): void {\n clearOverlays(state.hoverOverlays);\n state.hoverOverlays = [];\n state.currentHighlightedElements = [];\n}\n\n/**\n * Handle mouse over event\n */\nexport function handleMouseOver(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode || state.isPopoverDragging || state.currentEditingElement) return;\n\n const target = e.target as Element;\n\n // Prevent hover effects when a dropdown is open\n if (state.isDropdownOpen) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prevent hover effects on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n clearHoverOverlays(state);\n return;\n }\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prefer data-source-location, fallback to data-visual-selector-id\n const htmlElement = element as HTMLElement;\n const selectorId =\n htmlElement.dataset.sourceLocation ||\n htmlElement.dataset.visualSelectorId;\n\n // Skip if this element is already selected\n if (state.selectedElementId === selectorId) {\n clearHoverOverlays(state);\n return;\n }\n\n // Find all elements with the same ID\n const elements = findElementsById(selectorId || null);\n\n // Clear previous hover overlays\n clearHoverOverlays(state);\n\n // Create overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(false);\n document.body.appendChild(overlay);\n state.hoverOverlays.push(overlay);\n positionOverlay(overlay, el, false, state.isVisualEditMode);\n });\n\n state.currentHighlightedElements = elements;\n}\n\n/**\n * Handle mouse out event\n */\nexport function handleMouseOut(state: AgentState): void {\n if (state.isPopoverDragging || state.currentEditingElement) return;\n clearHoverOverlays(state);\n}\n","/**\n * Inject CSS to suppress the browser's default focus outline on contentEditable elements\n */\nexport function injectFocusOutlineCSS(): void {\n const existingStyle = document.getElementById(\"visual-edit-focus-styles\");\n if (existingStyle) return;\n\n const style = document.createElement(\"style\");\n style.id = \"visual-edit-focus-styles\";\n style.textContent = `\n [data-selected=\"true\"][contenteditable=\"true\"]:focus {\n outline: none !important;\n }\n `;\n document.head.appendChild(style);\n}\n\n/**\n * Remove the injected focus outline CSS\n */\nexport function removeFocusOutlineCSS(): void {\n const style = document.getElementById(\"visual-edit-focus-styles\");\n if (style) {\n style.remove();\n }\n}\n","/**\n * Select all text content in an element using the Selection API\n */\nexport function selectText(element: HTMLElement): void {\n const range = document.createRange();\n range.selectNodeContents(element);\n const selection = window.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n}\n\n/**\n * Check if an element is an editable text element\n * Based on the eligibility rules from inlineEdit.md (non-dynamic only)\n */\nexport function isEditableTextElement(element: Element): boolean {\n // Must be an HTMLElement\n if (!(element instanceof HTMLElement)) {\n return false;\n }\n\n // Must be an allowed tag\n const allowedTags = [\n \"div\",\n \"p\",\n \"h1\",\n \"h2\",\n \"h3\",\n \"h4\",\n \"h5\",\n \"h6\",\n \"span\",\n \"li\",\n \"td\",\n \"a\",\n \"button\",\n \"label\",\n ];\n if (!allowedTags.includes(element.tagName.toLowerCase())) {\n return false;\n }\n\n // Must have text content\n const textContent = element.textContent?.trim() || \"\";\n if (textContent.length === 0) {\n return false;\n }\n\n // Must NOT contain img, video, canvas, or svg\n const hasMediaElements =\n element.querySelector(\"img, video, canvas, svg\") !== null;\n if (hasMediaElements) {\n return false;\n }\n\n // Must NOT have complex children (must be a leaf text node or simple container)\n if (element.children.length > 0) {\n return false;\n }\n\n // Must NOT be dynamic content\n if (element.dataset.dynamicContent === \"true\") {\n return false;\n }\n\n return true;\n}\n","import { injectFocusOutlineCSS, removeFocusOutlineCSS } from \"./styles.js\";\nimport { selectText, isEditableTextElement } from \"./validation.js\";\n\n/**\n * Callback function type for handling text input changes\n */\ntype OnTextInputChange = (element: HTMLElement) => void;\n\n/**\n * Global callback that gets triggered on every input event\n * This is set by the visual-edit-agent and includes both updatePosition and reportInlineEdit\n */\nlet onTextInputChangeCallback: OnTextInputChange | null = null;\n\n/**\n * Set the callback function that will be called on text input changes\n */\nexport function setInlineEditCallback(callback: OnTextInputChange | null): void {\n onTextInputChangeCallback = callback;\n}\n\n/**\n * WeakMap to track AbortControllers for each element's input listener.\n * Using WeakMap ensures no memory leaks — when an element is garbage collected,\n * its entry is automatically removed.\n */\nconst listenerAbortControllers = new WeakMap<HTMLElement, AbortController>();\n\n/**\n * Internal handler for the native input event\n */\nfunction handleInputEvent(this: HTMLElement, e: Event): void {\n if (onTextInputChangeCallback) {\n onTextInputChangeCallback(this);\n }\n}\n\n/**\n * Check if an element should enter inline editing mode\n * Called when user clicks on an already-selected element\n */\nexport function shouldEnterInlineEditingMode(element: Element): boolean {\n // Must have data-selected=\"true\"\n if (!(element instanceof HTMLElement) || element.dataset.selected !== \"true\") {\n return false;\n }\n\n // Must pass all editability checks\n if (!isEditableTextElement(element)) {\n return false;\n }\n\n return true;\n}\n\n/**\n * Enable contentEditable mode on an element\n * Follows the exact flow from inlineEdit.md\n */\nexport function enterInlineEditingMode(element: HTMLElement): void {\n // Inject CSS to suppress focus outline\n injectFocusOutlineCSS();\n\n // Store original state\n element.dataset.originalTextContent = element.textContent || \"\";\n element.dataset.originalCursor = element.style.cursor;\n\n // Enable contentEditable\n element.contentEditable = \"true\";\n\n // Create an AbortController to manage the input listener lifecycle\n const abortController = new AbortController();\n listenerAbortControllers.set(element, abortController);\n\n // Add input event listener with AbortSignal for automatic cleanup\n element.addEventListener(\"input\", handleInputEvent, { signal: abortController.signal });\n\n // Set cursor to text\n element.style.cursor = \"text\";\n\n // Select all text\n selectText(element);\n\n // Focus after render\n setTimeout(() => {\n element.focus();\n }, 0);\n}\n\n/**\n * Disable contentEditable mode on an element\n * Reverses everything done by enterInlineEditingMode\n */\nexport function clearInlineEditingMode(element: HTMLElement): void {\n // Abort the input event listener using the stored AbortController\n const abortController = listenerAbortControllers.get(element);\n if (abortController) {\n abortController.abort();\n listenerAbortControllers.delete(element);\n }\n\n // If element was removed from DOM before cleanup, skip DOM operations\n if (!element.isConnected) {\n return;\n }\n\n removeFocusOutlineCSS();\n\n // Disable contentEditable\n element.contentEditable = \"false\";\n\n // Remove stored original text content\n delete element.dataset.originalTextContent;\n\n // Restore original cursor\n if (element.dataset.originalCursor !== undefined) {\n element.style.cursor = element.dataset.originalCursor;\n delete element.dataset.originalCursor;\n }\n}\n","import type { ElementPosition } from \"../handlers/messages/types.js\";\n\n/**\n * Calculate element position from bounding rect\n */\nexport function getElementPosition(rect: DOMRect): ElementPosition {\n return {\n top: rect.top,\n left: rect.left,\n right: rect.right,\n bottom: rect.bottom,\n width: rect.width,\n height: rect.height,\n centerX: rect.left + rect.width / 2,\n centerY: rect.top + rect.height / 2,\n };\n}\n\n/**\n * Check if element rect is in viewport\n */\nexport function isElementInViewport(rect: DOMRect): boolean {\n return (\n rect.top < window.innerHeight &&\n rect.bottom > 0 &&\n rect.left < window.innerWidth &&\n rect.right > 0\n );\n}\n\n/**\n * Get element classes (handles both HTML and SVG)\n */\nexport function getElementClasses(element: Element): string {\n if (element instanceof SVGElement) {\n return (element.className as unknown as SVGAnimatedString)?.baseVal || \"\";\n }\n return element.className || \"\";\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { repositionSelectedOverlays } from \"../ui/overlay.js\";\nimport {\n enterInlineEditingMode,\n clearInlineEditingMode,\n setInlineEditCallback,\n} from \"../capabilities/inline-editing/index.js\";\nimport { INLINE_EDIT_DEBOUNCE_MS } from \"../constants.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/**\n * Enter inline editing mode\n */\nexport function handleEnterInlineEditingMode(state: AgentState, element: HTMLElement): void {\n state.currentEditingElement = element;\n\n // Hide overlays during editing\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"none\";\n });\n\n // Enter inline editing mode (from capabilities/inline-editing)\n enterInlineEditingMode(element);\n\n // Notify parent\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_STARTED,\n visualSelectorId: state.selectedElementId,\n },\n \"*\"\n );\n}\n\n/**\n * Clear inline editing mode\n */\nexport function handleClearInlineEditingMode(state: AgentState): void {\n if (!state.currentEditingElement) return;\n\n // Cancel any pending debounced edit — originalTextContent will be deleted below\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n state.debouncedSendTimeout = null;\n }\n\n const element = state.currentEditingElement;\n\n // Clear inline editing mode (from capabilities/inline-editing)\n clearInlineEditingMode(element);\n\n // Show overlays again\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"\";\n });\n\n repositionSelectedOverlays(state);\n\n // Notify parent that editing ended\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_ENDED,\n visualSelectorId: state.selectedElementId,\n },\n \"*\"\n );\n\n state.currentEditingElement = null;\n}\n\n/**\n * Report inline edit to parent\n */\nfunction reportInlineEdit(state: AgentState, element: HTMLElement): void {\n const originalContent = element.dataset.originalTextContent;\n const newContent = element.textContent;\n\n const elementInfo = {\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: state.selectedElementId,\n content: newContent,\n dataSourceLocation: element.dataset.sourceLocation,\n isDynamicContent: element.dataset.dynamicContent === \"true\",\n linenumber: element.dataset.linenumber,\n filename: element.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n\n // Send inline edit message\n window.parent.postMessage(\n {\n type: OutgoingMessageType.INLINE_EDIT,\n elementInfo,\n originalContent,\n newContent,\n },\n \"*\"\n );\n\n // Update baseline for next edit\n element.dataset.originalTextContent = newContent || \"\";\n}\n\n/**\n * Debounced function to send inline edit messages\n * \n * Intentionally overwrites the previous timeout on each keystroke — this is the\n * correct debounce behavior. We only send ONE message 500ms after the user stops\n * typing, containing the final text. Intermediate keystrokes are not sent to avoid\n * flooding the parent with dozens of messages per second.\n */\nfunction debouncedSendInlineEditMessage(state: AgentState, element: HTMLElement): void {\n // Clear any existing timeout\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n }\n\n // Set new timeout\n state.debouncedSendTimeout = setTimeout(() => {\n reportInlineEdit(state, element);\n }, INLINE_EDIT_DEBOUNCE_MS);\n}\n\n/**\n * Callback for text input changes (combines updatePosition and reportInlineEdit)\n */\nfunction createTextInputChangeCallback(state: AgentState) {\n return (element: HTMLElement) => {\n repositionSelectedOverlays(state);\n debouncedSendInlineEditMessage(state, element);\n };\n}\n\n/**\n * Setup inline edit callback\n */\nexport function setupInlineEditCallback(state: AgentState): void {\n setInlineEditCallback(createTextInputChangeCallback(state));\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearSelection } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { shouldEnterInlineEditingMode } from \"../capabilities/inline-editing/index.js\";\nimport { handleClearInlineEditingMode, handleEnterInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/**\n * Handle element selection (first click)\n */\nexport function handleElementSelection(\n state: AgentState,\n element: Element,\n visualSelectorId: string | null\n): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n // Find all elements with the same ID\n const elements = findElementsById(visualSelectorId);\n\n if (state.isInlineEditExperimentEnabled) {\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n }\n\n // Create selected overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = visualSelectorId;\n\n // Clear hover overlays\n clearHoverOverlays(state);\n\n // Send message to parent window with element info\n const htmlElement = element as HTMLElement;\n const elementData = {\n type: OutgoingMessageType.ELEMENT_SELECTED,\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: visualSelectorId,\n content: htmlElement.innerText,\n dataSourceLocation: htmlElement.dataset.sourceLocation,\n isDynamicContent: htmlElement.dataset.dynamicContent === \"true\",\n linenumber: htmlElement.dataset.linenumber,\n filename: htmlElement.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n window.parent.postMessage(elementData, \"*\");\n}\n\n/**\n * Handle element click\n */\nexport function handleElementClick(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode) return;\n\n const target = e.target as Element;\n\n // Bail out early if clicking on a contentEditable element (allow normal editing)\n if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === \"true\") {\n return;\n }\n\n // If currently editing, clicking outside should exit editing mode\n if (state.currentEditingElement) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n handleClearInlineEditingMode(state);\n return;\n }\n\n // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n if (state.isDropdownOpen) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, \"*\");\n return;\n }\n\n // Prevent clicking on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n return;\n }\n\n // Prevent default behavior immediately when in visual edit mode\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n return;\n }\n\n const htmlElement = element as HTMLElement;\n const visualSelectorId =\n htmlElement.dataset.sourceLocation ||\n htmlElement.dataset.visualSelectorId;\n\n // Check if this element is already selected (second click scenario)\n const isAlreadySelected =\n state.selectedElementId === visualSelectorId &&\n htmlElement.dataset.selected === \"true\";\n\n if (isAlreadySelected) {\n // Second click on already-selected element: check if it should enter inline editing\n // Only if the experiment is enabled\n if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {\n handleEnterInlineEditingMode(state, htmlElement);\n return;\n }\n }\n\n // First click: select the element\n handleElementSelection(state, element, visualSelectorId || null);\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleVisualEditModeMessage } from \"./types.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { clearHoverOverlays } from \"../hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\n\n/**\n * Toggle visual edit mode on/off\n */\nexport function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void {\n state.isVisualEditMode = isEnabled;\n\n if (!isEnabled) {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n\n clearHoverOverlays(state);\n clearSelection(state);\n state.currentHighlightedElements = [];\n document.body.style.cursor = \"default\";\n } else {\n document.body.style.cursor = \"crosshair\";\n }\n}\n\n/**\n * Handle toggle-visual-edit-mode message\n */\nexport function handleToggleVisualEditMode(\n state: AgentState,\n message: ToggleVisualEditModeMessage\n): void {\n toggleVisualEditMode(state, message.data.enabled);\n \n // Update inline edit experiment flag if provided\n if (message.data.specs?.newInlineEditEnabled !== undefined) {\n state.isInlineEditExperimentEnabled = message.data.specs.newInlineEditEnabled;\n }\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleInlineEditModeMessage } from \"./types.js\";\nimport { findElementsById } from \"../../../utils.js\";\nimport { shouldEnterInlineEditingMode } from \"../../capabilities/inline-editing/index.js\";\nimport { handleEnterInlineEditingMode, handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { createOverlay, positionOverlay } from \"../../ui/overlay.js\";\n\n/**\n * Handle toggle-inline-edit-mode message (parent-initiated)\n */\nexport function handleToggleInlineEditMode(\n state: AgentState,\n message: ToggleInlineEditModeMessage\n): void {\n if (!state.isInlineEditExperimentEnabled) {\n return;\n }\n\n if (!message.data || !message.data.dataSourceLocation) {\n return;\n }\n\n const elements = findElementsById(message.data.dataSourceLocation);\n if (elements.length === 0 || !(elements[0] instanceof HTMLElement)) {\n return;\n }\n\n const element = elements[0];\n\n if (message.data.inlineEditingMode) {\n // Enable inline editing (only for non-dynamic text elements)\n if (shouldEnterInlineEditingMode(element)) {\n // Select the element first if not already selected\n if (state.selectedElementId !== message.data.dataSourceLocation) {\n // Clear any existing selection\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = message.data.dataSourceLocation;\n }\n handleEnterInlineEditingMode(state, element);\n }\n } else {\n // Disable inline editing\n if (state.currentEditingElement === element) {\n handleClearInlineEditingMode(state);\n }\n }\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { IncomingMessageType, OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById, updateElementClasses } from \"../../utils.js\";\nimport { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { REPOSITION_DELAY_MS } from \"../constants.js\";\nimport { handleToggleVisualEditMode } from \"./messages/toggle-visual-edit-mode.js\";\nimport { handleToggleInlineEditMode } from \"./messages/toggle-inline-edit-mode.js\";\nimport { getElementPosition, isElementInViewport } from \"../utils/dom-utils.js\";\n\n/**\n * Send element position update to parent\n */\nfunction sendElementPositionUpdate(state: AgentState): void {\n if (!state.selectedElementId) return;\n\n const elements = findElementsById(state.selectedElementId);\n const [element] = elements;\n if (!element) return;\n\n const rect = element.getBoundingClientRect();\n\n window.parent.postMessage(\n {\n type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,\n position: getElementPosition(rect),\n isInViewport: isElementInViewport(rect),\n visualSelectorId: state.selectedElementId,\n },\n \"*\"\n );\n}\n\n/**\n * Unselect the current element\n */\nexport function unselectElement(state: AgentState): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n}\n\n/**\n * Update element classes and reposition overlays\n */\nexport function updateElementClassesAndReposition(\n state: AgentState,\n visualSelectorId: string,\n classes: string\n): void {\n const elements = findElementsById(visualSelectorId);\n if (elements.length === 0) return;\n\n updateElementClasses(elements, classes);\n\n // Use a small delay to allow the browser to recalculate layout before repositioning\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n\n if (state.currentHighlightedElements.length > 0) {\n const hoveredElement = state.currentHighlightedElements[0] as HTMLElement;\n if (hoveredElement?.dataset?.visualSelectorId === visualSelectorId) {\n repositionHoverOverlays(state);\n }\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/**\n * Update element content by visual selector ID\n */\nexport function updateElementContent(\n state: AgentState,\n visualSelectorId: string,\n content: string\n): void {\n const elements = findElementsById(visualSelectorId);\n\n if (elements.length === 0) {\n return;\n }\n\n elements.forEach((element) => {\n (element as HTMLElement).innerText = content;\n });\n\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/**\n * Handle scroll events to update popover position\n */\nexport function handleScroll(state: AgentState): void {\n sendElementPositionUpdate(state);\n}\n\n/**\n * Handle window resize to reposition overlays\n */\nexport function handleResize(state: AgentState): void {\n repositionSelectedOverlays(state);\n repositionHoverOverlays(state);\n}\n\n/**\n * Handle messages from parent window\n */\nexport function handleMessage(state: AgentState, event: MessageEvent): void {\n const message = event.data;\n\n switch (message.type as IncomingMessageType) {\n case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:\n handleToggleVisualEditMode(state, message);\n break;\n\n case IncomingMessageType.UPDATE_CLASSES:\n if (message.data && message.data.classes !== undefined) {\n updateElementClassesAndReposition(\n state,\n message.data.visualSelectorId,\n message.data.classes\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-classes message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.UNSELECT_ELEMENT:\n unselectElement(state);\n break;\n\n case IncomingMessageType.REFRESH_PAGE:\n window.location.reload();\n break;\n\n case IncomingMessageType.UPDATE_CONTENT:\n if (message.data && message.data.content !== undefined) {\n updateElementContent(\n state,\n message.data.visualSelectorId,\n message.data.content\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-content message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:\n handleToggleInlineEditMode(state, message);\n break;\n\n case IncomingMessageType.REQUEST_ELEMENT_POSITION:\n sendElementPositionUpdate(state);\n break;\n\n case IncomingMessageType.POPOVER_DRAG_STATE:\n if (message.data && message.data.isDragging !== undefined) {\n state.isPopoverDragging = message.data.isDragging;\n if (message.data.isDragging) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n case IncomingMessageType.DROPDOWN_STATE:\n if (message.data && message.data.isOpen !== undefined) {\n state.isDropdownOpen = message.data.isOpen;\n if (message.data.isOpen) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n default:\n break;\n }\n}\n","import { createAgentState } from \"./state/agent-state.js\";\nimport { handleMouseOver, handleMouseOut } from \"./handlers/hover-handlers.js\";\nimport { handleElementClick } from \"./handlers/click-handlers.js\";\nimport { handleMessage, handleScroll, handleResize } from \"./handlers/message-handlers.js\";\nimport { setupInlineEditCallback } from \"./handlers/inline-edit-handlers.js\";\nimport { OutgoingMessageType } from \"./handlers/messages/types.js\";\n\n/**\n * Initialize element IDs for elements with line numbers\n */\nfunction initializeElementIds(): void {\n const elementsWithLineNumber = document.querySelectorAll(\n \"[data-linenumber]:not([data-visual-selector-id])\"\n );\n elementsWithLineNumber.forEach((el, index) => {\n const htmlEl = el as HTMLElement;\n const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;\n htmlEl.dataset.visualSelectorId = id;\n });\n}\n\n/**\n * Create mutation observer to detect layout changes.\n * Uses requestAnimationFrame to coalesce many rapid mutations into one reposition\n * per paint frame, avoiding stacking multiple timers during CSS transitions.\n */\nfunction createLayoutObserver(onLayoutChange: () => void): MutationObserver {\n let rafHandle: number | null = null;\n\n const hasVisualId = (node: Node): boolean => {\n if (node.nodeType !== Node.ELEMENT_NODE) return false;\n const el = node as HTMLElement;\n if (el.dataset?.visualSelectorId) return true;\n for (const child of Array.from(el.children)) {\n if (hasVisualId(child)) return true;\n }\n return false;\n };\n\n return new MutationObserver((mutations) => {\n if (rafHandle !== null) return;\n\n const needsUpdate = mutations.some((mutation) => {\n const isLayoutChange =\n mutation.type === \"attributes\" &&\n (mutation.attributeName === \"style\" ||\n mutation.attributeName === \"class\" ||\n mutation.attributeName === \"width\" ||\n mutation.attributeName === \"height\");\n\n return isLayoutChange && hasVisualId(mutation.target);\n });\n\n if (needsUpdate) {\n // Coalesce rapid mutations into a single reposition per paint frame,\n // avoiding stacked timers during CSS transitions\n rafHandle = requestAnimationFrame(() => {\n rafHandle = null;\n onLayoutChange();\n });\n }\n });\n}\n\n/**\n * Setup event listeners\n */\nfunction setupEventListeners(state: ReturnType<typeof createAgentState>): void {\n // Message handling\n window.addEventListener(\"message\", (e) => handleMessage(state, e));\n\n // Scroll handling\n window.addEventListener(\"scroll\", () => handleScroll(state), true);\n document.addEventListener(\"scroll\", () => handleScroll(state), true);\n\n // Resize handling\n window.addEventListener(\"resize\", () => handleResize(state));\n window.addEventListener(\"scroll\", () => handleResize(state));\n\n // Click handling\n document.addEventListener(\"click\", (e) => handleElementClick(state, e), true);\n\n // Hover handling\n document.addEventListener(\"mouseover\", (e) => handleMouseOver(state, e));\n document.addEventListener(\"mouseout\", () => handleMouseOut(state));\n}\n\n/**\n * Main setup function for visual edit agent\n */\nexport function setupVisualEditAgent(): void {\n const state = createAgentState();\n initializeElementIds();\n setupInlineEditCallback(state);\n setupEventListeners(state);\n\n // Create and start mutation observer\n const mutationObserver = createLayoutObserver(() => handleResize(state));\n mutationObserver.observe(document.body, {\n attributes: true,\n childList: true,\n subtree: true,\n attributeFilter: [\"style\", \"class\", \"width\", \"height\"],\n });\n\n // Send ready message to parent\n window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, \"*\");\n}\n"],"mappings":"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","names":["createAgentState","findElementsById","id","sourceElements","updateElementClasses","elements","classes","element","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","createOverlay","isSelected","overlay","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","positionOverlay","element","isVisualEditMode","rect","label","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","clearOverlays","overlays","clearSelection","state","findElementsById","el","repositionSelectedOverlays","elements","index","repositionHoverOverlays","clearHoverOverlays","state","clearOverlays","handleMouseOver","e","target","element","htmlElement","selectorId","elements","findElementsById","el","overlay","createOverlay","positionOverlay","handleMouseOut","injectFocusOutlineCSS","style","removeFocusOutlineCSS","selectText","element","range","selection","isEditableTextElement","onTextInputChangeCallback","setInlineEditCallback","callback","listenerAbortControllers","handleInputEvent","shouldEnterInlineEditingMode","element","isEditableTextElement","enterInlineEditingMode","injectFocusOutlineCSS","abortController","selectText","clearInlineEditingMode","removeFocusOutlineCSS","getElementPosition","rect","isElementInViewport","getElementClasses","element","handleEnterInlineEditingMode","state","element","overlay","enterInlineEditingMode","handleClearInlineEditingMode","clearInlineEditingMode","repositionSelectedOverlays","reportInlineEdit","originalContent","newContent","elementInfo","getElementClasses","getElementPosition","debouncedSendInlineEditMessage","createTextInputChangeCallback","setupInlineEditCallback","setInlineEditCallback","handleElementSelection","state","element","visualSelectorId","handleClearInlineEditingMode","clearSelection","elements","findElementsById","el","overlay","createOverlay","positionOverlay","clearHoverOverlays","htmlElement","elementData","getElementClasses","getElementPosition","handleElementClick","e","target","shouldEnterInlineEditingMode","handleEnterInlineEditingMode","toggleVisualEditMode","state","isEnabled","handleClearInlineEditingMode","clearHoverOverlays","clearSelection","handleToggleVisualEditMode","message","handleToggleInlineEditMode","state","message","elements","findElementsById","element","shouldEnterInlineEditingMode","handleClearInlineEditingMode","clearSelection","el","overlay","createOverlay","positionOverlay","handleEnterInlineEditingMode","sendElementPositionUpdate","state","elements","findElementsById","element","rect","getElementPosition","isElementInViewport","unselectElement","handleClearInlineEditingMode","clearSelection","updateElementClassesAndReposition","visualSelectorId","classes","updateElementClasses","repositionSelectedOverlays","repositionHoverOverlays","updateElementContent","content","handleScroll","handleResize","handleMessage","event","message","handleToggleVisualEditMode","handleToggleInlineEditMode","clearHoverOverlays","initializeElementIds","el","index","htmlEl","id","createLayoutObserver","onLayoutChange","rafHandle","hasVisualId","node","child","mutations","mutation","setupEventListeners","state","e","handleMessage","handleScroll","handleResize","handleElementClick","handleMouseOver","handleMouseOut","setupVisualEditAgent","createAgentState","setupInlineEditCallback"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base44-preview/vite-plugin",
3
- "version": "0.2.22-pr.37.eb62313",
3
+ "version": "0.2.22-pr.37.fd9cb1a",
4
4
  "description": "The Vite plugin for base44 based applications",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts CHANGED
@@ -39,17 +39,12 @@ export function handleToggleInlineEditMode(
39
39
  }
40
40
  clearSelection(state);
41
41
 
42
- // Find all elements with the same ID
43
- const elements = findElementsById(message.data.dataSourceLocation);
44
-
45
- // Mark elements as selected
46
42
  elements.forEach((el) => {
47
43
  if (el instanceof HTMLElement) {
48
44
  el.dataset.selected = "true";
49
45
  }
50
46
  });
51
47
 
52
- // Create selected overlays for all matching elements
53
48
  elements.forEach((el) => {
54
49
  const overlay = createOverlay(true);
55
50
  document.body.appendChild(overlay);