@ohhwells/bridge 0.1.7 → 0.1.9

package/dist/index.js

@@ -3888,7 +3888,10 @@ function OhhwellsBridge() {
       if (timer !== void 0) {
         clearTimeout(timer);
         autoSaveTimers.current.delete(key);
-        const html = sanitizeHtml(el.innerHTML);
+      }
+      const html = sanitizeHtml(el.innerHTML);
+      const original = originalContentRef.current ?? "";
+      if (html !== sanitizeHtml(original)) {
         postToParentRef.current({ type: "ow:change", nodes: [{ key, text: html }] });
         const h = document.documentElement.scrollHeight;
         if (h > 50) postToParentRef.current({ type: "ow:height", height: h });
@@ -3904,6 +3907,10 @@ function OhhwellsBridge() {
   const activate = useCallback((el) => {
     if (activeElRef.current === el) return;
     deactivate();
+    if (hoveredImageRef.current) {
+      hoveredImageRef.current = null;
+      postToParentRef.current({ type: "ow:image-unhover" });
+    }
     el.setAttribute("contenteditable", "true");
     el.removeAttribute("data-ohw-hovered");
     activeElRef.current = el;
@@ -4222,7 +4229,8 @@ function OhhwellsBridge() {
       }
       return smallest;
     };
-    const probeImageAt = (clientX, clientY, isDragOver = false, fromParentViewport = false, fromOverlay = false) => {
+    const probeImageAt = (clientX, clientY, isDragOver = false, fromParentViewport = false) => {
+      if (activeElRef.current) return;
       const toggleEl = document.querySelector("[data-ohw-state-toggle]");
       if (toggleEl) {
         const { x, y } = toProbeCoords(clientX, clientY, fromParentViewport);
@@ -4250,7 +4258,6 @@ function OhhwellsBridge() {
         }
         const topEditable = topEl?.closest("[data-ohw-editable]");
         if (topEditable && topEditable.dataset.ohwEditable !== "image" && topEditable.dataset.ohwEditable !== "bg-image") {
-          if (topEditable.hasAttribute("contenteditable") && fromOverlay) return;
           if (hoveredImageRef.current) {
             hoveredImageRef.current = null;
             resumeAnimTracks();
@@ -4322,9 +4329,9 @@ function OhhwellsBridge() {
     };
     const handlePointerSync = (e) => {
       if (e.data?.type !== "ow:pointer-sync") return;
-      const { clientX, clientY, fromOverlay } = e.data;
+      const { clientX, clientY } = e.data;
       if (typeof clientX !== "number" || typeof clientY !== "number") return;
-      probeImageAt(clientX, clientY, false, false, fromOverlay ?? false);
+      probeImageAt(clientX, clientY);
       probeHoverCardsAt(clientX, clientY);
     };
     const handleDragOver = (e) => {