@cmssy/react 16.9.1 → 16.10.0

package/dist/index.cjs

@@ -639,6 +639,159 @@ function CmssyBlock({
     )
   );
 }
+function CmssyBlocks({
+  page,
+  blocks,
+  locale,
+  defaultLocale,
+  enabledLocales,
+  blockData,
+  blockContent,
+  pageContext,
+  forms,
+  auth,
+  workspace,
+  appContext,
+  isPreview = false,
+  editMode = false
+}) {
+  if (!page) return null;
+  const blockMap = buildBlockMap(blocks);
+  const context = internal.buildBlockContext(
+    locale,
+    defaultLocale,
+    enabledLocales,
+    isPreview,
+    forms,
+    { page: pageContext, auth, workspace, app: appContext }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (page.blocks ?? []).map((block) => /* @__PURE__ */ jsxRuntime.jsx(
+    CmssyBlock,
+    {
+      block,
+      blockMap,
+      locale,
+      defaultLocale,
+      context,
+      editMode,
+      resolvedContent: blockContent?.[block.id],
+      data: blockData?.[block.id]
+    },
+    block.id
+  )) });
+}
+function CmssyLayoutRegion({
+  groups,
+  region,
+  blocks,
+  locale,
+  defaultLocale,
+  enabledLocales,
+  page,
+  blockData,
+  blockContent,
+  forms,
+  appContext,
+  isPreview = false,
+  editMode = false
+}) {
+  const group = groups.find((candidate) => candidate.region === region);
+  const regionBlocks = group ? group.blocks.filter((block) => block.isActive !== false).slice().sort((a, b) => (a.order ?? 0) - (b.order ?? 0)) : [];
+  if (regionBlocks.length === 0) return null;
+  const blockMap = buildBlockMap(blocks);
+  const context = internal.buildBlockContext(
+    locale,
+    defaultLocale,
+    enabledLocales,
+    isPreview,
+    forms,
+    { page, app: appContext }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: regionBlocks.map((block) => /* @__PURE__ */ jsxRuntime.jsx(
+    CmssyBlock,
+    {
+      block,
+      blockMap,
+      locale,
+      defaultLocale,
+      context,
+      layoutRegion: region,
+      editMode,
+      resolvedContent: blockContent?.[block.id],
+      data: blockData?.[block.id]
+    },
+    block.id
+  )) });
+}
+async function loadCmssyRoute(config, options) {
+  const {
+    blocks,
+    path,
+    locale,
+    forms,
+    appContext,
+    previewSecret,
+    isPreview = false,
+    retry,
+    fetch: fetchImpl
+  } = options;
+  const regions = options.regions ?? internal.layoutRegionIds(config.layout);
+  const firstRegion = regions[0] ?? "header";
+  const slot = await resolveCmssyLayoutSlot(config, {
+    region: firstRegion,
+    blocks,
+    editMode: false,
+    preview: isPreview,
+    forms,
+    appContext,
+    retry,
+    ...fetchImpl ? { fetch: fetchImpl } : {},
+    path: path ?? [],
+    ...locale === void 0 ? {} : { locale }
+  });
+  const secret = previewSecret ?? (isPreview ? config.draftSecret : void 0);
+  const page = await internal.fetchPage(config, slot.path, {
+    ...secret ? { previewSecret: secret } : {},
+    ...retry === void 0 ? {} : { retry },
+    ...fetchImpl ? { fetch: fetchImpl } : {}
+  });
+  const shared = {
+    blocks,
+    locale: slot.locale,
+    defaultLocale: slot.defaultLocale,
+    enabledLocales: slot.enabledLocales,
+    forms,
+    isPreview,
+    config,
+    appContext
+  };
+  const [pageBlocks, ...layoutBlocks] = await Promise.all([
+    resolveEditorBlockData({ ...shared, page }),
+    ...regions.map(
+      (region) => resolveEditorLayoutBlockData({
+        ...shared,
+        groups: slot.groups,
+        page: slot.page,
+        region
+      })
+    )
+  ]);
+  return {
+    page,
+    layouts: slot.groups,
+    pageContext: slot.page,
+    locale: slot.locale,
+    defaultLocale: slot.defaultLocale,
+    enabledLocales: slot.enabledLocales,
+    path: slot.path,
+    blockData: pageBlocks.data,
+    blockContent: pageBlocks.content,
+    layoutData: Object.fromEntries(
+      regions.map((region, index) => [region, layoutBlocks[index]])
+    ),
+    regions
+  };
+}
 var MAX_BLOCKS = 50;
 function parseBlockDataRequest(body) {
   if (typeof body !== "object" || body === null) {
@@ -830,6 +983,8 @@ Object.defineProperty(exports, "buildBlockContext", {
   get: function () { return internal.buildBlockContext; }
 });
 exports.CmssyBlock = CmssyBlock;
+exports.CmssyBlocks = CmssyBlocks;
+exports.CmssyLayoutRegion = CmssyLayoutRegion;
 exports.CmssyServerLayout = CmssyServerLayout;
 exports.CmssyServerPage = CmssyServerPage;
 exports.UnknownBlock = UnknownBlock;
@@ -837,6 +992,7 @@ exports.buildBlockMap = buildBlockMap;
 exports.createBlockDataHandler = createBlockDataHandler;
 exports.defineBlock = defineBlock;
 exports.handleBlockDataRequest = handleBlockDataRequest;
+exports.loadCmssyRoute = loadCmssyRoute;
 exports.parseBlockDataRequest = parseBlockDataRequest;
 exports.resolveBlockDataRequest = resolveBlockDataRequest;
 exports.resolveCmssyLayout = resolveCmssyLayout;

package/dist/index.d.cts

@@ -7,6 +7,7 @@ export { FieldCondition, FieldConditionGroup, FieldConditionLogic } from '@cmssy
 export { buildBlockContext } from '@cmssy/core/internal';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactElement, ComponentType } from 'react';
+export { C as CmssyRouteConfig, a as CmssyRouteData, L as LoadCmssyRouteOptions, l as loadCmssyRoute } from './load-cmssy-route-BjUMTpOJ.cjs';
 export { CmssyBlockDataHandlerOptions, CmssyBlockDataRequest, CmssyBlockDataRequestBlock, CmssyBlockDataRequestPage, CmssyBlockDataResult, ResolveBlockDataRequestOptions, createBlockDataHandler, handleBlockDataRequest, parseBlockDataRequest, resolveBlockDataRequest } from './internal-server.cjs';
 
 interface CmssyServerPageProps {
@@ -101,6 +102,41 @@ interface CmssyServerLayoutProps {
 }
 declare function CmssyServerLayout({ groups, blocks, region, page, locale: localeProp, defaultLocale: defaultLocaleProp, enabledLocales: enabledLocalesProp, config, appContext, editMode, preview, }: CmssyServerLayoutProps): Promise<react_jsx_runtime.JSX.Element | null>;
 
+interface CmssyBlocksProps {
+    page: CmssyPageData | null;
+    blocks: BlockDefinition[];
+    locale: string;
+    defaultLocale: string;
+    enabledLocales?: string[];
+    blockData?: Record<string, unknown>;
+    blockContent?: Record<string, Record<string, unknown>>;
+    pageContext?: CmssyBlockPage;
+    forms?: Record<string, CmssyFormDefinition>;
+    auth?: CmssyBlockAuthContext;
+    workspace?: CmssyBlockWorkspace;
+    appContext?: Record<string, unknown>;
+    isPreview?: boolean;
+    editMode?: boolean;
+}
+declare function CmssyBlocks({ page, blocks, locale, defaultLocale, enabledLocales, blockData, blockContent, pageContext, forms, auth, workspace, appContext, isPreview, editMode, }: CmssyBlocksProps): react_jsx_runtime.JSX.Element | null;
+
+interface CmssyLayoutRegionProps {
+    groups: CmssyLayoutGroup[];
+    region: string;
+    blocks: BlockDefinition[];
+    locale: string;
+    defaultLocale: string;
+    enabledLocales?: string[];
+    page?: CmssyBlockPage;
+    blockData?: Record<string, unknown>;
+    blockContent?: Record<string, Record<string, unknown>>;
+    forms?: Record<string, CmssyFormDefinition>;
+    appContext?: Record<string, unknown>;
+    isPreview?: boolean;
+    editMode?: boolean;
+}
+declare function CmssyLayoutRegion({ groups, region, blocks, locale, defaultLocale, enabledLocales, page, blockData, blockContent, forms, appContext, isPreview, editMode, }: CmssyLayoutRegionProps): react_jsx_runtime.JSX.Element | null;
+
 interface CmssyBlockProps {
     block: RawBlock;
     locale: string;
@@ -124,4 +160,4 @@ interface UnknownBlockProps {
 }
 declare function UnknownBlock({ type }: UnknownBlockProps): react_jsx_runtime.JSX.Element;
 
-export { BlockDefinition, BlockMap, CmssyBlock, type CmssyBlockProps, type CmssyLayoutEditableProps, type CmssyLayoutResolution, type CmssyLayoutSlotLocaleSource, type CmssyLayoutSlotResolution, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, LayoutBlockPage, type ResolveCmssyLayoutOptions, type ResolveCmssyLayoutSlotOptions, UnknownBlock, type UnknownBlockProps, resolveCmssyLayout, resolveCmssyLayoutSlot };
+export { BlockDefinition, BlockMap, CmssyBlock, type CmssyBlockProps, CmssyBlocks, type CmssyBlocksProps, type CmssyLayoutEditableProps, CmssyLayoutRegion, type CmssyLayoutRegionProps, type CmssyLayoutResolution, type CmssyLayoutSlotLocaleSource, type CmssyLayoutSlotResolution, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, LayoutBlockPage, type ResolveCmssyLayoutOptions, type ResolveCmssyLayoutSlotOptions, UnknownBlock, type UnknownBlockProps, resolveCmssyLayout, resolveCmssyLayoutSlot };

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { FieldCondition, FieldConditionGroup, FieldConditionLogic } from '@cmssy
 export { buildBlockContext } from '@cmssy/core/internal';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactElement, ComponentType } from 'react';
+export { C as CmssyRouteConfig, a as CmssyRouteData, L as LoadCmssyRouteOptions, l as loadCmssyRoute } from './load-cmssy-route-C9FPwUSB.js';
 export { CmssyBlockDataHandlerOptions, CmssyBlockDataRequest, CmssyBlockDataRequestBlock, CmssyBlockDataRequestPage, CmssyBlockDataResult, ResolveBlockDataRequestOptions, createBlockDataHandler, handleBlockDataRequest, parseBlockDataRequest, resolveBlockDataRequest } from './internal-server.js';
 
 interface CmssyServerPageProps {
@@ -101,6 +102,41 @@ interface CmssyServerLayoutProps {
 }
 declare function CmssyServerLayout({ groups, blocks, region, page, locale: localeProp, defaultLocale: defaultLocaleProp, enabledLocales: enabledLocalesProp, config, appContext, editMode, preview, }: CmssyServerLayoutProps): Promise<react_jsx_runtime.JSX.Element | null>;
 
+interface CmssyBlocksProps {
+    page: CmssyPageData | null;
+    blocks: BlockDefinition[];
+    locale: string;
+    defaultLocale: string;
+    enabledLocales?: string[];
+    blockData?: Record<string, unknown>;
+    blockContent?: Record<string, Record<string, unknown>>;
+    pageContext?: CmssyBlockPage;
+    forms?: Record<string, CmssyFormDefinition>;
+    auth?: CmssyBlockAuthContext;
+    workspace?: CmssyBlockWorkspace;
+    appContext?: Record<string, unknown>;
+    isPreview?: boolean;
+    editMode?: boolean;
+}
+declare function CmssyBlocks({ page, blocks, locale, defaultLocale, enabledLocales, blockData, blockContent, pageContext, forms, auth, workspace, appContext, isPreview, editMode, }: CmssyBlocksProps): react_jsx_runtime.JSX.Element | null;
+
+interface CmssyLayoutRegionProps {
+    groups: CmssyLayoutGroup[];
+    region: string;
+    blocks: BlockDefinition[];
+    locale: string;
+    defaultLocale: string;
+    enabledLocales?: string[];
+    page?: CmssyBlockPage;
+    blockData?: Record<string, unknown>;
+    blockContent?: Record<string, Record<string, unknown>>;
+    forms?: Record<string, CmssyFormDefinition>;
+    appContext?: Record<string, unknown>;
+    isPreview?: boolean;
+    editMode?: boolean;
+}
+declare function CmssyLayoutRegion({ groups, region, blocks, locale, defaultLocale, enabledLocales, page, blockData, blockContent, forms, appContext, isPreview, editMode, }: CmssyLayoutRegionProps): react_jsx_runtime.JSX.Element | null;
+
 interface CmssyBlockProps {
     block: RawBlock;
     locale: string;
@@ -124,4 +160,4 @@ interface UnknownBlockProps {
 }
 declare function UnknownBlock({ type }: UnknownBlockProps): react_jsx_runtime.JSX.Element;
 
-export { BlockDefinition, BlockMap, CmssyBlock, type CmssyBlockProps, type CmssyLayoutEditableProps, type CmssyLayoutResolution, type CmssyLayoutSlotLocaleSource, type CmssyLayoutSlotResolution, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, LayoutBlockPage, type ResolveCmssyLayoutOptions, type ResolveCmssyLayoutSlotOptions, UnknownBlock, type UnknownBlockProps, resolveCmssyLayout, resolveCmssyLayoutSlot };
+export { BlockDefinition, BlockMap, CmssyBlock, type CmssyBlockProps, CmssyBlocks, type CmssyBlocksProps, type CmssyLayoutEditableProps, CmssyLayoutRegion, type CmssyLayoutRegionProps, type CmssyLayoutResolution, type CmssyLayoutSlotLocaleSource, type CmssyLayoutSlotResolution, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, LayoutBlockPage, type ResolveCmssyLayoutOptions, type ResolveCmssyLayoutSlotOptions, UnknownBlock, type UnknownBlockProps, resolveCmssyLayout, resolveCmssyLayoutSlot };

package/dist/index.js

@@ -1,6 +1,6 @@
 import { blocksToSchemas, resolveEditorOrigin, verifyCmssyEditToken, CMSSY_EDIT_TOKEN_HEADER } from '@cmssy/core';
 export { CmssyRequestError, PROTOCOL_VERSION, createCmssyClient, defineCmssyLayout, fields, graphqlRequest, isProtocolCompatible, mediaAlt, mediaUrl, mediaUrls, normalizeOrigin, parseEditorMessage, postToEditor } from '@cmssy/core';
-import { buildBlockContext, fetchLayouts, normalizeBlockContent, asBucket, resolveSiteLocales as resolveSiteLocales$1, getBlockContentForLanguage, resolveRelationContent } from '@cmssy/core/internal';
+import { buildBlockContext, fetchLayouts, normalizeBlockContent, asBucket, layoutRegionIds, fetchPage, resolveSiteLocales as resolveSiteLocales$1, getBlockContentForLanguage, resolveRelationContent } from '@cmssy/core/internal';
 export { buildBlockContext } from '@cmssy/core/internal';
 import { createElement } from 'react';
 import { BlockErrorBoundary } from '@cmssy/react/block-error-boundary';
@@ -639,6 +639,159 @@ function CmssyBlock({
     )
   );
 }
+function CmssyBlocks({
+  page,
+  blocks,
+  locale,
+  defaultLocale,
+  enabledLocales,
+  blockData,
+  blockContent,
+  pageContext,
+  forms,
+  auth,
+  workspace,
+  appContext,
+  isPreview = false,
+  editMode = false
+}) {
+  if (!page) return null;
+  const blockMap = buildBlockMap(blocks);
+  const context = buildBlockContext(
+    locale,
+    defaultLocale,
+    enabledLocales,
+    isPreview,
+    forms,
+    { page: pageContext, auth, workspace, app: appContext }
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: (page.blocks ?? []).map((block) => /* @__PURE__ */ jsx(
+    CmssyBlock,
+    {
+      block,
+      blockMap,
+      locale,
+      defaultLocale,
+      context,
+      editMode,
+      resolvedContent: blockContent?.[block.id],
+      data: blockData?.[block.id]
+    },
+    block.id
+  )) });
+}
+function CmssyLayoutRegion({
+  groups,
+  region,
+  blocks,
+  locale,
+  defaultLocale,
+  enabledLocales,
+  page,
+  blockData,
+  blockContent,
+  forms,
+  appContext,
+  isPreview = false,
+  editMode = false
+}) {
+  const group = groups.find((candidate) => candidate.region === region);
+  const regionBlocks = group ? group.blocks.filter((block) => block.isActive !== false).slice().sort((a, b) => (a.order ?? 0) - (b.order ?? 0)) : [];
+  if (regionBlocks.length === 0) return null;
+  const blockMap = buildBlockMap(blocks);
+  const context = buildBlockContext(
+    locale,
+    defaultLocale,
+    enabledLocales,
+    isPreview,
+    forms,
+    { page, app: appContext }
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: regionBlocks.map((block) => /* @__PURE__ */ jsx(
+    CmssyBlock,
+    {
+      block,
+      blockMap,
+      locale,
+      defaultLocale,
+      context,
+      layoutRegion: region,
+      editMode,
+      resolvedContent: blockContent?.[block.id],
+      data: blockData?.[block.id]
+    },
+    block.id
+  )) });
+}
+async function loadCmssyRoute(config, options) {
+  const {
+    blocks,
+    path,
+    locale,
+    forms,
+    appContext,
+    previewSecret,
+    isPreview = false,
+    retry,
+    fetch: fetchImpl
+  } = options;
+  const regions = options.regions ?? layoutRegionIds(config.layout);
+  const firstRegion = regions[0] ?? "header";
+  const slot = await resolveCmssyLayoutSlot(config, {
+    region: firstRegion,
+    blocks,
+    editMode: false,
+    preview: isPreview,
+    forms,
+    appContext,
+    retry,
+    ...fetchImpl ? { fetch: fetchImpl } : {},
+    path: path ?? [],
+    ...locale === void 0 ? {} : { locale }
+  });
+  const secret = previewSecret ?? (isPreview ? config.draftSecret : void 0);
+  const page = await fetchPage(config, slot.path, {
+    ...secret ? { previewSecret: secret } : {},
+    ...retry === void 0 ? {} : { retry },
+    ...fetchImpl ? { fetch: fetchImpl } : {}
+  });
+  const shared = {
+    blocks,
+    locale: slot.locale,
+    defaultLocale: slot.defaultLocale,
+    enabledLocales: slot.enabledLocales,
+    forms,
+    isPreview,
+    config,
+    appContext
+  };
+  const [pageBlocks, ...layoutBlocks] = await Promise.all([
+    resolveEditorBlockData({ ...shared, page }),
+    ...regions.map(
+      (region) => resolveEditorLayoutBlockData({
+        ...shared,
+        groups: slot.groups,
+        page: slot.page,
+        region
+      })
+    )
+  ]);
+  return {
+    page,
+    layouts: slot.groups,
+    pageContext: slot.page,
+    locale: slot.locale,
+    defaultLocale: slot.defaultLocale,
+    enabledLocales: slot.enabledLocales,
+    path: slot.path,
+    blockData: pageBlocks.data,
+    blockContent: pageBlocks.content,
+    layoutData: Object.fromEntries(
+      regions.map((region, index) => [region, layoutBlocks[index]])
+    ),
+    regions
+  };
+}
 var MAX_BLOCKS = 50;
 function parseBlockDataRequest(body) {
   if (typeof body !== "object" || body === null) {
@@ -773,4 +926,4 @@ function createBlockDataHandler(config, blocks, options = {}) {
   };
 }
 
-export { CmssyBlock, CmssyServerLayout, CmssyServerPage, UnknownBlock, buildBlockMap, createBlockDataHandler, defineBlock, handleBlockDataRequest, parseBlockDataRequest, resolveBlockDataRequest, resolveCmssyLayout, resolveCmssyLayoutSlot, resolveEditorBlockData, resolveEditorLayoutBlockData };
+export { CmssyBlock, CmssyBlocks, CmssyLayoutRegion, CmssyServerLayout, CmssyServerPage, UnknownBlock, buildBlockMap, createBlockDataHandler, defineBlock, handleBlockDataRequest, loadCmssyRoute, parseBlockDataRequest, resolveBlockDataRequest, resolveCmssyLayout, resolveCmssyLayoutSlot, resolveEditorBlockData, resolveEditorLayoutBlockData };

package/dist/load-cmssy-route-BjUMTpOJ.d.cts

@@ -0,0 +1,34 @@
+import { CmssyConfig, CmssyPageData, CmssyLayoutGroup, CmssyBlockPage, CmssyFormDefinition, RetryOption, FetchLike } from '@cmssy/core';
+import { E as EditorBlockData, B as BlockDefinition } from './resolve-block-data-Bkracpae.cjs';
+
+type CmssyRouteConfig = Omit<CmssyConfig, "draftSecret"> & {
+    draftSecret?: string;
+};
+interface LoadCmssyRouteOptions {
+    blocks: BlockDefinition[];
+    path?: string[];
+    locale?: string;
+    regions?: string[];
+    forms?: Record<string, CmssyFormDefinition>;
+    appContext?: Record<string, unknown>;
+    previewSecret?: string;
+    isPreview?: boolean;
+    retry?: RetryOption;
+    fetch?: FetchLike;
+}
+interface CmssyRouteData {
+    page: CmssyPageData | null;
+    layouts: CmssyLayoutGroup[];
+    pageContext: CmssyBlockPage;
+    locale: string;
+    defaultLocale: string;
+    enabledLocales: string[];
+    path: string[];
+    blockData: Record<string, unknown>;
+    blockContent: Record<string, Record<string, unknown>>;
+    layoutData: Record<string, EditorBlockData>;
+    regions: string[];
+}
+declare function loadCmssyRoute(config: CmssyRouteConfig, options: LoadCmssyRouteOptions): Promise<CmssyRouteData>;
+
+export { type CmssyRouteConfig as C, type LoadCmssyRouteOptions as L, type CmssyRouteData as a, loadCmssyRoute as l };

package/dist/load-cmssy-route-C9FPwUSB.d.ts

@@ -0,0 +1,34 @@
+import { CmssyConfig, CmssyPageData, CmssyLayoutGroup, CmssyBlockPage, CmssyFormDefinition, RetryOption, FetchLike } from '@cmssy/core';
+import { E as EditorBlockData, B as BlockDefinition } from './resolve-block-data-Bkracpae.js';
+
+type CmssyRouteConfig = Omit<CmssyConfig, "draftSecret"> & {
+    draftSecret?: string;
+};
+interface LoadCmssyRouteOptions {
+    blocks: BlockDefinition[];
+    path?: string[];
+    locale?: string;
+    regions?: string[];
+    forms?: Record<string, CmssyFormDefinition>;
+    appContext?: Record<string, unknown>;
+    previewSecret?: string;
+    isPreview?: boolean;
+    retry?: RetryOption;
+    fetch?: FetchLike;
+}
+interface CmssyRouteData {
+    page: CmssyPageData | null;
+    layouts: CmssyLayoutGroup[];
+    pageContext: CmssyBlockPage;
+    locale: string;
+    defaultLocale: string;
+    enabledLocales: string[];
+    path: string[];
+    blockData: Record<string, unknown>;
+    blockContent: Record<string, Record<string, unknown>>;
+    layoutData: Record<string, EditorBlockData>;
+    regions: string[];
+}
+declare function loadCmssyRoute(config: CmssyRouteConfig, options: LoadCmssyRouteOptions): Promise<CmssyRouteData>;
+
+export { type CmssyRouteConfig as C, type LoadCmssyRouteOptions as L, type CmssyRouteData as a, loadCmssyRoute as l };