@riverbankcms/sdk 0.72.0 → 0.74.0

package/dist/server/next.mjs

@@ -16287,7 +16287,9 @@ function backgroundLayer(path, 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,
@@ -16303,11 +16305,14 @@ function backgroundLayer(path, options = {}) {
       }
     }
   });
-  const imageLayer = createBackgroundImageNode(path, imageClassName);
+  const imageLayer = createBackgroundImageNode(path, imageClassName, {
+    loading: imageLoading,
+    fetchPriority: imageFetchPriority
+  });
   const overlayLayer = createBackgroundOverlayNode(path, overlayClassName);
   return omitImageLayer ? [styleLayer, overlayLayer] : [styleLayer, imageLayer, overlayLayer];
 }
-function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-10") {
+function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-10", options = {}) {
   const imagePath = `${path}.image`;
   return media(
     {
@@ -16328,7 +16333,9 @@ function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-1
           transforms: [{ id: "background.resolveImageStyle" }]
         }
       },
-      videoPlayback: "background"
+      videoPlayback: "background",
+      ...options.loading ? { loading: options.loading } : {},
+      ...options.fetchPriority ? { fetchPriority: options.fetchPriority } : {}
     },
     when(imagePath),
     bind(imagePath)
@@ -16525,12 +16532,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(
@@ -16745,7 +16756,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]
@@ -20320,6 +20331,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -20382,7 +20397,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")
@@ -20393,13 +20409,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({
@@ -28098,6 +28118,8 @@ var MediaNodeServer = ({
   className,
   style,
   videoPlayback = "inline",
+  loading = "lazy",
+  fetchPriority,
   size = ImagePresets.full,
   fieldPath,
   blockKind,
@@ -28134,7 +28156,8 @@ var MediaNodeServer = ({
       alt: value.alt ?? "",
       className,
       style: computedStyle,
-      loading: "lazy",
+      loading,
+      fetchPriority,
       decoding: "async"
     }
   );
@@ -36045,6 +36068,7 @@ var VideoEmbedNode = ({
             height: "100%",
             border: "none"
           },
+          loading: "lazy",
           allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
           referrerPolicy: "no-referrer-when-downgrade",
           allowFullScreen: true
@@ -39467,6 +39491,10 @@ function getAbsoluteSegments(fromPath, context) {
   if (scoped?.basePathSegments && scoped.basePathSegments.length > 0) {
     return [...scoped.basePathSegments, ...rest];
   }
+  const hasContentScope = context.scopes.some((entry) => entry.name === "content");
+  if (hasContentScope && !(first in context.viewModel)) {
+    return ["content", ...segments];
+  }
   return void 0;
 }
 function readFromSource(source, segments) {
@@ -40115,7 +40143,7 @@ function makeDefaultBlockComponent(args) {
       pathBase,
       blockId,
       blockKind,
-      blockContent: content,
+      blockContent: mergedContent,
       blockBindings,
       editableRouteMetadataFieldIds,
       fragmentRegistry: fragmentRegistry2
@@ -41110,6 +41138,19 @@ function getNavLinkPreset(presetId) {
 }
 var NAV_LINK_PRESET_IDS = Object.keys(NAV_LINK_PRESETS);
 
+// ../theme-core/src/header/navDropdownSizing.ts
+var NAV_DROPDOWN_MIN_WIDTH_REM = 12;
+var NAV_DROPDOWN_MAX_WIDTH_REM = 22;
+var NAV_DROPDOWN_VIEWPORT_GUTTER_REM = 1;
+var NAV_DROPDOWN_SHIFT_PROPERTY = "--nav-dropdown-shift-x";
+var NAV_DROPDOWN_MAX_WIDTH_CSS = `min(${NAV_DROPDOWN_MAX_WIDTH_REM}rem, calc(100vw - ${NAV_DROPDOWN_VIEWPORT_GUTTER_REM * 2}rem))`;
+var NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES = [
+  `min-width: ${NAV_DROPDOWN_MIN_WIDTH_REM}rem;`,
+  `width: max-content;`,
+  `max-width: ${NAV_DROPDOWN_MAX_WIDTH_CSS};`,
+  `transform: translateX(var(${NAV_DROPDOWN_SHIFT_PROPERTY}, 0px));`
+];
+
 // ../theme-core/src/header/generateHeaderCss.ts
 var HEADER_BLUR = "blur(12px)";
 var FLOATING_BLUR = "blur(16px)";
@@ -41384,6 +41425,7 @@ function generateDropdownContainerStyles(header, themeId, tokens) {
   const selector = `:where([data-theme-scope="${themeId}"]) .nav-dropdown-menu`;
   const rules = [];
   const dropdownStyle = header.dropdownStyle;
+  rules.push(...NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES);
   const bgToken = dropdownStyle?.background ?? "surface";
   rules.push(`background-color: ${tokens.getColor(bgToken)};`);
   const textToken = dropdownStyle?.textColor ?? "text";
@@ -52658,6 +52700,17 @@ var containerResponsiveThemeCss = `/*
  * =============================================================================
  */
 
+:where(.theme-scope) .nav-dropdown-menu {
+  /*
+   * Keep these rails in sync with header/navDropdownSizing.ts.
+   * The JS placement gutter is 16px, matching the 1rem per-side gutter in calc(100vw - 2rem).
+   */
+  min-width: 12rem;
+  width: max-content;
+  max-width: min(22rem, calc(100vw - 2rem));
+  transform: translateX(var(--nav-dropdown-shift-x, 0px));
+}
+
 :where(.theme-scope) .nav-dropdown:hover > .nav-dropdown-menu,
 :where(.theme-scope) .nav-dropdown:focus-within > .nav-dropdown-menu,
 :where(.theme-scope) .nav-dropdown .nav-dropdown-trigger[aria-expanded="true"] + .nav-dropdown-menu {
@@ -58191,7 +58244,7 @@ var SimpleCache = class {
 };
 
 // src/version.ts
-var SDK_VERSION = "0.72.0";
+var SDK_VERSION = "0.74.0";
 
 // src/client/error.ts
 var RiverbankApiError = class _RiverbankApiError extends Error {

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({

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.74.0";
 
 // src/constants.ts
 var PREBUILD_PAGE_SIZE = 50;

package/dist/server/rendering/server.mjs

@@ -9935,7 +9935,9 @@ function backgroundLayer(path, 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,
@@ -9951,11 +9953,14 @@ function backgroundLayer(path, options = {}) {
       }
     }
   });
-  const imageLayer = createBackgroundImageNode(path, imageClassName);
+  const imageLayer = createBackgroundImageNode(path, imageClassName, {
+    loading: imageLoading,
+    fetchPriority: imageFetchPriority
+  });
   const overlayLayer = createBackgroundOverlayNode(path, overlayClassName);
   return omitImageLayer ? [styleLayer, overlayLayer] : [styleLayer, imageLayer, overlayLayer];
 }
-function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-10") {
+function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-10", options = {}) {
   const imagePath = `${path}.image`;
   return media(
     {
@@ -9976,7 +9981,9 @@ function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-1
           transforms: [{ id: "background.resolveImageStyle" }]
         }
       },
-      videoPlayback: "background"
+      videoPlayback: "background",
+      ...options.loading ? { loading: options.loading } : {},
+      ...options.fetchPriority ? { fetchPriority: options.fetchPriority } : {}
     },
     when(imagePath),
     bind(imagePath)
@@ -10173,12 +10180,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(
@@ -10393,7 +10404,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]
@@ -13968,6 +13979,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -14030,7 +14045,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")
@@ -14041,13 +14057,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({
@@ -21746,6 +21766,8 @@ var MediaNodeServer = ({
   className,
   style,
   videoPlayback = "inline",
+  loading = "lazy",
+  fetchPriority,
   size = ImagePresets.full,
   fieldPath,
   blockKind,
@@ -21782,7 +21804,8 @@ var MediaNodeServer = ({
       alt: value.alt ?? "",
       className,
       style: computedStyle,
-      loading: "lazy",
+      loading,
+      fetchPriority,
       decoding: "async"
     }
   );
@@ -29696,6 +29719,7 @@ var VideoEmbedNode = ({
             height: "100%",
             border: "none"
           },
+          loading: "lazy",
           allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
           referrerPolicy: "no-referrer-when-downgrade",
           allowFullScreen: true
@@ -33118,6 +33142,10 @@ function getAbsoluteSegments(fromPath, context) {
   if (scoped?.basePathSegments && scoped.basePathSegments.length > 0) {
     return [...scoped.basePathSegments, ...rest];
   }
+  const hasContentScope = context.scopes.some((entry) => entry.name === "content");
+  if (hasContentScope && !(first in context.viewModel)) {
+    return ["content", ...segments];
+  }
   return void 0;
 }
 function readFromSource(source, segments) {
@@ -33766,7 +33794,7 @@ function makeDefaultBlockComponent(args) {
       pathBase,
       blockId,
       blockKind,
-      blockContent: content,
+      blockContent: mergedContent,
       blockBindings,
       editableRouteMetadataFieldIds,
       fragmentRegistry: fragmentRegistry2
@@ -34802,6 +34830,19 @@ function getNavLinkPreset(presetId) {
 }
 var NAV_LINK_PRESET_IDS = Object.keys(NAV_LINK_PRESETS);
 
+// ../theme-core/src/header/navDropdownSizing.ts
+var NAV_DROPDOWN_MIN_WIDTH_REM = 12;
+var NAV_DROPDOWN_MAX_WIDTH_REM = 22;
+var NAV_DROPDOWN_VIEWPORT_GUTTER_REM = 1;
+var NAV_DROPDOWN_SHIFT_PROPERTY = "--nav-dropdown-shift-x";
+var NAV_DROPDOWN_MAX_WIDTH_CSS = `min(${NAV_DROPDOWN_MAX_WIDTH_REM}rem, calc(100vw - ${NAV_DROPDOWN_VIEWPORT_GUTTER_REM * 2}rem))`;
+var NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES = [
+  `min-width: ${NAV_DROPDOWN_MIN_WIDTH_REM}rem;`,
+  `width: max-content;`,
+  `max-width: ${NAV_DROPDOWN_MAX_WIDTH_CSS};`,
+  `transform: translateX(var(${NAV_DROPDOWN_SHIFT_PROPERTY}, 0px));`
+];
+
 // ../theme-core/src/header/generateHeaderCss.ts
 var HEADER_BLUR = "blur(12px)";
 var FLOATING_BLUR = "blur(16px)";
@@ -35076,6 +35117,7 @@ function generateDropdownContainerStyles(header, themeId, tokens) {
   const selector = `:where([data-theme-scope="${themeId}"]) .nav-dropdown-menu`;
   const rules = [];
   const dropdownStyle = header.dropdownStyle;
+  rules.push(...NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES);
   const bgToken = dropdownStyle?.background ?? "surface";
   rules.push(`background-color: ${tokens.getColor(bgToken)};`);
   const textToken = dropdownStyle?.textColor ?? "text";
@@ -45143,6 +45185,17 @@ var containerResponsiveThemeCss = `/*
  * =============================================================================
  */
 
+:where(.theme-scope) .nav-dropdown-menu {
+  /*
+   * Keep these rails in sync with header/navDropdownSizing.ts.
+   * The JS placement gutter is 16px, matching the 1rem per-side gutter in calc(100vw - 2rem).
+   */
+  min-width: 12rem;
+  width: max-content;
+  max-width: min(22rem, calc(100vw - 2rem));
+  transform: translateX(var(--nav-dropdown-shift-x, 0px));
+}
+
 :where(.theme-scope) .nav-dropdown:hover > .nav-dropdown-menu,
 :where(.theme-scope) .nav-dropdown:focus-within > .nav-dropdown-menu,
 :where(.theme-scope) .nav-dropdown .nav-dropdown-trigger[aria-expanded="true"] + .nav-dropdown-menu {