domma-cms 0.14.2 → 0.14.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "0.14.2",
+  "version": "0.14.4",
   "description": "File-based CMS powered by Domma and Fastify. Run npx domma-cms my-site to create a new project.",
   "type": "module",
   "main": "server/server.js",
@@ -73,7 +73,7 @@
     "@fastify/rate-limit": "^10.3.0",
     "@fastify/static": "9.1.1",
     "bcryptjs": "^3.0.3",
-    "domma-js": "^0.22.6",
+    "domma-js": "^0.22.8",
     "dotenv": "^17.2.3",
     "fastify": "5.8.5",
     "gray-matter": "^4.0.3",

package/server/services/markdown.js

@@ -2332,22 +2332,31 @@ function processTableBlocks(markdown) {
  *   [/hero]
  *
  * Supported attributes:
- *   title   - Hero heading (.hero-title)
- *   tagline - Subtitle text (.hero-subtitle)
- *   size    - "sm", "lg", "full" → .hero-sm / .hero-lg / .hero-full
- *   variant - "dark", "primary",
- *             upstream 8: "gradient-purple", "gradient-blue", "gradient-green",
- *               "gradient-sunset", "gradient-ocean", "gradient-rose",
- *               "gradient-forest", "gradient-night"
- *             theme-specific (26): "gradient-{theme}-{mode}" where theme is one of
- *               ocean, forest, sunset, royal, lemon, silver, charcoal, christmas,
- *               unicorn, dreamy, grayve, mint, wedding — and mode is light or dark
- *             → .hero-{variant}
- *   image   - URL for background-image + adds .hero-cover
- *   overlay - "light", "dark", "darker", "gradient", "gradient-reverse" → .hero-overlay-{overlay}
- *   align   - "center" (default) or "left" → .hero-center / .hero-left
- *   class   - Extra classes appended to .hero
- *   id      - Element id attribute
+ *   title      - Hero heading (.hero-title)
+ *   tagline    - Subtitle text (.hero-subtitle)
+ *   size       - "sm", "lg", "full" → .hero-sm / .hero-lg / .hero-full
+ *   variant    - "dark", "primary",
+ *                upstream 8: "gradient-purple", "gradient-blue", "gradient-green",
+ *                  "gradient-sunset", "gradient-ocean", "gradient-rose",
+ *                  "gradient-forest", "gradient-night"
+ *                theme-specific (26): "gradient-{theme}-{mode}" where theme is one of
+ *                  ocean, forest, sunset, royal, lemon, silver, charcoal, christmas,
+ *                  unicorn, dreamy, grayve, mint, wedding — and mode is light or dark
+ *                → .hero-{variant}
+ *   image      - URL for background-image + adds .hero-cover
+ *   overlay    - "light", "dark", "darker", "gradient", "gradient-reverse" → .hero-overlay-{overlay}
+ *   align      - "center" (default) or "left" → .hero-center / .hero-left
+ *   bg / color - Background colour (any safe CSS colour value)
+ *   min-height - Minimum height (px, em, rem, vh, vw, %)
+ *   fullwidth  - "true" breaks out of the page container to span the full viewport width (adds .hero-breakout).
+ *                Must be the literal string "true" — the attribute is otherwise ignored.
+ *   twinkle         - Flag attribute — adds particle overlay (requires Effects plugin)
+ *   twinkle-count   - Number of twinkle particles
+ *   twinkle-colour  - Particle colour (CSS value)
+ *   blobs           - Flag attribute — adds ambient blob background
+ *   blobs-type      - Blob animation type (default: "float-blobs")
+ *   class      - Extra classes appended to .hero
+ *   id         - Element id attribute
  *
  * @param {string} markdown
  * @returns {string}
@@ -2612,7 +2621,12 @@ function processHeroBlocks(markdown) {
         (twinkleColour ? ` data-fx-colour="${escapeAttr(twinkleColour)}"` : '')
         : '';
 
-      const processedBody = processTextBlocks(processBadgeBlocks(processCardBlocks(processGridBlocks(restore(body.trim())))));
+      // Button/link/cta must run before marked.parse so their quoted attributes
+      // aren't HTML-escaped to " — that mangles parseShortcodeAttrs and
+      // turns `href="/x"` into a bare flag (attrs.href = true → href="true").
+      const processedBody = processCtaBlocks(processLinkBlocks(processButtonBlocks(
+          processTextBlocks(processBadgeBlocks(processCardBlocks(processGridBlocks(restore(body.trim())))))
+      )));
 
       let inner = '<div class="hero-content">';
       if (title) inner += `<h1 class="hero-title hero-title-responsive">${escapeAttr(title)}</h1>`;