@cmssy/react 7.0.1 → 8.0.0

package/dist/client.cjs

@@ -967,6 +967,14 @@ function useCart() {
   }
   return ctx;
 }
+var productProps = {
+  modelSlug: core.fields.text({ label: "Model slug" }),
+  slugField: core.fields.text({ label: "Slug field" }),
+  slug: core.fields.text({ label: "Product slug" }),
+  nameField: core.fields.text({ label: "Name field" }),
+  priceField: core.fields.text({ label: "Price field" }),
+  imageField: core.fields.text({ label: "Image field" })
+};
 function deriveAxes(variants) {
   const axes = /* @__PURE__ */ new Map();
   for (const variant of variants) {
@@ -987,8 +995,7 @@ function matchVariant(variants, selections) {
     )
   ) ?? null;
 }
-function ProductComponent({ content }) {
-  const c = content;
+function ProductComponent({ content: c }) {
   const { fetchProduct, addToCart } = useCart();
   const injected = c.product ?? null;
   const [product, setProduct] = react.useState(injected);
@@ -1096,14 +1103,7 @@ var productBlock = defineBlock({
   type: "product",
   label: "Product",
   category: "Commerce",
-  props: {
-    modelSlug: core.fields.text({ label: "Model slug" }),
-    slugField: core.fields.text({ label: "Slug field" }),
-    slug: core.fields.text({ label: "Product slug" }),
-    nameField: core.fields.text({ label: "Name field" }),
-    priceField: core.fields.text({ label: "Price field" }),
-    imageField: core.fields.text({ label: "Image field" })
-  },
+  props: productProps,
   component: ProductComponent
 });
 function CartComponent() {
@@ -1221,9 +1221,13 @@ var cartBlock = defineBlock({
   props: {},
   component: CartComponent
 });
+var checkoutProps = {
+  successMessage: core.fields.text({ label: "Success message" })
+};
 var EMAIL_RE = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
-function CheckoutComponent({ content }) {
-  const c = content;
+function CheckoutComponent({
+  content: c
+}) {
   const { cart, loading, checkout } = useCart();
   const [email, setEmail] = react.useState("");
   const [busy, setBusy] = react.useState(false);
@@ -1295,9 +1299,7 @@ var checkoutBlock = defineBlock({
   type: "checkout",
   label: "Checkout",
   category: "Commerce",
-  props: {
-    successMessage: core.fields.text({ label: "Success message" })
-  },
+  props: checkoutProps,
   component: CheckoutComponent
 });
 function useCmssyOrders(options = {}) {

package/dist/client.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BlockSchema, BlockMeta, CmssyPageData, CmssyFormDefinition, CmssyLayoutGroup, CmssyLocaleContext } from '@cmssy/core';
 export { CmssyCart, CmssyCartDiscount, CmssyCartItem, CmssyCartItemSnapshot, CmssyOrder, CmssyOrderItem, CmssyProduct, CmssyProductVariant, formatPrice, fractionDigits, fromMinorUnits, toMinorUnits } from '@cmssy/core';
-import { B as BlockDefinition } from './registry-DnhIHuzF.cjs';
+import { B as BlockDefinition } from './registry-Bfq4Pq18.cjs';
 import { ReactNode } from 'react';
 import { CmssyAuthUser, CmssyAuthActionResult, CmssyCart, CmssyAddToCartOptions, CmssyCheckoutInput, CmssyOrder, CmssyProduct, UseCmssyOrderOptions, UseCmssyOrdersOptions } from '@cmssy/types';
 export { CmssyAddToCartOptions, CmssyAuthActionResult, CmssyAuthUser, CmssyCheckoutInput, UseCmssyOrderOptions, UseCmssyOrdersOptions } from '@cmssy/types';

package/dist/client.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BlockSchema, BlockMeta, CmssyPageData, CmssyFormDefinition, CmssyLayoutGroup, CmssyLocaleContext } from '@cmssy/core';
 export { CmssyCart, CmssyCartDiscount, CmssyCartItem, CmssyCartItemSnapshot, CmssyOrder, CmssyOrderItem, CmssyProduct, CmssyProductVariant, formatPrice, fractionDigits, fromMinorUnits, toMinorUnits } from '@cmssy/core';
-import { B as BlockDefinition } from './registry-DnhIHuzF.js';
+import { B as BlockDefinition } from './registry-Bfq4Pq18.js';
 import { ReactNode } from 'react';
 import { CmssyAuthUser, CmssyAuthActionResult, CmssyCart, CmssyAddToCartOptions, CmssyCheckoutInput, CmssyOrder, CmssyProduct, UseCmssyOrderOptions, UseCmssyOrdersOptions } from '@cmssy/types';
 export { CmssyAddToCartOptions, CmssyAuthActionResult, CmssyAuthUser, CmssyCheckoutInput, UseCmssyOrderOptions, UseCmssyOrdersOptions } from '@cmssy/types';

package/dist/client.js

@@ -966,6 +966,14 @@ function useCart() {
   }
   return ctx;
 }
+var productProps = {
+  modelSlug: fields.text({ label: "Model slug" }),
+  slugField: fields.text({ label: "Slug field" }),
+  slug: fields.text({ label: "Product slug" }),
+  nameField: fields.text({ label: "Name field" }),
+  priceField: fields.text({ label: "Price field" }),
+  imageField: fields.text({ label: "Image field" })
+};
 function deriveAxes(variants) {
   const axes = /* @__PURE__ */ new Map();
   for (const variant of variants) {
@@ -986,8 +994,7 @@ function matchVariant(variants, selections) {
     )
   ) ?? null;
 }
-function ProductComponent({ content }) {
-  const c = content;
+function ProductComponent({ content: c }) {
   const { fetchProduct, addToCart } = useCart();
   const injected = c.product ?? null;
   const [product, setProduct] = useState(injected);
@@ -1095,14 +1102,7 @@ var productBlock = defineBlock({
   type: "product",
   label: "Product",
   category: "Commerce",
-  props: {
-    modelSlug: fields.text({ label: "Model slug" }),
-    slugField: fields.text({ label: "Slug field" }),
-    slug: fields.text({ label: "Product slug" }),
-    nameField: fields.text({ label: "Name field" }),
-    priceField: fields.text({ label: "Price field" }),
-    imageField: fields.text({ label: "Image field" })
-  },
+  props: productProps,
   component: ProductComponent
 });
 function CartComponent() {
@@ -1220,9 +1220,13 @@ var cartBlock = defineBlock({
   props: {},
   component: CartComponent
 });
+var checkoutProps = {
+  successMessage: fields.text({ label: "Success message" })
+};
 var EMAIL_RE = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
-function CheckoutComponent({ content }) {
-  const c = content;
+function CheckoutComponent({
+  content: c
+}) {
   const { cart, loading, checkout } = useCart();
   const [email, setEmail] = useState("");
   const [busy, setBusy] = useState(false);
@@ -1294,9 +1298,7 @@ var checkoutBlock = defineBlock({
   type: "checkout",
   label: "Checkout",
   category: "Commerce",
-  props: {
-    successMessage: fields.text({ label: "Success message" })
-  },
+  props: checkoutProps,
   component: CheckoutComponent
 });
 function useCmssyOrders(options = {}) {

package/dist/index.cjs

@@ -130,7 +130,7 @@ async function resolveRenderLocale({
   if (process.env.NODE_ENV !== "production" && !warned2) {
     warned2 = true;
     console.warn(
-      '[cmssy] Rendering in "en": no locale was passed and no config was given to look the workspace\'s default language up. Pass `locale` (from the route) or `config`, or a workspace whose default language is not English will render its chrome in the wrong one.'
+      '[cmssy] Rendering in "en": no locale was passed and no config was given to look the workspace\'s default language up. Pass `locale` (from the route) or `config`, or a workspace whose default language is not English will render its header and footer in the wrong one.'
     );
   }
   return {

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import { CmssyPageData, CmssyClientConfig, CmssyFormDefinition, CmssyBlockAuthContext, CmssyBlockWorkspace, CmssyLayoutGroup, RawBlock, CmssyBlockContext } from '@cmssy/core';
-export { AppToEditorMessage, BlockMeta, BlockRect, BlockSchema, BoundsMessage, BuildBlockContextExtra, ClickMessage, CmssyAddress, CmssyBlockAuthContext, CmssyBlockContext, CmssyBlockMember, CmssyBlockWorkspace, CmssyBranding, CmssyCart, CmssyCartDiscount, CmssyCartItem, CmssyCartItemSnapshot, CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyFormField, CmssyFormSettings, CmssyFormSubmitResponse, CmssyLayoutGroup, CmssyLayoutSettings, CmssyLocaleContext, CmssyLocalizedValue, CmssyModelDefinition, CmssyModelRecord, CmssyOrder, CmssyOrderDiscount, CmssyOrderItem, CmssyOrderTaxSummaryLine, CmssyPageData, CmssyPageMeta, CmssyPageSummary, CmssyPriceTier, CmssyProduct, CmssyProductVariant, CmssyRecordList, CmssyRequestError, CmssyShippingMethod, CmssySiteConfig, CmssySiteLocales, CmssyTaxSummaryLine, DEFAULT_CMSSY_API_URL, EditorToAppMessage, FORM_QUERY, FetchLike, FetchLikeResponse, FetchPageOptions, FieldControl, FieldDefinition, FieldType, GraphqlRequestOptions, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, ParentReadyMessage, PatchMessage, PostTarget, QueryScopedOptions, RawBlock, RawLayoutBlock, ReadyMessage, RetryPolicy, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, SelectMessage, SubmitFormInput, buildBlockContext, buildLocaleSwitchHref, collectFormIds, createCmssyClient, fetchLayouts, fetchPage, fetchPageById, fetchPageMeta, fetchPages, fetchSiteConfig, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, localizeHref, localizeHtmlLinks, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveApiUrl, resolveForms, resolvePublicUrl, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath } from '@cmssy/core';
-import { B as BlockDefinition, a as BlockMap } from './registry-DnhIHuzF.cjs';
-export { b as blocksToMeta, c as blocksToSchemas, d as buildBlockMap, e as defineBlock } from './registry-DnhIHuzF.cjs';
+export { AppToEditorMessage, BlockMeta, BlockPropsSchema, BlockRect, BlockSchema, BoundsMessage, BuildBlockContextExtra, ClickMessage, CmssyAddress, CmssyBlockAuthContext, CmssyBlockContext, CmssyBlockMember, CmssyBlockWorkspace, CmssyBranding, CmssyCart, CmssyCartDiscount, CmssyCartItem, CmssyCartItemSnapshot, CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyFormField, CmssyFormSettings, CmssyFormSubmitResponse, CmssyLayoutGroup, CmssyLayoutSettings, CmssyLocaleContext, CmssyLocalizedValue, CmssyModelDefinition, CmssyModelRecord, CmssyOrder, CmssyOrderDiscount, CmssyOrderItem, CmssyOrderTaxSummaryLine, CmssyPageData, CmssyPageMeta, CmssyPageSummary, CmssyPriceTier, CmssyProduct, CmssyProductVariant, CmssyRecordList, CmssyRequestError, CmssyShippingMethod, CmssySiteConfig, CmssySiteLocales, CmssyTaxSummaryLine, DEFAULT_CMSSY_API_URL, EditorToAppMessage, FORM_QUERY, FetchLike, FetchLikeResponse, FetchPageOptions, FieldControl, FieldDefinition, FieldType, GraphqlRequestOptions, InferBlockContent, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, ParentReadyMessage, PatchMessage, PostTarget, QueryScopedOptions, RawBlock, RawLayoutBlock, ReadyMessage, RetryPolicy, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, SelectMessage, SubmitFormInput, TypedField, buildBlockContext, buildLocaleSwitchHref, collectFormIds, createCmssyClient, fetchLayouts, fetchPage, fetchPageById, fetchPageMeta, fetchPages, fetchSiteConfig, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, localizeHref, localizeHtmlLinks, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveApiUrl, resolveForms, resolvePublicUrl, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath } from '@cmssy/core';
+import { B as BlockDefinition, a as BlockMap } from './registry-Bfq4Pq18.cjs';
+export { b as BlockProps, c as blocksToMeta, d as blocksToSchemas, e as buildBlockMap, f as defineBlock } from './registry-Bfq4Pq18.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { CmssyPageData, CmssyClientConfig, CmssyFormDefinition, CmssyBlockAuthContext, CmssyBlockWorkspace, CmssyLayoutGroup, RawBlock, CmssyBlockContext } from '@cmssy/core';
-export { AppToEditorMessage, BlockMeta, BlockRect, BlockSchema, BoundsMessage, BuildBlockContextExtra, ClickMessage, CmssyAddress, CmssyBlockAuthContext, CmssyBlockContext, CmssyBlockMember, CmssyBlockWorkspace, CmssyBranding, CmssyCart, CmssyCartDiscount, CmssyCartItem, CmssyCartItemSnapshot, CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyFormField, CmssyFormSettings, CmssyFormSubmitResponse, CmssyLayoutGroup, CmssyLayoutSettings, CmssyLocaleContext, CmssyLocalizedValue, CmssyModelDefinition, CmssyModelRecord, CmssyOrder, CmssyOrderDiscount, CmssyOrderItem, CmssyOrderTaxSummaryLine, CmssyPageData, CmssyPageMeta, CmssyPageSummary, CmssyPriceTier, CmssyProduct, CmssyProductVariant, CmssyRecordList, CmssyRequestError, CmssyShippingMethod, CmssySiteConfig, CmssySiteLocales, CmssyTaxSummaryLine, DEFAULT_CMSSY_API_URL, EditorToAppMessage, FORM_QUERY, FetchLike, FetchLikeResponse, FetchPageOptions, FieldControl, FieldDefinition, FieldType, GraphqlRequestOptions, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, ParentReadyMessage, PatchMessage, PostTarget, QueryScopedOptions, RawBlock, RawLayoutBlock, ReadyMessage, RetryPolicy, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, SelectMessage, SubmitFormInput, buildBlockContext, buildLocaleSwitchHref, collectFormIds, createCmssyClient, fetchLayouts, fetchPage, fetchPageById, fetchPageMeta, fetchPages, fetchSiteConfig, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, localizeHref, localizeHtmlLinks, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveApiUrl, resolveForms, resolvePublicUrl, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath } from '@cmssy/core';
-import { B as BlockDefinition, a as BlockMap } from './registry-DnhIHuzF.js';
-export { b as blocksToMeta, c as blocksToSchemas, d as buildBlockMap, e as defineBlock } from './registry-DnhIHuzF.js';
+export { AppToEditorMessage, BlockMeta, BlockPropsSchema, BlockRect, BlockSchema, BoundsMessage, BuildBlockContextExtra, ClickMessage, CmssyAddress, CmssyBlockAuthContext, CmssyBlockContext, CmssyBlockMember, CmssyBlockWorkspace, CmssyBranding, CmssyCart, CmssyCartDiscount, CmssyCartItem, CmssyCartItemSnapshot, CmssyClient, CmssyClientConfig, CmssyFormDefinition, CmssyFormField, CmssyFormSettings, CmssyFormSubmitResponse, CmssyLayoutGroup, CmssyLayoutSettings, CmssyLocaleContext, CmssyLocalizedValue, CmssyModelDefinition, CmssyModelRecord, CmssyOrder, CmssyOrderDiscount, CmssyOrderItem, CmssyOrderTaxSummaryLine, CmssyPageData, CmssyPageMeta, CmssyPageSummary, CmssyPriceTier, CmssyProduct, CmssyProductVariant, CmssyRecordList, CmssyRequestError, CmssyShippingMethod, CmssySiteConfig, CmssySiteLocales, CmssyTaxSummaryLine, DEFAULT_CMSSY_API_URL, EditorToAppMessage, FORM_QUERY, FetchLike, FetchLikeResponse, FetchPageOptions, FieldControl, FieldDefinition, FieldType, GraphqlRequestOptions, InferBlockContent, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, ParentReadyMessage, PatchMessage, PostTarget, QueryScopedOptions, RawBlock, RawLayoutBlock, ReadyMessage, RetryPolicy, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, SelectMessage, SubmitFormInput, TypedField, buildBlockContext, buildLocaleSwitchHref, collectFormIds, createCmssyClient, fetchLayouts, fetchPage, fetchPageById, fetchPageMeta, fetchPages, fetchSiteConfig, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, localizeHref, localizeHtmlLinks, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveApiUrl, resolveForms, resolvePublicUrl, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath } from '@cmssy/core';
+import { B as BlockDefinition, a as BlockMap } from './registry-Bfq4Pq18.js';
+export { b as BlockProps, c as blocksToMeta, d as blocksToSchemas, e as buildBlockMap, f as defineBlock } from './registry-Bfq4Pq18.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';

package/dist/index.js

@@ -129,7 +129,7 @@ async function resolveRenderLocale({
   if (process.env.NODE_ENV !== "production" && !warned2) {
     warned2 = true;
     console.warn(
-      '[cmssy] Rendering in "en": no locale was passed and no config was given to look the workspace\'s default language up. Pass `locale` (from the route) or `config`, or a workspace whose default language is not English will render its chrome in the wrong one.'
+      '[cmssy] Rendering in "en": no locale was passed and no config was given to look the workspace\'s default language up. Pass `locale` (from the route) or `config`, or a workspace whose default language is not English will render its header and footer in the wrong one.'
     );
   }
   return {

package/dist/registry-Bfq4Pq18.d.cts

@@ -0,0 +1,107 @@
+import { ComponentType } from 'react';
+import { FieldDefinition, CmssyBlockContext, BlockPropsSchema, InferBlockContent, BlockMeta, BlockSchema } from '@cmssy/core';
+
+/**
+ * The props a block component receives, derived from the fields it declares:
+ *
+ *   const props = { headline: fields.text({ required: true }) };
+ *   export function Hero({ content }: BlockProps<typeof props>) { … }
+ *
+ * Type the component this way and the schema is the only place a field is
+ * named. Rename `headline` and the component stops compiling, instead of
+ * quietly rendering nothing.
+ */
+interface BlockProps<P extends BlockPropsSchema, D = unknown> {
+    content: InferBlockContent<P>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
+    context?: CmssyBlockContext;
+    data?: D;
+}
+type Identical<X, Y> = (<T>() => T extends X ? 1 : 2) extends <T>() => T extends Y ? 1 : 2 ? true : false;
+/** What the component says about the fields the schema declares - nothing else. */
+type SchemaSlice<C, Content> = {
+    [K in keyof Content]: K extends keyof C ? C[K] : never;
+};
+/**
+ * Rejects a component whose `content` disagrees with the schema about a field
+ * the schema declares. Extra keys are fine - a loader may inject content the
+ * editor knows nothing about (see `productBlock`) - but a declared field must
+ * have the name and the type the schema gives it.
+ *
+ * Without this, a hand-written content type only had to be *compatible* with the
+ * schema, and since every optional field is optional on both sides, a field the
+ * component invented was compatible with the one it forgot.
+ */
+type ContentGuard<C, P extends BlockPropsSchema> = Identical<SchemaSlice<C, InferBlockContent<P>>, InferBlockContent<P>> extends true ? unknown : {
+    CONTENT_MUST_BE_TYPED_AS_BlockProps_OF_THIS_PROPS: InferBlockContent<P>;
+};
+interface BlockLoaderArgs {
+    content: Record<string, unknown>;
+    context?: CmssyBlockContext;
+}
+type BlockLoader = (args: BlockLoaderArgs) => Promise<unknown> | unknown;
+interface BlockDefinition {
+    type: string;
+    label?: string;
+    category?: string;
+    icon?: string;
+    layoutPositions?: string[];
+    /**
+     * One-line semantic description of what the block is and when it belongs on a
+     * page. Surfaced to the AI page composer to guide block selection and order.
+     */
+    description?: string;
+    props: Record<string, FieldDefinition>;
+    /**
+     * Optional server-side data loader. Run by CmssyServerPage during SSR; its
+     * result is passed to the component as the `data` prop. Not run in the
+     * editor (the component receives `data: undefined` there).
+     *
+     * The result crosses the server→client boundary when the block component is a
+     * Client Component, so it must be RSC-serializable (plain objects, arrays and
+     * primitives - no functions, class instances, etc.).
+     */
+    loader?: BlockLoader;
+    component: ComponentType<{
+        content: Record<string, unknown>;
+        style?: Record<string, unknown>;
+        advanced?: Record<string, unknown>;
+        context?: CmssyBlockContext;
+        data?: unknown;
+    }>;
+}
+declare function defineBlock<P extends BlockPropsSchema, C = InferBlockContent<P>, D = unknown, S extends Record<string, unknown> = Record<string, unknown>, A extends Record<string, unknown> = Record<string, unknown>>(def: {
+    type: string;
+    label?: string;
+    category?: string;
+    icon?: string;
+    layoutPositions?: string[];
+    description?: string;
+    props: P;
+    loader?: (args: {
+        content: InferBlockContent<P>;
+        context?: CmssyBlockContext;
+    }) => Promise<D> | D;
+    component: ComponentType<{
+        content: C;
+        style?: S;
+        advanced?: A;
+        context?: CmssyBlockContext;
+        data?: D;
+    }>;
+} & ContentGuard<C, P>): BlockDefinition;
+type BlockMap = Record<string, ComponentType<{
+    content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
+    context?: CmssyBlockContext;
+    data?: unknown;
+}>>;
+declare function buildBlockMap(blocks: BlockDefinition[]): BlockMap;
+declare function blocksToSchemas(blocks: BlockDefinition[]): Record<string, BlockSchema>;
+declare function blocksToMeta(blocks: BlockDefinition[], defaults?: {
+    category?: string;
+}): Record<string, BlockMeta>;
+
+export { type BlockDefinition as B, type BlockMap as a, type BlockProps as b, blocksToMeta as c, blocksToSchemas as d, buildBlockMap as e, defineBlock as f };

package/dist/registry-Bfq4Pq18.d.ts

@@ -0,0 +1,107 @@
+import { ComponentType } from 'react';
+import { FieldDefinition, CmssyBlockContext, BlockPropsSchema, InferBlockContent, BlockMeta, BlockSchema } from '@cmssy/core';
+
+/**
+ * The props a block component receives, derived from the fields it declares:
+ *
+ *   const props = { headline: fields.text({ required: true }) };
+ *   export function Hero({ content }: BlockProps<typeof props>) { … }
+ *
+ * Type the component this way and the schema is the only place a field is
+ * named. Rename `headline` and the component stops compiling, instead of
+ * quietly rendering nothing.
+ */
+interface BlockProps<P extends BlockPropsSchema, D = unknown> {
+    content: InferBlockContent<P>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
+    context?: CmssyBlockContext;
+    data?: D;
+}
+type Identical<X, Y> = (<T>() => T extends X ? 1 : 2) extends <T>() => T extends Y ? 1 : 2 ? true : false;
+/** What the component says about the fields the schema declares - nothing else. */
+type SchemaSlice<C, Content> = {
+    [K in keyof Content]: K extends keyof C ? C[K] : never;
+};
+/**
+ * Rejects a component whose `content` disagrees with the schema about a field
+ * the schema declares. Extra keys are fine - a loader may inject content the
+ * editor knows nothing about (see `productBlock`) - but a declared field must
+ * have the name and the type the schema gives it.
+ *
+ * Without this, a hand-written content type only had to be *compatible* with the
+ * schema, and since every optional field is optional on both sides, a field the
+ * component invented was compatible with the one it forgot.
+ */
+type ContentGuard<C, P extends BlockPropsSchema> = Identical<SchemaSlice<C, InferBlockContent<P>>, InferBlockContent<P>> extends true ? unknown : {
+    CONTENT_MUST_BE_TYPED_AS_BlockProps_OF_THIS_PROPS: InferBlockContent<P>;
+};
+interface BlockLoaderArgs {
+    content: Record<string, unknown>;
+    context?: CmssyBlockContext;
+}
+type BlockLoader = (args: BlockLoaderArgs) => Promise<unknown> | unknown;
+interface BlockDefinition {
+    type: string;
+    label?: string;
+    category?: string;
+    icon?: string;
+    layoutPositions?: string[];
+    /**
+     * One-line semantic description of what the block is and when it belongs on a
+     * page. Surfaced to the AI page composer to guide block selection and order.
+     */
+    description?: string;
+    props: Record<string, FieldDefinition>;
+    /**
+     * Optional server-side data loader. Run by CmssyServerPage during SSR; its
+     * result is passed to the component as the `data` prop. Not run in the
+     * editor (the component receives `data: undefined` there).
+     *
+     * The result crosses the server→client boundary when the block component is a
+     * Client Component, so it must be RSC-serializable (plain objects, arrays and
+     * primitives - no functions, class instances, etc.).
+     */
+    loader?: BlockLoader;
+    component: ComponentType<{
+        content: Record<string, unknown>;
+        style?: Record<string, unknown>;
+        advanced?: Record<string, unknown>;
+        context?: CmssyBlockContext;
+        data?: unknown;
+    }>;
+}
+declare function defineBlock<P extends BlockPropsSchema, C = InferBlockContent<P>, D = unknown, S extends Record<string, unknown> = Record<string, unknown>, A extends Record<string, unknown> = Record<string, unknown>>(def: {
+    type: string;
+    label?: string;
+    category?: string;
+    icon?: string;
+    layoutPositions?: string[];
+    description?: string;
+    props: P;
+    loader?: (args: {
+        content: InferBlockContent<P>;
+        context?: CmssyBlockContext;
+    }) => Promise<D> | D;
+    component: ComponentType<{
+        content: C;
+        style?: S;
+        advanced?: A;
+        context?: CmssyBlockContext;
+        data?: D;
+    }>;
+} & ContentGuard<C, P>): BlockDefinition;
+type BlockMap = Record<string, ComponentType<{
+    content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
+    context?: CmssyBlockContext;
+    data?: unknown;
+}>>;
+declare function buildBlockMap(blocks: BlockDefinition[]): BlockMap;
+declare function blocksToSchemas(blocks: BlockDefinition[]): Record<string, BlockSchema>;
+declare function blocksToMeta(blocks: BlockDefinition[], defaults?: {
+    category?: string;
+}): Record<string, BlockMeta>;
+
+export { type BlockDefinition as B, type BlockMap as a, type BlockProps as b, blocksToMeta as c, blocksToSchemas as d, buildBlockMap as e, defineBlock as f };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/react",
-  "version": "7.0.1",
+  "version": "8.0.0",
   "description": "React blocks, renderers, data client and editor bridge for cmssy headless sites",
   "keywords": [
     "cmssy",
@@ -56,8 +56,8 @@
     "vitest": "^2.1.0"
   },
   "dependencies": {
-    "@cmssy/types": "0.27.0",
-    "@cmssy/core": "7.0.1"
+    "@cmssy/types": "0.28.0",
+    "@cmssy/core": "8.0.0"
   },
   "scripts": {
     "build": "tsup",

package/dist/registry-DnhIHuzF.d.cts

@@ -1,72 +0,0 @@
-import { ComponentType } from 'react';
-import { FieldDefinition, CmssyBlockContext, BlockMeta, BlockSchema } from '@cmssy/core';
-
-interface BlockLoaderArgs {
-    content: Record<string, unknown>;
-    context?: CmssyBlockContext;
-}
-type BlockLoader = (args: BlockLoaderArgs) => Promise<unknown> | unknown;
-interface BlockDefinition {
-    type: string;
-    label?: string;
-    category?: string;
-    icon?: string;
-    layoutPositions?: string[];
-    /**
-     * One-line semantic description of what the block is and when it belongs on a
-     * page. Surfaced to the AI page composer to guide block selection and order.
-     */
-    description?: string;
-    props: Record<string, FieldDefinition>;
-    /**
-     * Optional server-side data loader. Run by CmssyServerPage during SSR; its
-     * result is passed to the component as the `data` prop. Not run in the
-     * editor (the component receives `data: undefined` there).
-     *
-     * The result crosses the server→client boundary when the block component is a
-     * Client Component, so it must be RSC-serializable (plain objects, arrays and
-     * primitives - no functions, class instances, etc.).
-     */
-    loader?: BlockLoader;
-    component: ComponentType<{
-        content: Record<string, unknown>;
-        style?: Record<string, unknown>;
-        advanced?: Record<string, unknown>;
-        context?: CmssyBlockContext;
-        data?: unknown;
-    }>;
-}
-declare function defineBlock<C extends Record<string, unknown>, D = unknown, S extends Record<string, unknown> = Record<string, unknown>, A extends Record<string, unknown> = Record<string, unknown>>(def: {
-    type: string;
-    label?: string;
-    category?: string;
-    icon?: string;
-    layoutPositions?: string[];
-    description?: string;
-    props: Record<string, FieldDefinition>;
-    loader?: (args: {
-        content: C;
-        context?: CmssyBlockContext;
-    }) => Promise<D> | D;
-    component: ComponentType<{
-        content: C;
-        style?: S;
-        advanced?: A;
-        context?: CmssyBlockContext;
-        data?: D;
-    }>;
-}): BlockDefinition;
-type BlockMap = Record<string, ComponentType<{
-    content: Record<string, unknown>;
-    style?: Record<string, unknown>;
-    advanced?: Record<string, unknown>;
-    context?: CmssyBlockContext;
-    data?: unknown;
-}>>;
-declare function buildBlockMap(blocks: BlockDefinition[]): BlockMap;
-declare function blocksToSchemas(blocks: BlockDefinition[]): Record<string, BlockSchema>;
-declare function blocksToMeta(blocks: BlockDefinition[], defaults?: {
-    category?: string;
-}): Record<string, BlockMeta>;
-
-export { type BlockDefinition as B, type BlockMap as a, blocksToMeta as b, blocksToSchemas as c, buildBlockMap as d, defineBlock as e };

package/dist/registry-DnhIHuzF.d.ts

@@ -1,72 +0,0 @@
-import { ComponentType } from 'react';
-import { FieldDefinition, CmssyBlockContext, BlockMeta, BlockSchema } from '@cmssy/core';
-
-interface BlockLoaderArgs {
-    content: Record<string, unknown>;
-    context?: CmssyBlockContext;
-}
-type BlockLoader = (args: BlockLoaderArgs) => Promise<unknown> | unknown;
-interface BlockDefinition {
-    type: string;
-    label?: string;
-    category?: string;
-    icon?: string;
-    layoutPositions?: string[];
-    /**
-     * One-line semantic description of what the block is and when it belongs on a
-     * page. Surfaced to the AI page composer to guide block selection and order.
-     */
-    description?: string;
-    props: Record<string, FieldDefinition>;
-    /**
-     * Optional server-side data loader. Run by CmssyServerPage during SSR; its
-     * result is passed to the component as the `data` prop. Not run in the
-     * editor (the component receives `data: undefined` there).
-     *
-     * The result crosses the server→client boundary when the block component is a
-     * Client Component, so it must be RSC-serializable (plain objects, arrays and
-     * primitives - no functions, class instances, etc.).
-     */
-    loader?: BlockLoader;
-    component: ComponentType<{
-        content: Record<string, unknown>;
-        style?: Record<string, unknown>;
-        advanced?: Record<string, unknown>;
-        context?: CmssyBlockContext;
-        data?: unknown;
-    }>;
-}
-declare function defineBlock<C extends Record<string, unknown>, D = unknown, S extends Record<string, unknown> = Record<string, unknown>, A extends Record<string, unknown> = Record<string, unknown>>(def: {
-    type: string;
-    label?: string;
-    category?: string;
-    icon?: string;
-    layoutPositions?: string[];
-    description?: string;
-    props: Record<string, FieldDefinition>;
-    loader?: (args: {
-        content: C;
-        context?: CmssyBlockContext;
-    }) => Promise<D> | D;
-    component: ComponentType<{
-        content: C;
-        style?: S;
-        advanced?: A;
-        context?: CmssyBlockContext;
-        data?: D;
-    }>;
-}): BlockDefinition;
-type BlockMap = Record<string, ComponentType<{
-    content: Record<string, unknown>;
-    style?: Record<string, unknown>;
-    advanced?: Record<string, unknown>;
-    context?: CmssyBlockContext;
-    data?: unknown;
-}>>;
-declare function buildBlockMap(blocks: BlockDefinition[]): BlockMap;
-declare function blocksToSchemas(blocks: BlockDefinition[]): Record<string, BlockSchema>;
-declare function blocksToMeta(blocks: BlockDefinition[], defaults?: {
-    category?: string;
-}): Record<string, BlockMeta>;
-
-export { type BlockDefinition as B, type BlockMap as a, blocksToMeta as b, blocksToSchemas as c, buildBlockMap as d, defineBlock as e };