@cmssy/react 2.1.0 → 2.3.0

package/dist/client.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, e as CmssyLocaleContext, f as CmssyAddress, g as CmssyCart, h as CmssyOrder, i as CmssyProduct } from './commerce-queries-BFnU2_SV.cjs';
-export { j as CmssyCartDiscount, k as CmssyCartItem, l as CmssyCartItemSnapshot, m as CmssyOrderItem, n as CmssyProductVariant } from './commerce-queries-BFnU2_SV.cjs';
+import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, e as CmssyLocaleContext, f as CmssyAddress, g as CmssyCart, h as CmssyOrder, i as CmssyProduct } from './commerce-queries-C-qnHDOq.cjs';
+export { j as CmssyCartDiscount, k as CmssyCartItem, l as CmssyCartItemSnapshot, m as CmssyOrderItem, n as CmssyProductVariant } from './commerce-queries-C-qnHDOq.cjs';
 import { ReactNode } from 'react';
 import '@cmssy/types';
 

package/dist/client.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, e as CmssyLocaleContext, f as CmssyAddress, g as CmssyCart, h as CmssyOrder, i as CmssyProduct } from './commerce-queries-BFnU2_SV.js';
-export { j as CmssyCartDiscount, k as CmssyCartItem, l as CmssyCartItemSnapshot, m as CmssyOrderItem, n as CmssyProductVariant } from './commerce-queries-BFnU2_SV.js';
+import { B as BlockSchema, a as BlockMeta, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, d as CmssyLayoutGroup, e as CmssyLocaleContext, f as CmssyAddress, g as CmssyCart, h as CmssyOrder, i as CmssyProduct } from './commerce-queries-C-qnHDOq.js';
+export { j as CmssyCartDiscount, k as CmssyCartItem, l as CmssyCartItemSnapshot, m as CmssyOrderItem, n as CmssyProductVariant } from './commerce-queries-C-qnHDOq.js';
 import { ReactNode } from 'react';
 import '@cmssy/types';
 

package/dist/{commerce-queries-BFnU2_SV.d.cts → commerce-queries-C-qnHDOq.d.cts}

@@ -65,9 +65,14 @@ interface RawLayoutBlock {
     order: number;
     isActive: boolean;
 }
+interface CmssyLayoutSettings {
+    desktopWidth: number | null;
+    mobileBehavior: string;
+}
 interface CmssyLayoutGroup {
     position: string;
     blocks: RawLayoutBlock[];
+    settings?: CmssyLayoutSettings | null;
 }
 declare function normalizeSlug(path: string | string[] | undefined): string;
 declare function fetchPage(config: CmssyClientConfig, path: string | string[] | undefined, options?: FetchPageOptions): Promise<CmssyPageData | null>;
@@ -547,4 +552,4 @@ interface CmssyOrder {
     accessToken?: string | null;
 }
 
-export { PROTOCOL_VERSION as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyBranding as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormField as G, type CmssyFormSettings as H, type CmssyFormSubmitResponse as I, type CmssyLocalizedValue as J, type CmssyModelDefinition as K, type CmssyModelRecord as L, type CmssyOrderDiscount as M, type CmssyOrderTaxSummaryLine as N, type CmssyPageMeta as O, type CmssyPageSummary as P, type CmssyPriceTier as Q, type RawBlock as R, type CmssyRecordList as S, type CmssyShippingMethod as T, type CmssyTaxSummaryLine as U, DEFAULT_CMSSY_API_URL as V, FORM_QUERY as W, type FetchLikeResponse as X, type FetchPageOptions as Y, MODEL_DEFINITIONS_QUERY as Z, MODEL_RECORDS_QUERY as _, type BlockMeta as a, type ParentReadyMessage as a0, type PatchMessage as a1, type RawLayoutBlock as a2, type ReadyMessage as a3, SITE_CONFIG_QUERY as a4, SUBMIT_FORM_MUTATION as a5, type SelectMessage as a6, type SubmitFormInput as a7, blocksToMeta as a8, blocksToSchemas as a9, buildBlockContext as aa, buildBlockMap as ab, defineBlock as ac, fetchLayouts as ad, fetchPage as ae, fetchPageById as af, fetchPageMeta as ag, fetchPages as ah, isProtocolCompatible as ai, normalizeSlug as aj, resolveApiUrl as ak, resolvePublicUrl as al, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyAddress as f, type CmssyCart as g, type CmssyOrder as h, type CmssyProduct as i, type CmssyCartDiscount as j, type CmssyCartItem as k, type CmssyCartItemSnapshot as l, type CmssyOrderItem as m, type CmssyProductVariant as n, type CmssyBlockAuthContext as o, type CmssyBlockWorkspace as p, type FetchLike as q, type CmssyClientConfig as r, type CmssySiteConfig as s, type BlockMap as t, type CmssyBlockContext as u, type BlockRect as v, type BoundsMessage as w, type BuildBlockContextExtra as x, type ClickMessage as y, type CmssyBlockMember as z };
+export { MODEL_RECORDS_QUERY as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyBranding as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormField as G, type CmssyFormSettings as H, type CmssyFormSubmitResponse as I, type CmssyLayoutSettings as J, type CmssyLocalizedValue as K, type CmssyModelDefinition as L, type CmssyModelRecord as M, type CmssyOrderDiscount as N, type CmssyOrderTaxSummaryLine as O, type CmssyPageMeta as P, type CmssyPageSummary as Q, type RawBlock as R, type CmssyPriceTier as S, type CmssyRecordList as T, type CmssyShippingMethod as U, type CmssyTaxSummaryLine as V, DEFAULT_CMSSY_API_URL as W, FORM_QUERY as X, type FetchLikeResponse as Y, type FetchPageOptions as Z, MODEL_DEFINITIONS_QUERY as _, type BlockMeta as a, PROTOCOL_VERSION as a0, type ParentReadyMessage as a1, type PatchMessage as a2, type RawLayoutBlock as a3, type ReadyMessage as a4, SITE_CONFIG_QUERY as a5, SUBMIT_FORM_MUTATION as a6, type SelectMessage as a7, type SubmitFormInput as a8, blocksToMeta as a9, blocksToSchemas as aa, buildBlockContext as ab, buildBlockMap as ac, defineBlock as ad, fetchLayouts as ae, fetchPage as af, fetchPageById as ag, fetchPageMeta as ah, fetchPages as ai, isProtocolCompatible as aj, normalizeSlug as ak, resolveApiUrl as al, resolvePublicUrl as am, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyAddress as f, type CmssyCart as g, type CmssyOrder as h, type CmssyProduct as i, type CmssyCartDiscount as j, type CmssyCartItem as k, type CmssyCartItemSnapshot as l, type CmssyOrderItem as m, type CmssyProductVariant as n, type CmssyBlockAuthContext as o, type CmssyBlockWorkspace as p, type FetchLike as q, type CmssyClientConfig as r, type CmssySiteConfig as s, type BlockMap as t, type CmssyBlockContext as u, type BlockRect as v, type BoundsMessage as w, type BuildBlockContextExtra as x, type ClickMessage as y, type CmssyBlockMember as z };

package/dist/{commerce-queries-BFnU2_SV.d.ts → commerce-queries-C-qnHDOq.d.ts}

@@ -65,9 +65,14 @@ interface RawLayoutBlock {
     order: number;
     isActive: boolean;
 }
+interface CmssyLayoutSettings {
+    desktopWidth: number | null;
+    mobileBehavior: string;
+}
 interface CmssyLayoutGroup {
     position: string;
     blocks: RawLayoutBlock[];
+    settings?: CmssyLayoutSettings | null;
 }
 declare function normalizeSlug(path: string | string[] | undefined): string;
 declare function fetchPage(config: CmssyClientConfig, path: string | string[] | undefined, options?: FetchPageOptions): Promise<CmssyPageData | null>;
@@ -547,4 +552,4 @@ interface CmssyOrder {
     accessToken?: string | null;
 }
 
-export { PROTOCOL_VERSION as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyBranding as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormField as G, type CmssyFormSettings as H, type CmssyFormSubmitResponse as I, type CmssyLocalizedValue as J, type CmssyModelDefinition as K, type CmssyModelRecord as L, type CmssyOrderDiscount as M, type CmssyOrderTaxSummaryLine as N, type CmssyPageMeta as O, type CmssyPageSummary as P, type CmssyPriceTier as Q, type RawBlock as R, type CmssyRecordList as S, type CmssyShippingMethod as T, type CmssyTaxSummaryLine as U, DEFAULT_CMSSY_API_URL as V, FORM_QUERY as W, type FetchLikeResponse as X, type FetchPageOptions as Y, MODEL_DEFINITIONS_QUERY as Z, MODEL_RECORDS_QUERY as _, type BlockMeta as a, type ParentReadyMessage as a0, type PatchMessage as a1, type RawLayoutBlock as a2, type ReadyMessage as a3, SITE_CONFIG_QUERY as a4, SUBMIT_FORM_MUTATION as a5, type SelectMessage as a6, type SubmitFormInput as a7, blocksToMeta as a8, blocksToSchemas as a9, buildBlockContext as aa, buildBlockMap as ab, defineBlock as ac, fetchLayouts as ad, fetchPage as ae, fetchPageById as af, fetchPageMeta as ag, fetchPages as ah, isProtocolCompatible as ai, normalizeSlug as aj, resolveApiUrl as ak, resolvePublicUrl as al, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyAddress as f, type CmssyCart as g, type CmssyOrder as h, type CmssyProduct as i, type CmssyCartDiscount as j, type CmssyCartItem as k, type CmssyCartItemSnapshot as l, type CmssyOrderItem as m, type CmssyProductVariant as n, type CmssyBlockAuthContext as o, type CmssyBlockWorkspace as p, type FetchLike as q, type CmssyClientConfig as r, type CmssySiteConfig as s, type BlockMap as t, type CmssyBlockContext as u, type BlockRect as v, type BoundsMessage as w, type BuildBlockContextExtra as x, type ClickMessage as y, type CmssyBlockMember as z };
+export { MODEL_RECORDS_QUERY as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyBranding as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormField as G, type CmssyFormSettings as H, type CmssyFormSubmitResponse as I, type CmssyLayoutSettings as J, type CmssyLocalizedValue as K, type CmssyModelDefinition as L, type CmssyModelRecord as M, type CmssyOrderDiscount as N, type CmssyOrderTaxSummaryLine as O, type CmssyPageMeta as P, type CmssyPageSummary as Q, type RawBlock as R, type CmssyPriceTier as S, type CmssyRecordList as T, type CmssyShippingMethod as U, type CmssyTaxSummaryLine as V, DEFAULT_CMSSY_API_URL as W, FORM_QUERY as X, type FetchLikeResponse as Y, type FetchPageOptions as Z, MODEL_DEFINITIONS_QUERY as _, type BlockMeta as a, PROTOCOL_VERSION as a0, type ParentReadyMessage as a1, type PatchMessage as a2, type RawLayoutBlock as a3, type ReadyMessage as a4, SITE_CONFIG_QUERY as a5, SUBMIT_FORM_MUTATION as a6, type SelectMessage as a7, type SubmitFormInput as a8, blocksToMeta as a9, blocksToSchemas as aa, buildBlockContext as ab, buildBlockMap as ac, defineBlock as ad, fetchLayouts as ae, fetchPage as af, fetchPageById as ag, fetchPageMeta as ah, fetchPages as ai, isProtocolCompatible as aj, normalizeSlug as ak, resolveApiUrl as al, resolvePublicUrl as am, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyAddress as f, type CmssyCart as g, type CmssyOrder as h, type CmssyProduct as i, type CmssyCartDiscount as j, type CmssyCartItem as k, type CmssyCartItemSnapshot as l, type CmssyOrderItem as m, type CmssyProductVariant as n, type CmssyBlockAuthContext as o, type CmssyBlockWorkspace as p, type FetchLike as q, type CmssyClientConfig as r, type CmssySiteConfig as s, type BlockMap as t, type CmssyBlockContext as u, type BlockRect as v, type BoundsMessage as w, type BuildBlockContextExtra as x, type ClickMessage as y, type CmssyBlockMember as z };

package/dist/index.cjs

@@ -78,6 +78,21 @@ function blocksToMeta(blocks, defaults = {}) {
   return out;
 }
 
+// src/components/block-context.ts
+function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview, forms, extra) {
+  return {
+    locale: {
+      current: locale,
+      default: defaultLocale,
+      enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
+    },
+    isPreview: isPreview ?? false,
+    forms,
+    ...extra?.auth ? { auth: extra.auth } : {},
+    ...extra?.workspace ? { workspace: extra.workspace } : {}
+  };
+}
+
 // src/content/get-block-content.ts
 function isPlainObject(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -104,21 +119,6 @@ function getBlockContentForLanguage(content, locale, defaultLocale = "en", avail
 function asBucket(value) {
   return isPlainObject(value) ? value : {};
 }
-
-// src/components/block-context.ts
-function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview, forms, extra) {
-  return {
-    locale: {
-      current: locale,
-      default: defaultLocale,
-      enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
-    },
-    isPreview: isPreview ?? false,
-    forms,
-    ...extra?.auth ? { auth: extra.auth } : {},
-    ...extra?.workspace ? { workspace: extra.workspace } : {}
-  };
-}
 var WARN_CAP = 256;
 var warned = /* @__PURE__ */ new Set();
 function UnknownBlock({ type }) {
@@ -155,29 +155,11 @@ function renderResolvedBlock(block, map, locale, defaultLocale, options = {}) {
     block.id
   );
 }
-async function CmssyServerPage({
-  page,
-  blocks,
-  locale = "en",
-  defaultLocale = "en",
-  enabledLocales,
-  forms,
-  auth,
-  workspace
-}) {
-  if (!page) return null;
-  const map = buildBlockMap(blocks);
-  const loaderMap = buildLoaderMap(blocks);
-  const context = buildBlockContext(
-    locale,
-    defaultLocale,
-    enabledLocales,
-    false,
-    forms,
-    { auth, workspace }
-  );
-  const resolved = await Promise.all(
-    page.blocks.map(async (block) => {
+
+// src/components/resolve-blocks.ts
+async function resolveBlocks(blocks, loaderMap, locale, defaultLocale, context, enabledLocales) {
+  return Promise.all(
+    blocks.map(async (block) => {
       const content = getBlockContentForLanguage(
         block.content,
         locale,
@@ -201,6 +183,36 @@ async function CmssyServerPage({
       return { content, data };
     })
   );
+}
+async function CmssyServerPage({
+  page,
+  blocks,
+  locale = "en",
+  defaultLocale = "en",
+  enabledLocales,
+  forms,
+  auth,
+  workspace
+}) {
+  if (!page) return null;
+  const map = buildBlockMap(blocks);
+  const loaderMap = buildLoaderMap(blocks);
+  const context = buildBlockContext(
+    locale,
+    defaultLocale,
+    enabledLocales,
+    false,
+    forms,
+    { auth, workspace }
+  );
+  const resolved = await resolveBlocks(
+    page.blocks,
+    loaderMap,
+    locale,
+    defaultLocale,
+    context,
+    enabledLocales
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: page.blocks.map(
     (block, i) => renderResolvedBlock(block, map, locale, defaultLocale, {
       context,
@@ -210,7 +222,7 @@ async function CmssyServerPage({
     })
   ) });
 }
-function CmssyServerLayout({
+async function CmssyServerLayout({
   groups,
   blocks,
   position,
@@ -222,10 +234,21 @@ function CmssyServerLayout({
   const layoutBlocks = group ? group.blocks.filter((b) => b.isActive).slice().sort((a, b) => a.order - b.order) : [];
   if (layoutBlocks.length === 0) return null;
   const map = buildBlockMap(blocks);
+  const loaderMap = buildLoaderMap(blocks);
   const context = buildBlockContext(locale, defaultLocale, enabledLocales);
+  const resolved = await resolveBlocks(
+    layoutBlocks,
+    loaderMap,
+    locale,
+    defaultLocale,
+    context,
+    enabledLocales
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: layoutBlocks.map(
-    (block) => renderResolvedBlock(block, map, locale, defaultLocale, {
+    (block, i) => renderResolvedBlock(block, map, locale, defaultLocale, {
       context,
+      data: resolved[i]?.data,
+      resolvedContent: resolved[i]?.content,
       enabledLocales
     })
   ) });
@@ -395,6 +418,7 @@ var PUBLIC_PAGE_LAYOUTS_QUERY = `query PublicPageLayouts($workspaceSlug: String!
       layouts(workspaceSlug: $workspaceSlug, pageSlug: $pageSlug, previewSecret: $previewSecret) {
         position
         blocks { id type content style advanced order isActive }
+        settings { desktopWidth mobileBehavior }
       }
     }
   }

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, o as CmssyBlockAuthContext, p as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, q as FetchLike, r as CmssyClientConfig, s as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, t as BlockMap, u as CmssyBlockContext } from './commerce-queries-BFnU2_SV.cjs';
-export { a as BlockMeta, v as BlockRect, B as BlockSchema, w as BoundsMessage, x as BuildBlockContextExtra, y as ClickMessage, f as CmssyAddress, z as CmssyBlockMember, D as CmssyBranding, g as CmssyCart, j as CmssyCartDiscount, k as CmssyCartItem, l as CmssyCartItemSnapshot, G as CmssyFormField, H as CmssyFormSettings, I as CmssyFormSubmitResponse, J as CmssyLocalizedValue, K as CmssyModelDefinition, L as CmssyModelRecord, h as CmssyOrder, M as CmssyOrderDiscount, m as CmssyOrderItem, N as CmssyOrderTaxSummaryLine, O as CmssyPageMeta, P as CmssyPageSummary, Q as CmssyPriceTier, i as CmssyProduct, n as CmssyProductVariant, S as CmssyRecordList, T as CmssyShippingMethod, U as CmssyTaxSummaryLine, V as DEFAULT_CMSSY_API_URL, W as FORM_QUERY, X as FetchLikeResponse, Y as FetchPageOptions, Z as MODEL_DEFINITIONS_QUERY, _ as MODEL_RECORDS_QUERY, $ as PROTOCOL_VERSION, a0 as ParentReadyMessage, a1 as PatchMessage, a2 as RawLayoutBlock, a3 as ReadyMessage, a4 as SITE_CONFIG_QUERY, a5 as SUBMIT_FORM_MUTATION, a6 as SelectMessage, a7 as SubmitFormInput, a8 as blocksToMeta, a9 as blocksToSchemas, aa as buildBlockContext, ab as buildBlockMap, ac as defineBlock, ad as fetchLayouts, ae as fetchPage, af as fetchPageById, ag as fetchPageMeta, ah as fetchPages, ai as isProtocolCompatible, aj as normalizeSlug, ak as resolveApiUrl, al as resolvePublicUrl } from './commerce-queries-BFnU2_SV.cjs';
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, o as CmssyBlockAuthContext, p as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, q as FetchLike, r as CmssyClientConfig, s as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, t as BlockMap, u as CmssyBlockContext } from './commerce-queries-C-qnHDOq.cjs';
+export { a as BlockMeta, v as BlockRect, B as BlockSchema, w as BoundsMessage, x as BuildBlockContextExtra, y as ClickMessage, f as CmssyAddress, z as CmssyBlockMember, D as CmssyBranding, g as CmssyCart, j as CmssyCartDiscount, k as CmssyCartItem, l as CmssyCartItemSnapshot, G as CmssyFormField, H as CmssyFormSettings, I as CmssyFormSubmitResponse, J as CmssyLayoutSettings, K as CmssyLocalizedValue, L as CmssyModelDefinition, M as CmssyModelRecord, h as CmssyOrder, N as CmssyOrderDiscount, m as CmssyOrderItem, O as CmssyOrderTaxSummaryLine, P as CmssyPageMeta, Q as CmssyPageSummary, S as CmssyPriceTier, i as CmssyProduct, n as CmssyProductVariant, T as CmssyRecordList, U as CmssyShippingMethod, V as CmssyTaxSummaryLine, W as DEFAULT_CMSSY_API_URL, X as FORM_QUERY, Y as FetchLikeResponse, Z as FetchPageOptions, _ as MODEL_DEFINITIONS_QUERY, $ as MODEL_RECORDS_QUERY, a0 as PROTOCOL_VERSION, a1 as ParentReadyMessage, a2 as PatchMessage, a3 as RawLayoutBlock, a4 as ReadyMessage, a5 as SITE_CONFIG_QUERY, a6 as SUBMIT_FORM_MUTATION, a7 as SelectMessage, a8 as SubmitFormInput, a9 as blocksToMeta, aa as blocksToSchemas, ab as buildBlockContext, ac as buildBlockMap, ad as defineBlock, ae as fetchLayouts, af as fetchPage, ag as fetchPageById, ah as fetchPageMeta, ai as fetchPages, aj as isProtocolCompatible, ak as normalizeSlug, al as resolveApiUrl, am as resolvePublicUrl } from './commerce-queries-C-qnHDOq.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, FieldType, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';
@@ -61,7 +61,12 @@ interface CmssyServerLayoutProps {
     /** All languages enabled on the workspace; exposed to blocks via context.locale.enabled. */
     enabledLocales?: string[];
 }
-declare function CmssyServerLayout({ groups, blocks, position, locale, defaultLocale, enabledLocales, }: CmssyServerLayoutProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Async React Server Component. Like CmssyServerPage it runs each block's
+ * loader server-side before rendering, so a header block can list categories
+ * the same way a page block can. Must be rendered in a server component tree.
+ */
+declare function CmssyServerLayout({ groups, blocks, position, locale, defaultLocale, enabledLocales, }: CmssyServerLayoutProps): Promise<react_jsx_runtime.JSX.Element | null>;
 
 interface PostTarget {
     postMessage: (message: unknown, targetOrigin: string) => void;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, o as CmssyBlockAuthContext, p as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, q as FetchLike, r as CmssyClientConfig, s as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, t as BlockMap, u as CmssyBlockContext } from './commerce-queries-BFnU2_SV.js';
-export { a as BlockMeta, v as BlockRect, B as BlockSchema, w as BoundsMessage, x as BuildBlockContextExtra, y as ClickMessage, f as CmssyAddress, z as CmssyBlockMember, D as CmssyBranding, g as CmssyCart, j as CmssyCartDiscount, k as CmssyCartItem, l as CmssyCartItemSnapshot, G as CmssyFormField, H as CmssyFormSettings, I as CmssyFormSubmitResponse, J as CmssyLocalizedValue, K as CmssyModelDefinition, L as CmssyModelRecord, h as CmssyOrder, M as CmssyOrderDiscount, m as CmssyOrderItem, N as CmssyOrderTaxSummaryLine, O as CmssyPageMeta, P as CmssyPageSummary, Q as CmssyPriceTier, i as CmssyProduct, n as CmssyProductVariant, S as CmssyRecordList, T as CmssyShippingMethod, U as CmssyTaxSummaryLine, V as DEFAULT_CMSSY_API_URL, W as FORM_QUERY, X as FetchLikeResponse, Y as FetchPageOptions, Z as MODEL_DEFINITIONS_QUERY, _ as MODEL_RECORDS_QUERY, $ as PROTOCOL_VERSION, a0 as ParentReadyMessage, a1 as PatchMessage, a2 as RawLayoutBlock, a3 as ReadyMessage, a4 as SITE_CONFIG_QUERY, a5 as SUBMIT_FORM_MUTATION, a6 as SelectMessage, a7 as SubmitFormInput, a8 as blocksToMeta, a9 as blocksToSchemas, aa as buildBlockContext, ab as buildBlockMap, ac as defineBlock, ad as fetchLayouts, ae as fetchPage, af as fetchPageById, ag as fetchPageMeta, ah as fetchPages, ai as isProtocolCompatible, aj as normalizeSlug, ak as resolveApiUrl, al as resolvePublicUrl } from './commerce-queries-BFnU2_SV.js';
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, o as CmssyBlockAuthContext, p as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, q as FetchLike, r as CmssyClientConfig, s as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, t as BlockMap, u as CmssyBlockContext } from './commerce-queries-C-qnHDOq.js';
+export { a as BlockMeta, v as BlockRect, B as BlockSchema, w as BoundsMessage, x as BuildBlockContextExtra, y as ClickMessage, f as CmssyAddress, z as CmssyBlockMember, D as CmssyBranding, g as CmssyCart, j as CmssyCartDiscount, k as CmssyCartItem, l as CmssyCartItemSnapshot, G as CmssyFormField, H as CmssyFormSettings, I as CmssyFormSubmitResponse, J as CmssyLayoutSettings, K as CmssyLocalizedValue, L as CmssyModelDefinition, M as CmssyModelRecord, h as CmssyOrder, N as CmssyOrderDiscount, m as CmssyOrderItem, O as CmssyOrderTaxSummaryLine, P as CmssyPageMeta, Q as CmssyPageSummary, S as CmssyPriceTier, i as CmssyProduct, n as CmssyProductVariant, T as CmssyRecordList, U as CmssyShippingMethod, V as CmssyTaxSummaryLine, W as DEFAULT_CMSSY_API_URL, X as FORM_QUERY, Y as FetchLikeResponse, Z as FetchPageOptions, _ as MODEL_DEFINITIONS_QUERY, $ as MODEL_RECORDS_QUERY, a0 as PROTOCOL_VERSION, a1 as ParentReadyMessage, a2 as PatchMessage, a3 as RawLayoutBlock, a4 as ReadyMessage, a5 as SITE_CONFIG_QUERY, a6 as SUBMIT_FORM_MUTATION, a7 as SelectMessage, a8 as SubmitFormInput, a9 as blocksToMeta, aa as blocksToSchemas, ab as buildBlockContext, ac as buildBlockMap, ad as defineBlock, ae as fetchLayouts, af as fetchPage, ag as fetchPageById, ah as fetchPageMeta, ai as fetchPages, aj as isProtocolCompatible, ak as normalizeSlug, al as resolveApiUrl, am as resolvePublicUrl } from './commerce-queries-C-qnHDOq.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, FieldType, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';
@@ -61,7 +61,12 @@ interface CmssyServerLayoutProps {
     /** All languages enabled on the workspace; exposed to blocks via context.locale.enabled. */
     enabledLocales?: string[];
 }
-declare function CmssyServerLayout({ groups, blocks, position, locale, defaultLocale, enabledLocales, }: CmssyServerLayoutProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Async React Server Component. Like CmssyServerPage it runs each block's
+ * loader server-side before rendering, so a header block can list categories
+ * the same way a page block can. Must be rendered in a server component tree.
+ */
+declare function CmssyServerLayout({ groups, blocks, position, locale, defaultLocale, enabledLocales, }: CmssyServerLayoutProps): Promise<react_jsx_runtime.JSX.Element | null>;
 
 interface PostTarget {
     postMessage: (message: unknown, targetOrigin: string) => void;

package/dist/index.js

@@ -76,6 +76,21 @@ function blocksToMeta(blocks, defaults = {}) {
   return out;
 }
 
+// src/components/block-context.ts
+function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview, forms, extra) {
+  return {
+    locale: {
+      current: locale,
+      default: defaultLocale,
+      enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
+    },
+    isPreview: isPreview ?? false,
+    forms,
+    ...extra?.auth ? { auth: extra.auth } : {},
+    ...extra?.workspace ? { workspace: extra.workspace } : {}
+  };
+}
+
 // src/content/get-block-content.ts
 function isPlainObject(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -102,21 +117,6 @@ function getBlockContentForLanguage(content, locale, defaultLocale = "en", avail
 function asBucket(value) {
   return isPlainObject(value) ? value : {};
 }
-
-// src/components/block-context.ts
-function buildBlockContext(locale, defaultLocale, enabledLocales, isPreview, forms, extra) {
-  return {
-    locale: {
-      current: locale,
-      default: defaultLocale,
-      enabled: enabledLocales && enabledLocales.length > 0 ? enabledLocales : Array.from(/* @__PURE__ */ new Set([defaultLocale, locale]))
-    },
-    isPreview: isPreview ?? false,
-    forms,
-    ...extra?.auth ? { auth: extra.auth } : {},
-    ...extra?.workspace ? { workspace: extra.workspace } : {}
-  };
-}
 var WARN_CAP = 256;
 var warned = /* @__PURE__ */ new Set();
 function UnknownBlock({ type }) {
@@ -153,29 +153,11 @@ function renderResolvedBlock(block, map, locale, defaultLocale, options = {}) {
     block.id
   );
 }
-async function CmssyServerPage({
-  page,
-  blocks,
-  locale = "en",
-  defaultLocale = "en",
-  enabledLocales,
-  forms,
-  auth,
-  workspace
-}) {
-  if (!page) return null;
-  const map = buildBlockMap(blocks);
-  const loaderMap = buildLoaderMap(blocks);
-  const context = buildBlockContext(
-    locale,
-    defaultLocale,
-    enabledLocales,
-    false,
-    forms,
-    { auth, workspace }
-  );
-  const resolved = await Promise.all(
-    page.blocks.map(async (block) => {
+
+// src/components/resolve-blocks.ts
+async function resolveBlocks(blocks, loaderMap, locale, defaultLocale, context, enabledLocales) {
+  return Promise.all(
+    blocks.map(async (block) => {
       const content = getBlockContentForLanguage(
         block.content,
         locale,
@@ -199,6 +181,36 @@ async function CmssyServerPage({
       return { content, data };
     })
   );
+}
+async function CmssyServerPage({
+  page,
+  blocks,
+  locale = "en",
+  defaultLocale = "en",
+  enabledLocales,
+  forms,
+  auth,
+  workspace
+}) {
+  if (!page) return null;
+  const map = buildBlockMap(blocks);
+  const loaderMap = buildLoaderMap(blocks);
+  const context = buildBlockContext(
+    locale,
+    defaultLocale,
+    enabledLocales,
+    false,
+    forms,
+    { auth, workspace }
+  );
+  const resolved = await resolveBlocks(
+    page.blocks,
+    loaderMap,
+    locale,
+    defaultLocale,
+    context,
+    enabledLocales
+  );
   return /* @__PURE__ */ jsx(Fragment, { children: page.blocks.map(
     (block, i) => renderResolvedBlock(block, map, locale, defaultLocale, {
       context,
@@ -208,7 +220,7 @@ async function CmssyServerPage({
     })
   ) });
 }
-function CmssyServerLayout({
+async function CmssyServerLayout({
   groups,
   blocks,
   position,
@@ -220,10 +232,21 @@ function CmssyServerLayout({
   const layoutBlocks = group ? group.blocks.filter((b) => b.isActive).slice().sort((a, b) => a.order - b.order) : [];
   if (layoutBlocks.length === 0) return null;
   const map = buildBlockMap(blocks);
+  const loaderMap = buildLoaderMap(blocks);
   const context = buildBlockContext(locale, defaultLocale, enabledLocales);
+  const resolved = await resolveBlocks(
+    layoutBlocks,
+    loaderMap,
+    locale,
+    defaultLocale,
+    context,
+    enabledLocales
+  );
   return /* @__PURE__ */ jsx(Fragment, { children: layoutBlocks.map(
-    (block) => renderResolvedBlock(block, map, locale, defaultLocale, {
+    (block, i) => renderResolvedBlock(block, map, locale, defaultLocale, {
       context,
+      data: resolved[i]?.data,
+      resolvedContent: resolved[i]?.content,
       enabledLocales
     })
   ) });
@@ -393,6 +416,7 @@ var PUBLIC_PAGE_LAYOUTS_QUERY = `query PublicPageLayouts($workspaceSlug: String!
       layouts(workspaceSlug: $workspaceSlug, pageSlug: $pageSlug, previewSecret: $previewSecret) {
         position
         blocks { id type content style advanced order isActive }
+        settings { desktopWidth mobileBehavior }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/react",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "description": "React blocks, renderers, data client and editor bridge for cmssy headless sites",
   "keywords": [
     "cmssy",