fragment-headless-sdk 2.5.0 → 2.6.0

package/dist/components/Hero/MobileHero.js

@@ -16,8 +16,8 @@ export default function MobileHero({ buttonHref, content, colors, typography, bu
             color: colors.title,
             font: typography.title.font,
         }),
-        content?.videoUrl ? (React.createElement("div", { className: "w-full" },
-            React.createElement("video", { src: content.videoUrl, autoPlay: true, muted: true, loop: true, playsInline: true, className: "h-full w-full object-cover" }))) : content?.mobileImageUrl ? (React.createElement("div", { className: "w-full" },
+        content?.mobileVideoUrl || content?.videoUrl ? (React.createElement("div", { className: "w-full" },
+            React.createElement("video", { src: content.mobileVideoUrl || content.videoUrl, autoPlay: true, muted: true, loop: true, playsInline: true, className: "h-full w-full object-cover" }))) : content?.mobileImageUrl ? (React.createElement("div", { className: "w-full" },
             React.createElement("img", { src: content.mobileImageUrl, alt: content.title || "Hero", className: "h-full w-full object-cover" }))) : content?.imageUrl ? (React.createElement("div", { className: "w-full" },
             React.createElement("img", { src: content.imageUrl, alt: content.title || "Hero", className: "h-full w-full object-cover" }))) : null,
         renderText({

package/dist/types/hero.d.ts

@@ -13,6 +13,7 @@ export interface IHeroContent {
     imageUrl: string;
     mobileImageUrl: string;
     videoUrl?: string;
+    mobileVideoUrl?: string;
     counterEndDate?: string;
     showCountdown?: boolean;
     measurementId?: string;

package/docs/CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 #### Added
 
+- **`mobileVideoUrl` on `IHeroContent`** – Optional hero content field for a mobile-specific video. `MobileHero` now plays `mobileVideoUrl` when set and falls back to `videoUrl` otherwise, mirroring the existing `mobileImageUrl` → `imageUrl` fallback (`types/hero.ts`, `components/Hero/MobileHero.tsx`).
 - **`normalizeRichTextHtml` utility** – New shared helper in `utils/html.ts` that normalizes rich-text editor output (replaces ` ` with regular spaces so words wrap at natural boundaries). Exported from the SDK entrypoint and used by both `Announcement` and `renderText` in `hero-resolvers`, replacing previously duplicated inline implementations.
 - **`parseTailwindHeight` is now public** – Previously an internal helper, now exported so preview/template consumers (e.g. `HeroBannerTemplate`) can share the same Tailwind-height → CSS conversion. Also accepts raw CSS values (`500px`, `50vh`) as pass-through (`hero-resolvers.ts`).
 - **`AnnouncementTypographySettings.fontFamily`** – `resolveAnnouncementTypography` now returns a resolved `fontFamily` CSS value alongside `font`/`fontSize`/`lineHeight`, so callers no longer need to import `FONT_FAMILY_MAP` to translate the font key themselves.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fragment-headless-sdk",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Official SDK for Fragment-Shopify CMS: React components, TypeScript types, and utilities for headless Shopify storefronts.",
   "license": "MIT",
   "main": "dist/index.js",