cms-renderer 0.7.0 → 0.8.0

package/dist/lib/renderer.js

@@ -104,12 +104,12 @@ function isArticlePublished(article) {
 var BLOCK_METADATA = {
   "hero-block": {
     name: "Hero",
-    description: "Full-width hero section with headline, subheadline, and CTA",
+    description: "Full-width hero section with headline, description, and CTA",
     category: "Marketing",
     icon: "image",
     fields: [
       { name: "headline", label: "Headline", type: "Text" },
-      { name: "subheadline", label: "Subheadline", type: "Text" },
+      { name: "subheadline", label: "Description", type: "Text" },
       { name: "ctaText", label: "CTA Label", type: "Text" },
       { name: "ctaUrl", label: "CTA URL", type: "URL" },
       { name: "backgroundImage", label: "Background Image", type: "Image" }
@@ -320,7 +320,7 @@ var fileSchema = z5.object({
 var HeroAlignment = ["left", "center", "right"];
 var HeroBlockContentSchema = z6.object({
   headline: z6.string().min(1, "Headline is required").max(100, "Headline too long"),
-  subheadline: z6.string().max(200, "Subheadline too long").optional(),
+  subheadline: z6.string().max(200, "Description too long").optional(),
   ctaText: z6.string().max(50, "CTA text too long").optional(),
   ctaUrl: z6.string().refine(
     (val) => {
@@ -759,7 +759,11 @@ function generateCmsOverlayScript(cmsParentOrigin) {
   setTimeout(sendReadySignal, 1500);
 
   function getBlockElement(blockId) {
-    return document.querySelector('[data-block-id="' + blockId + '"]');
+    // Match the real block element, not the hidden sentinel <span> that shares
+    // the same data-block-id and precedes it in the DOM. The sentinel is
+    // display:none (a 0x0 rect), so selecting it would paint the outline at the
+    // top-left corner. Only the stamped block carries data-cms-block.
+    return document.querySelector('[data-cms-block][data-block-id="' + blockId + '"]');
   }
 
   function getAllBlocks() {
@@ -789,6 +793,14 @@ function generateCmsOverlayScript(cmsParentOrigin) {
       return;
     }
     var rect = el.getBoundingClientRect();
+    // A 0x0 rect means the element isn't laid out yet (or is hidden). Hide the
+    // outline instead of drawing a zero-size box with a floating label at the
+    // top-left corner.
+    if (rect.width === 0 && rect.height === 0) {
+      outlineEl.style.display = 'none';
+      if (label) label.classList.remove('cms-label-visible');
+      return;
+    }
     outlineEl.style.display = 'block';
     outlineEl.style.top = rect.top + 'px';
     outlineEl.style.left = rect.left + 'px';
@@ -1098,7 +1110,7 @@ function BlockRenderer({
     return null;
   }
   const language = routeParams ? Object.values(routeParams).find((p) => p.schemaName === "language")?.value : void 0;
-  const component = /* @__PURE__ */ jsx(Component, { content: block.content, routeParams, language });
+  const component = /* @__PURE__ */ jsx(Component, { content: block.content, routeParams, language, path });
   if (disableEditable) {
     return component;
   }