cms-renderer 0.6.11 → 0.6.12

package/dist/lib/renderer.js

@@ -466,11 +466,14 @@ function generateCmsOverlayScript(cmsParentOrigin) {
   var style = document.createElement('style');
   style.setAttribute('data-cms-overlay', '');
   style.textContent = \`
+    [data-cms-block],
     [data-cms-editable] {
       cursor: pointer;
+    }
+    [data-cms-editable] {
       border-radius: 2px;
     }
-    [data-cms-editable]:hover {
+    [data-cms-editable]:not([data-cms-block]):hover {
       outline: 2px solid #3b82f6;
       outline-offset: 2px;
     }
@@ -484,7 +487,7 @@ function generateCmsOverlayScript(cmsParentOrigin) {
       z-index: 99998;
     }
     #cms-overlay-root > * {
-      pointer-events: auto;
+      pointer-events: none;
     }
     .cms-block-outline {
       position: fixed;
@@ -580,7 +583,6 @@ function generateCmsOverlayScript(cmsParentOrigin) {
       blockEl.setAttribute('data-cms-block', '');
       blockEl.setAttribute('data-block-id', blockId);
       blockEl.setAttribute('data-block-type', blockType);
-      blockEl.setAttribute('data-cms-editable', '');
     });
   }
 
@@ -638,6 +640,38 @@ function generateCmsOverlayScript(cmsParentOrigin) {
   var toolbarVisible = false;
   var selectedBlockId = null;
 
+  function decoratePreviewUrl(rawHref) {
+    if (!rawHref) return rawHref;
+    try {
+      var url = new URL(rawHref, window.location.href);
+      if (url.origin !== window.location.origin) return rawHref;
+      url.searchParams.set('edit_mode', 'true');
+      if (CMS_PARENT_ORIGIN) {
+        url.searchParams.set('cms_parent_origin', CMS_PARENT_ORIGIN);
+      }
+      return url.toString();
+    } catch (_) {
+      return rawHref;
+    }
+  }
+
+  function preserveEditParamsOnNavigation(e) {
+    if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+      return;
+    }
+
+    var anchor = e.target.closest('a[href]');
+    if (!anchor || (anchor.target && anchor.target !== '_self') || anchor.hasAttribute('download')) {
+      return;
+    }
+
+    var href = anchor.getAttribute('href');
+    var decorated = decoratePreviewUrl(href);
+    if (decorated && decorated !== href) {
+      anchor.setAttribute('href', decorated);
+    }
+  }
+
   function postToParent(message) {
     if (!CMS_PARENT_ORIGIN || !window.parent || window.parent === window) {
       return;
@@ -756,6 +790,8 @@ function generateCmsOverlayScript(cmsParentOrigin) {
   });
 
   document.addEventListener('click', function(e) {
+    preserveEditParamsOnNavigation(e);
+
     if (toolbarVisible && !e.target.closest('[data-cms-toolbar]')) {
       var block = e.target.closest('[data-cms-block]');
       if (!block || block.getAttribute('data-block-id') !== currentBlockId) {
@@ -785,23 +821,23 @@ function generateCmsOverlayScript(cmsParentOrigin) {
         contentPath: null
       });
     }
-  });
+  }, true);
 
   toolbar.querySelector('.move-up').addEventListener('click', function() {
     if (!currentBlockId) return;
-    postToParent({ type: 'cms-block-move', blockId: currentBlockId, direction: 'up' });
+    postToParent({ type: 'cms-block-action', action: 'move-up', blockId: currentBlockId });
     hideToolbar();
   });
 
   toolbar.querySelector('.move-down').addEventListener('click', function() {
     if (!currentBlockId) return;
-    postToParent({ type: 'cms-block-move', blockId: currentBlockId, direction: 'down' });
+    postToParent({ type: 'cms-block-action', action: 'move-down', blockId: currentBlockId });
     hideToolbar();
   });
 
   toolbar.querySelector('.delete').addEventListener('click', function() {
     if (!currentBlockId) return;
-    postToParent({ type: 'cms-block-delete', blockId: currentBlockId });
+    postToParent({ type: 'cms-block-action', action: 'delete', blockId: currentBlockId });
     hideToolbar();
   });