@cmssy/react 9.3.0 → 9.4.0

package/dist/client.cjs

@@ -116,6 +116,15 @@ function useEditBridge(page, config) {
         "[cmssy] editorOrigin '*' disables origin checks - dev only, do not use in production"
       );
     }
+    const postSafe = (message) => {
+      try {
+        core.postToEditor(window.parent, postTarget, message);
+      } catch (error) {
+        if (typeof console !== "undefined") {
+          console.debug("[cmssy] post to editor failed", message.type, error);
+        }
+      }
+    };
     const sendReady = () => {
       try {
         const rects = collectRects();
@@ -204,20 +213,24 @@ function useEditBridge(page, config) {
       const target = event.target;
       const el = target?.closest?.("[data-block-id]");
       const id = el?.getAttribute("data-block-id");
-      if (!id || !el) return;
+      if (!id || !el) {
+        if (!selectedIdRef.current) return;
+        if (target?.closest?.("a[href],button")) return;
+        selectedIdRef.current = null;
+        setSelected(null);
+        postSafe({ type: "cmssy:deselect" });
+        return;
+      }
       selectedIdRef.current = id;
       if (target?.closest?.("a[href]")) event.preventDefault();
       const r = el.getBoundingClientRect();
       const layoutPosition = el.getAttribute("data-layout-position");
-      try {
-        core.postToEditor(window.parent, postTarget, {
-          type: "cmssy:click",
-          blockId: id,
-          rect: { x: r.x, y: r.y, width: r.width, height: r.height },
-          ...layoutPosition !== null ? { layoutPosition } : {}
-        });
-      } catch {
-      }
+      postSafe({
+        type: "cmssy:click",
+        blockId: id,
+        rect: { x: r.x, y: r.y, width: r.width, height: r.height },
+        ...layoutPosition !== null ? { layoutPosition } : {}
+      });
     };
     let boundsRaf = 0;
     let boundsPending = false;
@@ -232,14 +245,11 @@ function useEditBridge(page, config) {
         const el = findBlockEl(id);
         if (!el) return;
         const r = el.getBoundingClientRect();
-        try {
-          core.postToEditor(window.parent, postTarget, {
-            type: "cmssy:bounds",
-            blockId: id,
-            rect: { x: r.x, y: r.y, width: r.width, height: r.height }
-          });
-        } catch {
-        }
+        postSafe({
+          type: "cmssy:bounds",
+          blockId: id,
+          rect: { x: r.x, y: r.y, width: r.width, height: r.height }
+        });
       });
     };
     window.addEventListener("message", handler);

package/dist/client.js

@@ -115,6 +115,15 @@ function useEditBridge(page, config) {
         "[cmssy] editorOrigin '*' disables origin checks - dev only, do not use in production"
       );
     }
+    const postSafe = (message) => {
+      try {
+        postToEditor(window.parent, postTarget, message);
+      } catch (error) {
+        if (typeof console !== "undefined") {
+          console.debug("[cmssy] post to editor failed", message.type, error);
+        }
+      }
+    };
     const sendReady = () => {
       try {
         const rects = collectRects();
@@ -203,20 +212,24 @@ function useEditBridge(page, config) {
       const target = event.target;
       const el = target?.closest?.("[data-block-id]");
       const id = el?.getAttribute("data-block-id");
-      if (!id || !el) return;
+      if (!id || !el) {
+        if (!selectedIdRef.current) return;
+        if (target?.closest?.("a[href],button")) return;
+        selectedIdRef.current = null;
+        setSelected(null);
+        postSafe({ type: "cmssy:deselect" });
+        return;
+      }
       selectedIdRef.current = id;
       if (target?.closest?.("a[href]")) event.preventDefault();
       const r = el.getBoundingClientRect();
       const layoutPosition = el.getAttribute("data-layout-position");
-      try {
-        postToEditor(window.parent, postTarget, {
-          type: "cmssy:click",
-          blockId: id,
-          rect: { x: r.x, y: r.y, width: r.width, height: r.height },
-          ...layoutPosition !== null ? { layoutPosition } : {}
-        });
-      } catch {
-      }
+      postSafe({
+        type: "cmssy:click",
+        blockId: id,
+        rect: { x: r.x, y: r.y, width: r.width, height: r.height },
+        ...layoutPosition !== null ? { layoutPosition } : {}
+      });
     };
     let boundsRaf = 0;
     let boundsPending = false;
@@ -231,14 +244,11 @@ function useEditBridge(page, config) {
         const el = findBlockEl(id);
         if (!el) return;
         const r = el.getBoundingClientRect();
-        try {
-          postToEditor(window.parent, postTarget, {
-            type: "cmssy:bounds",
-            blockId: id,
-            rect: { x: r.x, y: r.y, width: r.width, height: r.height }
-          });
-        } catch {
-        }
+        postSafe({
+          type: "cmssy:bounds",
+          blockId: id,
+          rect: { x: r.x, y: r.y, width: r.width, height: r.height }
+        });
       });
     };
     window.addEventListener("message", handler);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/react",
-  "version": "9.3.0",
+  "version": "9.4.0",
   "description": "React blocks, renderers, data client and editor bridge for cmssy headless sites",
   "keywords": [
     "cmssy",
@@ -62,7 +62,7 @@
   },
   "dependencies": {
     "@cmssy/types": "0.28.0",
-    "@cmssy/core": "9.3.0"
+    "@cmssy/core": "9.4.0"
   },
   "scripts": {
     "build": "tsup",