@riverbankcms/sdk 0.72.0 → 0.75.0

package/dist/server/page-converter.mjs

@@ -6291,7 +6291,9 @@ function backgroundLayer(path2, options = {}) {
     imageClassName,
     overlayClassName = "background-overlay rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-pointer-events-none",
     fallbackToken,
-    omitImageLayer = false
+    omitImageLayer = false,
+    imageLoading,
+    imageFetchPriority
   } = options;
   const styleLayer = el("div", {
     className: styleClassName,
@@ -6307,11 +6309,14 @@ function backgroundLayer(path2, options = {}) {
       }
     }
   });
-  const imageLayer = createBackgroundImageNode(path2, imageClassName);
+  const imageLayer = createBackgroundImageNode(path2, imageClassName, {
+    loading: imageLoading,
+    fetchPriority: imageFetchPriority
+  });
   const overlayLayer = createBackgroundOverlayNode(path2, overlayClassName);
   return omitImageLayer ? [styleLayer, overlayLayer] : [styleLayer, imageLayer, overlayLayer];
 }
-function createBackgroundImageNode(path2, baseClassName = "rb-absolute rb-z-neg-10") {
+function createBackgroundImageNode(path2, baseClassName = "rb-absolute rb-z-neg-10", options = {}) {
   const imagePath = `${path2}.image`;
   return media(
     {
@@ -6332,7 +6337,9 @@ function createBackgroundImageNode(path2, baseClassName = "rb-absolute rb-z-neg-
           transforms: [{ id: "background.resolveImageStyle" }]
         }
       },
-      videoPlayback: "background"
+      videoPlayback: "background",
+      ...options.loading ? { loading: options.loading } : {},
+      ...options.fetchPriority ? { fetchPriority: options.fetchPriority } : {}
     },
     when(imagePath),
     bind(imagePath)
@@ -6474,12 +6481,16 @@ function styledSection(config) {
     bindFrom = "_sectionStyles",
     imageClassName = "rb-absolute rb-z-neg-10",
     renderBackgroundImage = true,
+    backgroundImageLoading,
+    backgroundImageFetchPriority,
     fullWidthPath
   } = config;
   const renderedBackgroundNodes = backgroundLayer(`${bindFrom}.background`, {
     imageClassName,
     fallbackToken: background,
-    omitImageLayer: !renderBackgroundImage
+    omitImageLayer: !renderBackgroundImage,
+    imageLoading: backgroundImageLoading,
+    imageFetchPriority: backgroundImageFetchPriority
   });
   const childrenArray = Array.isArray(children) ? children : [children];
   return section(
@@ -6694,7 +6705,7 @@ function navRow(opts) {
       el(
         "div",
         {
-          className: "nav-dropdown-menu rb-absolute rb-left-0 rb-top-full rb-z-50 rb-hidden rb-min-w-12rem rb-overflow-hidden",
+          className: "nav-dropdown-menu rb-absolute rb-left-0 rb-top-full rb-z-50 rb-hidden rb-overflow-hidden",
           id: dropdownMenuId
         },
         [dropdownLinks]
@@ -9701,6 +9712,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -9763,7 +9778,8 @@ function heroSplitImagePane() {
     [
       media(
         {
-          className: "rb-absolute rb-inset-0 rb-h-full rb-w-full rb-object-cover"
+          className: "rb-absolute rb-inset-0 rb-h-full rb-w-full rb-object-cover",
+          ...heroPriorityMediaProps
         },
         when("_sectionStyles.background.image"),
         bind("_sectionStyles.background.image")
@@ -9774,13 +9790,17 @@ function heroSplitImagePane() {
 var classicLayout = styledSection({
   children: heroContainerStack(heroContentNodes, "md"),
   // styledContainer (rb-container) already provides horizontal padding
-  baseClass: ""
+  baseClass: "",
+  backgroundImageLoading: heroPriorityMediaProps.loading,
+  backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
 });
 var microLayout = styledSection({
   children: heroContainerStack(heroContentNodes, "sm"),
   // styledContainer (rb-container) already provides horizontal padding
   baseClass: "",
-  spacing: "compact"
+  spacing: "compact",
+  backgroundImageLoading: heroPriorityMediaProps.loading,
+  backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
 });
 function splitLayoutWith(children) {
   return styledSection({
@@ -12928,7 +12948,7 @@ var cardStylingFields = [
     description: "Text for the event action button",
     required: false,
     multiline: false,
-    defaultValue: "View event",
+    defaultValue: "Book now",
     maxLength: 40
   }
 ];
@@ -13427,6 +13447,7 @@ var eventRegistrationBlockDefinition = {
         limit: "50",
         // Get more events for selection
         stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
+        readProfile: "registration",
         // When rendering on an event content entry page, scope the list to that entry so
         // the wizard always includes the current event (and avoids stale cached "all events" responses).
         entryId: { $bind: { from: "$root.contentEntry._entryId", fallback: "" } }
@@ -14227,7 +14248,7 @@ var eventSpotlightLayout = [
         columns: { $bind: { from: "content.columns", fallback: "3" } },
         cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
         buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
-        buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
+        buttonText: { $bind: { from: "content.buttonText", fallback: "Book now" } },
         ctaLabel: { $bind: { from: "content.ctaLabel" } },
         ctaUrl: { $bind: { from: "content.ctaUrl", transforms: [{ id: "links.resolve" }] } },
         showVenue: { $bind: { from: "content.showVenue" } },
@@ -14271,7 +14292,8 @@ var eventSpotlightBlockDefinition = {
         siteId: { $bind: { from: "$root.siteId" } },
         limit: { $bind: { from: "content.maxEvents", fallback: "3" } },
         stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
-        detailLevel: "listing"
+        detailLevel: "listing",
+        readProfile: "spotlight"
       },
       mode: "server"
     }
@@ -14289,7 +14311,7 @@ var COLUMN_CLASSES = {
 };
 function getContainerClass(layout, columns) {
   if (layout === "compact") {
-    return "rb-flex rb-flex-col rb-gap-2";
+    return "event-listing-compact-container rb-flex rb-flex-col rb-gap-2";
   }
   if (layout === "stack") {
     return "rb-flex rb-flex-col rb-gap-6";
@@ -14417,7 +14439,7 @@ var eventListingBlockRuntime = defineProgressiveBlockRuntime({
         containerClass: getContainerClass(layout, source.columns ?? "3"),
         cardVariant: source.cardVariant ?? "default",
         buttonVariant: source.buttonVariant ?? "primary",
-        buttonText: source.buttonText ?? "View event",
+        buttonText: source.buttonText ?? "Book now",
         showVenue: source.showVenue ?? true,
         showMap: source.showMap ?? true,
         showCapacity: source.showCapacity ?? true,
@@ -14652,7 +14674,7 @@ var eventListingLayout = [
         loadMoreText: { $bind: { from: "content.loadMoreText", fallback: "Load more events" } },
         cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
         buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
-        buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
+        buttonText: { $bind: { from: "content.buttonText", fallback: "Book now" } },
         showVenue: { $bind: { from: "content.showVenue" } },
         showMap: { $bind: { from: "content.showMap" } },
         showCapacity: { $bind: { from: "content.showCapacity" } },
@@ -14730,6 +14752,7 @@ var eventListingBlockDefinition = {
         limit: { $bind: { from: "content.eventsPerPage", fallback: "12" } },
         stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
         detailLevel: "listing",
+        readProfile: { $bind: { from: "content.layout", fallback: "listing-card" } },
         kind: { $bind: { from: "content.kind" } },
         eventSurface: { $bind: { from: "content.eventSurface" } },
         eventPresets: {
@@ -14869,7 +14892,7 @@ function buildEventCalendarDisplay(source) {
     ),
     filterVenueId: normalizeEventVenueId(source.filterVenueId),
     buttonVariant: source.buttonVariant ?? "primary",
-    buttonText: source.buttonText ?? "View event",
+    buttonText: source.buttonText ?? "Book now",
     showVenue: source.showVenue ?? true,
     showMap: source.showMap ?? true,
     showCapacity: source.showCapacity ?? true,
@@ -15025,7 +15048,7 @@ var eventCalendarLayout = [
               $bind: { from: "content.buttonVariant", fallback: "primary" }
             },
             buttonText: {
-              $bind: { from: "content.buttonText", fallback: "View event" }
+              $bind: { from: "content.buttonText", fallback: "Book now" }
             },
             emptyMessage: { $bind: { from: "content.emptyMessage" } }
           })
@@ -15486,6 +15509,7 @@ var eventCalendarBlockDefinition = {
         limit: 100,
         stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
         detailLevel: "listing",
+        readProfile: { $bind: { from: "content.variant", fallback: "listing-card" } },
         // Pass filter params if configured
         kind: { $bind: { from: "content.kind" } },
         eventSurface: { $bind: { from: "content.eventSurface" } },

package/dist/server/prebuild.mjs

@@ -4,7 +4,7 @@ import * as path from "path";
 import * as crypto from "crypto";
 
 // src/version.ts
-var SDK_VERSION = "0.72.0";
+var SDK_VERSION = "0.75.0";
 
 // src/constants.ts
 var PREBUILD_PAGE_SIZE = 50;