@cmssy/react 0.14.0 → 0.17.0

package/README.md

@@ -39,7 +39,7 @@ the CMS at runtime.
 ```tsx
 import { fetchPage, CmssyServerPage } from "@cmssy/react";
 
-const page = await fetchPage({ workspaceSlug: "acme" }, pathSegments);
+const page = await fetchPage({ org: "acme-org", workspaceSlug: "acme" }, pathSegments);
 
 return <CmssyServerPage page={page} blocks={blocks} locale="en" />;
 ```
@@ -56,7 +56,7 @@ the exported documents):
 ```ts
 import { createCmssyClient, MODEL_RECORDS_QUERY } from "@cmssy/react";
 
-const cmssy = createCmssyClient({ workspaceSlug: "acme" });
+const cmssy = createCmssyClient({ org: "acme-org", workspaceSlug: "acme" });
 
 // raw query (you own scoping)
 await cmssy.query(MY_QUERY, vars);

package/dist/client.cjs

@@ -74,6 +74,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         content: data.content,
         protocolVersion: PROTOCOL_VERSION,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
       } : null;
     case "cmssy:parent-ready":
@@ -85,6 +87,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         blockType: data.blockType,
         content: data.content,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         index: data.index
       } : null;
     case "cmssy:reorder":
@@ -148,6 +152,8 @@ function collectLayoutBlocks(rects, pageIds) {
 }
 function useEditBridge(page, config) {
   const [patches, setPatches] = react.useState({});
+  const [patchesStyle, setPatchesStyle] = react.useState({});
+  const [patchesAdvanced, setPatchesAdvanced] = react.useState({});
   const [selected, setSelected] = react.useState(null);
   const [inserted, setInserted] = react.useState([]);
   const [order, setOrder] = react.useState(null);
@@ -157,6 +163,8 @@ function useEditBridge(page, config) {
   const blocksKey = blocks.map((b) => `${b.id}:${b.type}`).join("|");
   react.useEffect(() => {
     setPatches({});
+    setPatchesStyle({});
+    setPatchesAdvanced({});
     setSelected(null);
     setInserted([]);
     setOrder(null);
@@ -209,6 +217,21 @@ function useEditBridge(page, config) {
           ...prev,
           [message.blockId]: { ...prev[message.blockId], ...message.content }
         }));
+        if (message.style) {
+          setPatchesStyle((prev) => ({
+            ...prev,
+            [message.blockId]: { ...prev[message.blockId], ...message.style }
+          }));
+        }
+        if (message.advanced) {
+          setPatchesAdvanced((prev) => ({
+            ...prev,
+            [message.blockId]: {
+              ...prev[message.blockId],
+              ...message.advanced
+            }
+          }));
+        }
       } else if (message.type === "cmssy:select") {
         setSelected(message.blockId);
         selectedIdRef.current = message.blockId;
@@ -219,6 +242,8 @@ function useEditBridge(page, config) {
             blockId: message.blockId,
             blockType: message.blockType,
             content: message.content,
+            style: message.style,
+            advanced: message.advanced,
             index: message.index
           });
           return next;
@@ -295,7 +320,15 @@ function useEditBridge(page, config) {
       window.removeEventListener("resize", emitSelectedBounds);
     };
   }, [config.editorOrigin, pageId, blocksKey]);
-  return { patches, selected, inserted, order, removed };
+  return {
+    patches,
+    patchesStyle,
+    patchesAdvanced,
+    selected,
+    inserted,
+    order,
+    removed
+  };
 }
 var MOVE_MIME = "application/x-cmssy-move";
 function visible(el) {
@@ -504,6 +537,8 @@ function CmssyBlock({
   defaultLocale,
   blockMap,
   patchedContent,
+  patchedStyle,
+  patchedAdvanced,
   editable,
   layoutPosition,
   context
@@ -511,6 +546,8 @@ function CmssyBlock({
   const Component = Object.hasOwn(blockMap, block.type) ? blockMap[block.type] : void 0;
   const base = getBlockContentForLanguage(block.content, locale, defaultLocale);
   const content = patchedContent ? { ...base, ...patchedContent } : base;
+  const style = patchedStyle ? { ...asBucket(block.style), ...patchedStyle } : asBucket(block.style);
+  const advanced = patchedAdvanced ? { ...asBucket(block.advanced), ...patchedAdvanced } : asBucket(block.advanced);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -521,8 +558,8 @@ function CmssyBlock({
       style: Component ? void 0 : { display: "none" },
       children: Component ? react.createElement(Component, {
         content,
-        style: asBucket(block.style),
-        advanced: asBucket(block.advanced),
+        style,
+        advanced,
         context
       }) : /* @__PURE__ */ jsxRuntime.jsx(UnknownBlock, { type: block.type })
     }
@@ -581,10 +618,7 @@ function EditableBlocks({
     }),
     [edit, blocks, category]
   );
-  const { patches, inserted, order, removed } = useEditBridge(
-    page,
-    bridgeConfig
-  );
+  const { patches, patchesStyle, patchesAdvanced, inserted, order, removed } = useEditBridge(page, bridgeConfig);
   const { dropY } = useDragAgent(bridgeConfig);
   const renderBlocks = react.useMemo(() => {
     const removedSet = new Set(removed);
@@ -595,7 +629,9 @@ function EditableBlocks({
       merged.splice(at, 0, {
         id: ins.blockId,
         type: ins.blockType,
-        content: ins.content
+        content: ins.content,
+        style: ins.style,
+        advanced: ins.advanced
       });
     }
     if (order) {
@@ -615,6 +651,8 @@ function EditableBlocks({
         locale,
         defaultLocale,
         patchedContent: patches[block.id],
+        patchedStyle: patchesStyle[block.id],
+        patchedAdvanced: patchesAdvanced[block.id],
         blockMap,
         editable: true,
         context

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 CmssyCart, g as CmssyOrder, h as CmssyProduct } from './commerce-queries-D5duQ6QF.cjs';
-export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-D5duQ6QF.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 CmssyCart, g as CmssyOrder, h as CmssyProduct } from './commerce-queries-CxUeiT52.cjs';
+export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-CxUeiT52.cjs';
 import { ReactNode } from 'react';
 import '@cmssy/types';
 
@@ -14,10 +14,14 @@ interface InsertedBlock {
     blockId: string;
     blockType: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     index: number;
 }
 interface EditBridgeState {
     patches: PatchMap;
+    patchesStyle: PatchMap;
+    patchesAdvanced: PatchMap;
     selected: string | null;
     inserted: InsertedBlock[];
     order: string[] | null;

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 CmssyCart, g as CmssyOrder, h as CmssyProduct } from './commerce-queries-D5duQ6QF.js';
-export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-D5duQ6QF.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 CmssyCart, g as CmssyOrder, h as CmssyProduct } from './commerce-queries-CxUeiT52.js';
+export { i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, l as CmssyOrderItem, m as CmssyProductVariant } from './commerce-queries-CxUeiT52.js';
 import { ReactNode } from 'react';
 import '@cmssy/types';
 
@@ -14,10 +14,14 @@ interface InsertedBlock {
     blockId: string;
     blockType: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     index: number;
 }
 interface EditBridgeState {
     patches: PatchMap;
+    patchesStyle: PatchMap;
+    patchesAdvanced: PatchMap;
     selected: string | null;
     inserted: InsertedBlock[];
     order: string[] | null;

package/dist/client.js

@@ -72,6 +72,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         content: data.content,
         protocolVersion: PROTOCOL_VERSION,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
       } : null;
     case "cmssy:parent-ready":
@@ -83,6 +85,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         blockType: data.blockType,
         content: data.content,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         index: data.index
       } : null;
     case "cmssy:reorder":
@@ -146,6 +150,8 @@ function collectLayoutBlocks(rects, pageIds) {
 }
 function useEditBridge(page, config) {
   const [patches, setPatches] = useState({});
+  const [patchesStyle, setPatchesStyle] = useState({});
+  const [patchesAdvanced, setPatchesAdvanced] = useState({});
   const [selected, setSelected] = useState(null);
   const [inserted, setInserted] = useState([]);
   const [order, setOrder] = useState(null);
@@ -155,6 +161,8 @@ function useEditBridge(page, config) {
   const blocksKey = blocks.map((b) => `${b.id}:${b.type}`).join("|");
   useEffect(() => {
     setPatches({});
+    setPatchesStyle({});
+    setPatchesAdvanced({});
     setSelected(null);
     setInserted([]);
     setOrder(null);
@@ -207,6 +215,21 @@ function useEditBridge(page, config) {
           ...prev,
           [message.blockId]: { ...prev[message.blockId], ...message.content }
         }));
+        if (message.style) {
+          setPatchesStyle((prev) => ({
+            ...prev,
+            [message.blockId]: { ...prev[message.blockId], ...message.style }
+          }));
+        }
+        if (message.advanced) {
+          setPatchesAdvanced((prev) => ({
+            ...prev,
+            [message.blockId]: {
+              ...prev[message.blockId],
+              ...message.advanced
+            }
+          }));
+        }
       } else if (message.type === "cmssy:select") {
         setSelected(message.blockId);
         selectedIdRef.current = message.blockId;
@@ -217,6 +240,8 @@ function useEditBridge(page, config) {
             blockId: message.blockId,
             blockType: message.blockType,
             content: message.content,
+            style: message.style,
+            advanced: message.advanced,
             index: message.index
           });
           return next;
@@ -293,7 +318,15 @@ function useEditBridge(page, config) {
       window.removeEventListener("resize", emitSelectedBounds);
     };
   }, [config.editorOrigin, pageId, blocksKey]);
-  return { patches, selected, inserted, order, removed };
+  return {
+    patches,
+    patchesStyle,
+    patchesAdvanced,
+    selected,
+    inserted,
+    order,
+    removed
+  };
 }
 var MOVE_MIME = "application/x-cmssy-move";
 function visible(el) {
@@ -502,6 +535,8 @@ function CmssyBlock({
   defaultLocale,
   blockMap,
   patchedContent,
+  patchedStyle,
+  patchedAdvanced,
   editable,
   layoutPosition,
   context
@@ -509,6 +544,8 @@ function CmssyBlock({
   const Component = Object.hasOwn(blockMap, block.type) ? blockMap[block.type] : void 0;
   const base = getBlockContentForLanguage(block.content, locale, defaultLocale);
   const content = patchedContent ? { ...base, ...patchedContent } : base;
+  const style = patchedStyle ? { ...asBucket(block.style), ...patchedStyle } : asBucket(block.style);
+  const advanced = patchedAdvanced ? { ...asBucket(block.advanced), ...patchedAdvanced } : asBucket(block.advanced);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -519,8 +556,8 @@ function CmssyBlock({
       style: Component ? void 0 : { display: "none" },
       children: Component ? createElement(Component, {
         content,
-        style: asBucket(block.style),
-        advanced: asBucket(block.advanced),
+        style,
+        advanced,
         context
       }) : /* @__PURE__ */ jsx(UnknownBlock, { type: block.type })
     }
@@ -579,10 +616,7 @@ function EditableBlocks({
     }),
     [edit, blocks, category]
   );
-  const { patches, inserted, order, removed } = useEditBridge(
-    page,
-    bridgeConfig
-  );
+  const { patches, patchesStyle, patchesAdvanced, inserted, order, removed } = useEditBridge(page, bridgeConfig);
   const { dropY } = useDragAgent(bridgeConfig);
   const renderBlocks = useMemo(() => {
     const removedSet = new Set(removed);
@@ -593,7 +627,9 @@ function EditableBlocks({
       merged.splice(at, 0, {
         id: ins.blockId,
         type: ins.blockType,
-        content: ins.content
+        content: ins.content,
+        style: ins.style,
+        advanced: ins.advanced
       });
     }
     if (order) {
@@ -613,6 +649,8 @@ function EditableBlocks({
         locale,
         defaultLocale,
         patchedContent: patches[block.id],
+        patchedStyle: patchesStyle[block.id],
+        patchedAdvanced: patchesAdvanced[block.id],
         blockMap,
         editable: true,
         context

package/dist/{commerce-queries-D5duQ6QF.d.cts → commerce-queries-CxUeiT52.d.cts}

@@ -8,9 +8,22 @@ import { FieldConditionGroup, FieldType } from '@cmssy/types';
  */
 declare const DEFAULT_CMSSY_API_URL = "https://api.cmssy.io/graphql";
 declare function resolveApiUrl(apiUrl: string | undefined): string;
+/**
+ * Public delivery endpoint for a workspace: the org-scoped path
+ * `{base}/public/{orgSlug}/{workspaceSlug}/graphql`. `apiUrl` is the GraphQL
+ * base (its trailing `/graphql` is stripped); the org path is what tells the
+ * backend which workspace to serve, so slugs only need to be unique per org.
+ */
+declare function resolvePublicUrl(config: CmssyClientConfig): string;
 interface CmssyClientConfig {
-    /** Full GraphQL delivery endpoint. Defaults to {@link DEFAULT_CMSSY_API_URL}. */
+    /**
+     * Full GraphQL endpoint (used as-is for authenticated requests). Defaults to
+     * {@link DEFAULT_CMSSY_API_URL}. Public reads strip its trailing `/graphql`
+     * and append the org-scoped path (see {@link resolvePublicUrl}).
+     */
     apiUrl?: string;
+    /** Organization slug - part of the org-scoped delivery path. */
+    org: string;
     workspaceSlug: string;
 }
 interface FetchLikeResponse {
@@ -94,7 +107,7 @@ interface CmssySiteConfig {
     previewUrl: string | null;
     branding: CmssyBranding | null;
 }
-declare const SITE_CONFIG_QUERY = "query PublicSiteConfig($workspaceSlug: String!) {\n  publicSiteConfig(workspaceSlug: $workspaceSlug) {\n    id\n    workspaceId\n    siteName\n    defaultLanguage\n    enabledLanguages\n    enabledFeatures\n    notFoundPageId\n    previewUrl\n    branding {\n      brandName\n      logoUrl\n      faviconUrl\n      ogImageUrl\n    }\n  }\n}";
+declare const SITE_CONFIG_QUERY = "query PublicSiteConfig($workspaceSlug: String!) {\n  public {\n    siteConfig(workspaceSlug: $workspaceSlug) {\n      id\n      workspaceId\n      siteName\n      defaultLanguage\n      enabledLanguages\n      enabledFeatures\n      notFoundPageId\n      previewUrl\n      branding {\n        brandName\n        logoUrl\n        faviconUrl\n        ogImageUrl\n      }\n    }\n  }\n}";
 interface CmssyModelDefinition {
     id: string;
     name: string;
@@ -275,6 +288,8 @@ interface PatchMessage {
     protocolVersion: number;
     blockId: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     layoutPosition?: string;
 }
 interface ParentReadyMessage {
@@ -287,6 +302,8 @@ interface InsertMessage {
     blockId: string;
     blockType: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     index: number;
 }
 interface ReorderMessage {
@@ -475,4 +492,4 @@ interface CmssyOrder {
     createdAt?: string;
 }
 
-export { SUBMIT_FORM_MUTATION as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyFormField as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormSettings as G, type CmssyFormSubmitResponse as H, type CmssyLocalizedValue as I, type CmssyModelDefinition as J, type CmssyModelRecord as K, type CmssyPageMeta as L, type CmssyPageSummary as M, type CmssyRecordList as N, DEFAULT_CMSSY_API_URL as O, FORM_QUERY as P, type FetchLikeResponse as Q, type RawBlock as R, type FetchPageOptions as S, MODEL_DEFINITIONS_QUERY as T, MODEL_RECORDS_QUERY as U, PROTOCOL_VERSION as V, type ParentReadyMessage as W, type PatchMessage as X, type RawLayoutBlock as Y, type ReadyMessage as Z, SITE_CONFIG_QUERY as _, type BlockMeta as a, type SelectMessage as a0, type SubmitFormInput as a1, blocksToMeta as a2, blocksToSchemas as a3, buildBlockContext as a4, buildBlockMap as a5, defineBlock as a6, fetchLayouts as a7, fetchPage as a8, fetchPageById as a9, fetchPageMeta as aa, fetchPages as ab, isProtocolCompatible as ac, normalizeSlug as ad, resolveApiUrl as ae, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyCart as f, type CmssyOrder as g, type CmssyProduct as h, type CmssyCartDiscount as i, type CmssyCartItem as j, type CmssyCartItemSnapshot as k, type CmssyOrderItem as l, type CmssyProductVariant as m, type CmssyBlockAuthContext as n, type CmssyBlockWorkspace as o, type FetchLike as p, type CmssyClientConfig as q, type CmssySiteConfig as r, type BlockMap as s, type CmssyBlockContext as t, type BlockRect as u, type BoundsMessage as v, type BuildBlockContextExtra as w, type ClickMessage as x, type CmssyBlockMember as y, type CmssyBranding as z };
+export { SUBMIT_FORM_MUTATION as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyFormField as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormSettings as G, type CmssyFormSubmitResponse as H, type CmssyLocalizedValue as I, type CmssyModelDefinition as J, type CmssyModelRecord as K, type CmssyPageMeta as L, type CmssyPageSummary as M, type CmssyRecordList as N, DEFAULT_CMSSY_API_URL as O, FORM_QUERY as P, type FetchLikeResponse as Q, type RawBlock as R, type FetchPageOptions as S, MODEL_DEFINITIONS_QUERY as T, MODEL_RECORDS_QUERY as U, PROTOCOL_VERSION as V, type ParentReadyMessage as W, type PatchMessage as X, type RawLayoutBlock as Y, type ReadyMessage as Z, SITE_CONFIG_QUERY as _, type BlockMeta as a, type SelectMessage as a0, type SubmitFormInput as a1, blocksToMeta as a2, blocksToSchemas as a3, buildBlockContext as a4, buildBlockMap as a5, defineBlock as a6, fetchLayouts as a7, fetchPage as a8, fetchPageById as a9, fetchPageMeta as aa, fetchPages as ab, isProtocolCompatible as ac, normalizeSlug as ad, resolveApiUrl as ae, resolvePublicUrl as af, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyCart as f, type CmssyOrder as g, type CmssyProduct as h, type CmssyCartDiscount as i, type CmssyCartItem as j, type CmssyCartItemSnapshot as k, type CmssyOrderItem as l, type CmssyProductVariant as m, type CmssyBlockAuthContext as n, type CmssyBlockWorkspace as o, type FetchLike as p, type CmssyClientConfig as q, type CmssySiteConfig as r, type BlockMap as s, type CmssyBlockContext as t, type BlockRect as u, type BoundsMessage as v, type BuildBlockContextExtra as w, type ClickMessage as x, type CmssyBlockMember as y, type CmssyBranding as z };

package/dist/{commerce-queries-D5duQ6QF.d.ts → commerce-queries-CxUeiT52.d.ts}

@@ -8,9 +8,22 @@ import { FieldConditionGroup, FieldType } from '@cmssy/types';
  */
 declare const DEFAULT_CMSSY_API_URL = "https://api.cmssy.io/graphql";
 declare function resolveApiUrl(apiUrl: string | undefined): string;
+/**
+ * Public delivery endpoint for a workspace: the org-scoped path
+ * `{base}/public/{orgSlug}/{workspaceSlug}/graphql`. `apiUrl` is the GraphQL
+ * base (its trailing `/graphql` is stripped); the org path is what tells the
+ * backend which workspace to serve, so slugs only need to be unique per org.
+ */
+declare function resolvePublicUrl(config: CmssyClientConfig): string;
 interface CmssyClientConfig {
-    /** Full GraphQL delivery endpoint. Defaults to {@link DEFAULT_CMSSY_API_URL}. */
+    /**
+     * Full GraphQL endpoint (used as-is for authenticated requests). Defaults to
+     * {@link DEFAULT_CMSSY_API_URL}. Public reads strip its trailing `/graphql`
+     * and append the org-scoped path (see {@link resolvePublicUrl}).
+     */
     apiUrl?: string;
+    /** Organization slug - part of the org-scoped delivery path. */
+    org: string;
     workspaceSlug: string;
 }
 interface FetchLikeResponse {
@@ -94,7 +107,7 @@ interface CmssySiteConfig {
     previewUrl: string | null;
     branding: CmssyBranding | null;
 }
-declare const SITE_CONFIG_QUERY = "query PublicSiteConfig($workspaceSlug: String!) {\n  publicSiteConfig(workspaceSlug: $workspaceSlug) {\n    id\n    workspaceId\n    siteName\n    defaultLanguage\n    enabledLanguages\n    enabledFeatures\n    notFoundPageId\n    previewUrl\n    branding {\n      brandName\n      logoUrl\n      faviconUrl\n      ogImageUrl\n    }\n  }\n}";
+declare const SITE_CONFIG_QUERY = "query PublicSiteConfig($workspaceSlug: String!) {\n  public {\n    siteConfig(workspaceSlug: $workspaceSlug) {\n      id\n      workspaceId\n      siteName\n      defaultLanguage\n      enabledLanguages\n      enabledFeatures\n      notFoundPageId\n      previewUrl\n      branding {\n        brandName\n        logoUrl\n        faviconUrl\n        ogImageUrl\n      }\n    }\n  }\n}";
 interface CmssyModelDefinition {
     id: string;
     name: string;
@@ -275,6 +288,8 @@ interface PatchMessage {
     protocolVersion: number;
     blockId: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     layoutPosition?: string;
 }
 interface ParentReadyMessage {
@@ -287,6 +302,8 @@ interface InsertMessage {
     blockId: string;
     blockType: string;
     content: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    advanced?: Record<string, unknown>;
     index: number;
 }
 interface ReorderMessage {
@@ -475,4 +492,4 @@ interface CmssyOrder {
     createdAt?: string;
 }
 
-export { SUBMIT_FORM_MUTATION as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyFormField as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormSettings as G, type CmssyFormSubmitResponse as H, type CmssyLocalizedValue as I, type CmssyModelDefinition as J, type CmssyModelRecord as K, type CmssyPageMeta as L, type CmssyPageSummary as M, type CmssyRecordList as N, DEFAULT_CMSSY_API_URL as O, FORM_QUERY as P, type FetchLikeResponse as Q, type RawBlock as R, type FetchPageOptions as S, MODEL_DEFINITIONS_QUERY as T, MODEL_RECORDS_QUERY as U, PROTOCOL_VERSION as V, type ParentReadyMessage as W, type PatchMessage as X, type RawLayoutBlock as Y, type ReadyMessage as Z, SITE_CONFIG_QUERY as _, type BlockMeta as a, type SelectMessage as a0, type SubmitFormInput as a1, blocksToMeta as a2, blocksToSchemas as a3, buildBlockContext as a4, buildBlockMap as a5, defineBlock as a6, fetchLayouts as a7, fetchPage as a8, fetchPageById as a9, fetchPageMeta as aa, fetchPages as ab, isProtocolCompatible as ac, normalizeSlug as ad, resolveApiUrl as ae, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyCart as f, type CmssyOrder as g, type CmssyProduct as h, type CmssyCartDiscount as i, type CmssyCartItem as j, type CmssyCartItemSnapshot as k, type CmssyOrderItem as l, type CmssyProductVariant as m, type CmssyBlockAuthContext as n, type CmssyBlockWorkspace as o, type FetchLike as p, type CmssyClientConfig as q, type CmssySiteConfig as r, type BlockMap as s, type CmssyBlockContext as t, type BlockRect as u, type BoundsMessage as v, type BuildBlockContextExtra as w, type ClickMessage as x, type CmssyBlockMember as y, type CmssyBranding as z };
+export { SUBMIT_FORM_MUTATION as $, type AppToEditorMessage as A, type BlockSchema as B, type CmssyPageData as C, type CmssyFormField as D, type EditorToAppMessage as E, type FieldDefinition as F, type CmssyFormSettings as G, type CmssyFormSubmitResponse as H, type CmssyLocalizedValue as I, type CmssyModelDefinition as J, type CmssyModelRecord as K, type CmssyPageMeta as L, type CmssyPageSummary as M, type CmssyRecordList as N, DEFAULT_CMSSY_API_URL as O, FORM_QUERY as P, type FetchLikeResponse as Q, type RawBlock as R, type FetchPageOptions as S, MODEL_DEFINITIONS_QUERY as T, MODEL_RECORDS_QUERY as U, PROTOCOL_VERSION as V, type ParentReadyMessage as W, type PatchMessage as X, type RawLayoutBlock as Y, type ReadyMessage as Z, SITE_CONFIG_QUERY as _, type BlockMeta as a, type SelectMessage as a0, type SubmitFormInput as a1, blocksToMeta as a2, blocksToSchemas as a3, buildBlockContext as a4, buildBlockMap as a5, defineBlock as a6, fetchLayouts as a7, fetchPage as a8, fetchPageById as a9, fetchPageMeta as aa, fetchPages as ab, isProtocolCompatible as ac, normalizeSlug as ad, resolveApiUrl as ae, resolvePublicUrl as af, type BlockDefinition as b, type CmssyFormDefinition as c, type CmssyLayoutGroup as d, type CmssyLocaleContext as e, type CmssyCart as f, type CmssyOrder as g, type CmssyProduct as h, type CmssyCartDiscount as i, type CmssyCartItem as j, type CmssyCartItemSnapshot as k, type CmssyOrderItem as l, type CmssyProductVariant as m, type CmssyBlockAuthContext as n, type CmssyBlockWorkspace as o, type FetchLike as p, type CmssyClientConfig as q, type CmssySiteConfig as r, type BlockMap as s, type CmssyBlockContext as t, type BlockRect as u, type BoundsMessage as v, type BuildBlockContextExtra as w, type ClickMessage as x, type CmssyBlockMember as y, type CmssyBranding as z };

package/dist/index.cjs

@@ -269,6 +269,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         content: data.content,
         protocolVersion: PROTOCOL_VERSION,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
       } : null;
     case "cmssy:parent-ready":
@@ -280,6 +282,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         blockType: data.blockType,
         content: data.content,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         index: data.index
       } : null;
     case "cmssy:reorder":
@@ -316,6 +320,10 @@ function resolveApiUrl(apiUrl) {
   const fromEnv = env?.CMSSY_API_URL?.trim() ?? "";
   return fromEnv.length > 0 ? fromEnv : DEFAULT_CMSSY_API_URL;
 }
+function resolvePublicUrl(config) {
+  const base = resolveApiUrl(config.apiUrl).replace(/\/graphql\/?$/, "");
+  return `${base}/public/${config.org}/${config.workspaceSlug}/graphql`;
+}
 var PUBLIC_PAGE_QUERY = `query PublicPage($workspaceSlug: String!, $slug: String!, $previewSecret: String) {
   public {
     page {
@@ -412,7 +420,7 @@ async function fetchPage(config, path, options = {}) {
       headers["x-workspace-id"] = options.workspaceId;
     }
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers,
     body: JSON.stringify({
@@ -461,7 +469,7 @@ async function fetchPageById(config, pageId, options = {}) {
       "cmssy: no fetch implementation available - pass options.fetch"
     );
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({
@@ -505,7 +513,7 @@ async function fetchPages(config, options = {}) {
       "cmssy: no fetch implementation available - pass options.fetch"
     );
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({
@@ -537,7 +545,7 @@ async function fetchPageMeta(config, path, options = {}) {
       "cmssy: no fetch implementation available - pass options.fetch"
     );
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({
@@ -571,7 +579,7 @@ async function fetchLayouts(config, path, options = {}) {
   }
   const trimmedSecret = options.previewSecret?.trim();
   const previewSecret = trimmedSecret ? trimmedSecret : null;
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({
@@ -608,7 +616,8 @@ async function graphqlRequest(config, query, variables, options = {}, label = "r
       "cmssy: no fetch implementation available - pass options.fetch"
     );
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const url = options.public ? resolvePublicUrl(config) : resolveApiUrl(config.apiUrl);
+  const response = await doFetch(url, {
     method: "POST",
     headers: { "content-type": "application/json", ...options.headers },
     body: JSON.stringify({ query, variables }),
@@ -641,20 +650,22 @@ async function graphqlRequest(config, query, variables, options = {}, label = "r
 
 // src/data/queries.ts
 var SITE_CONFIG_QUERY = `query PublicSiteConfig($workspaceSlug: String!) {
-  publicSiteConfig(workspaceSlug: $workspaceSlug) {
-    id
-    workspaceId
-    siteName
-    defaultLanguage
-    enabledLanguages
-    enabledFeatures
-    notFoundPageId
-    previewUrl
-    branding {
-      brandName
-      logoUrl
-      faviconUrl
-      ogImageUrl
+  public {
+    siteConfig(workspaceSlug: $workspaceSlug) {
+      id
+      workspaceId
+      siteName
+      defaultLanguage
+      enabledLanguages
+      enabledFeatures
+      notFoundPageId
+      previewUrl
+      branding {
+        brandName
+        logoUrl
+        faviconUrl
+        ogImageUrl
+      }
     }
   }
 }`;
@@ -700,10 +711,10 @@ async function fetchSiteConfig(config, options = {}) {
     config,
     SITE_CONFIG_QUERY,
     { workspaceSlug: config.workspaceSlug },
-    options,
+    { ...options, public: true },
     "site config query"
   );
-  return data.publicSiteConfig ?? null;
+  return data.public?.siteConfig ?? null;
 }
 async function resolveWorkspaceId(config, options = {}) {
   const siteConfig = await fetchSiteConfig(config, options);
@@ -806,7 +817,7 @@ var TTL_MS = 6e4;
 var MAX_ENTRIES = 64;
 var cache = /* @__PURE__ */ new Map();
 async function resolveSiteLocales(config, options) {
-  const key = `${resolveApiUrl(config.apiUrl)}::${config.workspaceSlug}`;
+  const key = `${resolveApiUrl(config.apiUrl)}::${config.org}::${config.workspaceSlug}`;
   const cached = cache.get(key);
   if (cached && cached.expires > Date.now()) return cached.value;
   cache.delete(key);
@@ -816,10 +827,10 @@ async function resolveSiteLocales(config, options) {
       config,
       SITE_CONFIG_QUERY,
       { workspaceSlug: config.workspaceSlug },
-      options,
+      { ...options, public: true },
       "site config"
     );
-    const siteConfig = data.publicSiteConfig;
+    const siteConfig = data.public?.siteConfig ?? null;
     const defaultLocale = siteConfig?.defaultLanguage || "en";
     const enabled = siteConfig?.enabledLanguages ?? [];
     value = {
@@ -892,6 +903,8 @@ function CmssyBlock({
   defaultLocale,
   blockMap,
   patchedContent,
+  patchedStyle,
+  patchedAdvanced,
   editable,
   layoutPosition,
   context
@@ -899,6 +912,8 @@ function CmssyBlock({
   const Component = Object.hasOwn(blockMap, block.type) ? blockMap[block.type] : void 0;
   const base = getBlockContentForLanguage(block.content, locale, defaultLocale);
   const content = patchedContent ? { ...base, ...patchedContent } : base;
+  const style = patchedStyle ? { ...asBucket(block.style), ...patchedStyle } : asBucket(block.style);
+  const advanced = patchedAdvanced ? { ...asBucket(block.advanced), ...patchedAdvanced } : asBucket(block.advanced);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -909,8 +924,8 @@ function CmssyBlock({
       style: Component ? void 0 : { display: "none" },
       children: Component ? react.createElement(Component, {
         content,
-        style: asBucket(block.style),
-        advanced: asBucket(block.advanced),
+        style,
+        advanced,
         context
       }) : /* @__PURE__ */ jsxRuntime.jsx(UnknownBlock, { type: block.type })
     }
@@ -958,6 +973,7 @@ exports.parseEditorMessage = parseEditorMessage;
 exports.postToEditor = postToEditor;
 exports.resolveApiUrl = resolveApiUrl;
 exports.resolveForms = resolveForms;
+exports.resolvePublicUrl = resolvePublicUrl;
 exports.resolveSiteLocales = resolveSiteLocales;
 exports.resolveWorkspaceId = resolveWorkspaceId;
 exports.splitLocaleFromPath = splitLocaleFromPath;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, n as CmssyBlockAuthContext, o as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, p as FetchLike, q as CmssyClientConfig, r as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, s as BlockMap, t as CmssyBlockContext } from './commerce-queries-D5duQ6QF.cjs';
-export { a as BlockMeta, u as BlockRect, B as BlockSchema, v as BoundsMessage, w as BuildBlockContextExtra, x as ClickMessage, y as CmssyBlockMember, z as CmssyBranding, f as CmssyCart, i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, D as CmssyFormField, G as CmssyFormSettings, H as CmssyFormSubmitResponse, I as CmssyLocalizedValue, J as CmssyModelDefinition, K as CmssyModelRecord, g as CmssyOrder, L as CmssyPageMeta, M as CmssyPageSummary, h as CmssyProduct, m as CmssyProductVariant, N as CmssyRecordList, O as DEFAULT_CMSSY_API_URL, P as FORM_QUERY, Q as FetchLikeResponse, S as FetchPageOptions, T as MODEL_DEFINITIONS_QUERY, U as MODEL_RECORDS_QUERY, V as PROTOCOL_VERSION, W as ParentReadyMessage, X as PatchMessage, Y as RawLayoutBlock, Z as ReadyMessage, _ as SITE_CONFIG_QUERY, $ as SUBMIT_FORM_MUTATION, a0 as SelectMessage, a1 as SubmitFormInput, a2 as blocksToMeta, a3 as blocksToSchemas, a4 as buildBlockContext, a5 as buildBlockMap, a6 as defineBlock, a7 as fetchLayouts, a8 as fetchPage, a9 as fetchPageById, aa as fetchPageMeta, ab as fetchPages, ac as isProtocolCompatible, ad as normalizeSlug, ae as resolveApiUrl } from './commerce-queries-D5duQ6QF.cjs';
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, n as CmssyBlockAuthContext, o as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, p as FetchLike, q as CmssyClientConfig, r as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, s as BlockMap, t as CmssyBlockContext } from './commerce-queries-CxUeiT52.cjs';
+export { a as BlockMeta, u as BlockRect, B as BlockSchema, v as BoundsMessage, w as BuildBlockContextExtra, x as ClickMessage, y as CmssyBlockMember, z as CmssyBranding, f as CmssyCart, i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, D as CmssyFormField, G as CmssyFormSettings, H as CmssyFormSubmitResponse, I as CmssyLocalizedValue, J as CmssyModelDefinition, K as CmssyModelRecord, g as CmssyOrder, L as CmssyPageMeta, M as CmssyPageSummary, h as CmssyProduct, m as CmssyProductVariant, N as CmssyRecordList, O as DEFAULT_CMSSY_API_URL, P as FORM_QUERY, Q as FetchLikeResponse, S as FetchPageOptions, T as MODEL_DEFINITIONS_QUERY, U as MODEL_RECORDS_QUERY, V as PROTOCOL_VERSION, W as ParentReadyMessage, X as PatchMessage, Y as RawLayoutBlock, Z as ReadyMessage, _ as SITE_CONFIG_QUERY, $ as SUBMIT_FORM_MUTATION, a0 as SelectMessage, a1 as SubmitFormInput, a2 as blocksToMeta, a3 as blocksToSchemas, a4 as buildBlockContext, a5 as buildBlockMap, a6 as defineBlock, a7 as fetchLayouts, a8 as fetchPage, a9 as fetchPageById, aa as fetchPageMeta, ab as fetchPages, ac as isProtocolCompatible, ad as normalizeSlug, ae as resolveApiUrl, af as resolvePublicUrl } from './commerce-queries-CxUeiT52.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, FieldType, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';
@@ -76,6 +76,12 @@ interface GraphqlRequestOptions {
     fetch?: FetchLike;
     signal?: AbortSignal;
     headers?: Record<string, string>;
+    /**
+     * Route through the org-scoped public delivery path instead of the base
+     * `/graphql` endpoint. Set for unauthenticated public queries so the backend
+     * resolves the workspace from the URL rather than a global slug lookup.
+     */
+    public?: boolean;
 }
 declare function graphqlRequest<T>(config: CmssyClientConfig, query: string, variables: Record<string, unknown>, options?: GraphqlRequestOptions, label?: string): Promise<T>;
 
@@ -129,11 +135,13 @@ interface CmssyBlockProps {
     defaultLocale: string;
     blockMap: BlockMap;
     patchedContent?: Record<string, unknown>;
+    patchedStyle?: Record<string, unknown>;
+    patchedAdvanced?: Record<string, unknown>;
     editable?: boolean;
     layoutPosition?: string;
     context?: CmssyBlockContext;
 }
-declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, editable, layoutPosition, context, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
+declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, patchedStyle, patchedAdvanced, editable, layoutPosition, context, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
 
 interface UnknownBlockProps {
     type: string;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, n as CmssyBlockAuthContext, o as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, p as FetchLike, q as CmssyClientConfig, r as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, s as BlockMap, t as CmssyBlockContext } from './commerce-queries-D5duQ6QF.js';
-export { a as BlockMeta, u as BlockRect, B as BlockSchema, v as BoundsMessage, w as BuildBlockContextExtra, x as ClickMessage, y as CmssyBlockMember, z as CmssyBranding, f as CmssyCart, i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, D as CmssyFormField, G as CmssyFormSettings, H as CmssyFormSubmitResponse, I as CmssyLocalizedValue, J as CmssyModelDefinition, K as CmssyModelRecord, g as CmssyOrder, L as CmssyPageMeta, M as CmssyPageSummary, h as CmssyProduct, m as CmssyProductVariant, N as CmssyRecordList, O as DEFAULT_CMSSY_API_URL, P as FORM_QUERY, Q as FetchLikeResponse, S as FetchPageOptions, T as MODEL_DEFINITIONS_QUERY, U as MODEL_RECORDS_QUERY, V as PROTOCOL_VERSION, W as ParentReadyMessage, X as PatchMessage, Y as RawLayoutBlock, Z as ReadyMessage, _ as SITE_CONFIG_QUERY, $ as SUBMIT_FORM_MUTATION, a0 as SelectMessage, a1 as SubmitFormInput, a2 as blocksToMeta, a3 as blocksToSchemas, a4 as buildBlockContext, a5 as buildBlockMap, a6 as defineBlock, a7 as fetchLayouts, a8 as fetchPage, a9 as fetchPageById, aa as fetchPageMeta, ab as fetchPages, ac as isProtocolCompatible, ad as normalizeSlug, ae as resolveApiUrl } from './commerce-queries-D5duQ6QF.js';
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyFormDefinition, n as CmssyBlockAuthContext, o as CmssyBlockWorkspace, d as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, p as FetchLike, q as CmssyClientConfig, r as CmssySiteConfig, R as RawBlock, e as CmssyLocaleContext, s as BlockMap, t as CmssyBlockContext } from './commerce-queries-CxUeiT52.js';
+export { a as BlockMeta, u as BlockRect, B as BlockSchema, v as BoundsMessage, w as BuildBlockContextExtra, x as ClickMessage, y as CmssyBlockMember, z as CmssyBranding, f as CmssyCart, i as CmssyCartDiscount, j as CmssyCartItem, k as CmssyCartItemSnapshot, D as CmssyFormField, G as CmssyFormSettings, H as CmssyFormSubmitResponse, I as CmssyLocalizedValue, J as CmssyModelDefinition, K as CmssyModelRecord, g as CmssyOrder, L as CmssyPageMeta, M as CmssyPageSummary, h as CmssyProduct, m as CmssyProductVariant, N as CmssyRecordList, O as DEFAULT_CMSSY_API_URL, P as FORM_QUERY, Q as FetchLikeResponse, S as FetchPageOptions, T as MODEL_DEFINITIONS_QUERY, U as MODEL_RECORDS_QUERY, V as PROTOCOL_VERSION, W as ParentReadyMessage, X as PatchMessage, Y as RawLayoutBlock, Z as ReadyMessage, _ as SITE_CONFIG_QUERY, $ as SUBMIT_FORM_MUTATION, a0 as SelectMessage, a1 as SubmitFormInput, a2 as blocksToMeta, a3 as blocksToSchemas, a4 as buildBlockContext, a5 as buildBlockMap, a6 as defineBlock, a7 as fetchLayouts, a8 as fetchPage, a9 as fetchPageById, aa as fetchPageMeta, ab as fetchPages, ac as isProtocolCompatible, ad as normalizeSlug, ae as resolveApiUrl, af as resolvePublicUrl } from './commerce-queries-CxUeiT52.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { FieldCondition, FieldConditionGroup, FieldConditionLogic, FieldType, evaluateFieldConditionGroup } from '@cmssy/types';
 import 'react';
@@ -76,6 +76,12 @@ interface GraphqlRequestOptions {
     fetch?: FetchLike;
     signal?: AbortSignal;
     headers?: Record<string, string>;
+    /**
+     * Route through the org-scoped public delivery path instead of the base
+     * `/graphql` endpoint. Set for unauthenticated public queries so the backend
+     * resolves the workspace from the URL rather than a global slug lookup.
+     */
+    public?: boolean;
 }
 declare function graphqlRequest<T>(config: CmssyClientConfig, query: string, variables: Record<string, unknown>, options?: GraphqlRequestOptions, label?: string): Promise<T>;
 
@@ -129,11 +135,13 @@ interface CmssyBlockProps {
     defaultLocale: string;
     blockMap: BlockMap;
     patchedContent?: Record<string, unknown>;
+    patchedStyle?: Record<string, unknown>;
+    patchedAdvanced?: Record<string, unknown>;
     editable?: boolean;
     layoutPosition?: string;
     context?: CmssyBlockContext;
 }
-declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, editable, layoutPosition, context, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
+declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, patchedStyle, patchedAdvanced, editable, layoutPosition, context, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
 
 interface UnknownBlockProps {
     type: string;

package/dist/index.js

@@ -267,6 +267,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         content: data.content,
         protocolVersion: PROTOCOL_VERSION,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
       } : null;
     case "cmssy:parent-ready":
@@ -278,6 +280,8 @@ function parseEditorMessage(data, origin, expectedOrigin) {
         blockId: data.blockId,
         blockType: data.blockType,
         content: data.content,
+        ...isObject(data.style) ? { style: data.style } : {},
+        ...isObject(data.advanced) ? { advanced: data.advanced } : {},
         index: data.index
       } : null;
     case "cmssy:reorder":
@@ -314,6 +318,10 @@ function resolveApiUrl(apiUrl) {
   const fromEnv = env?.CMSSY_API_URL?.trim() ?? "";
   return fromEnv.length > 0 ? fromEnv : DEFAULT_CMSSY_API_URL;
 }
+function resolvePublicUrl(config) {
+  const base = resolveApiUrl(config.apiUrl).replace(/\/graphql\/?$/, "");
+  return `${base}/public/${config.org}/${config.workspaceSlug}/graphql`;
+}
 var PUBLIC_PAGE_QUERY = `query PublicPage($workspaceSlug: String!, $slug: String!, $previewSecret: String) {
   public {
     page {
@@ -410,7 +418,7 @@ async function fetchPage(config, path, options = {}) {
       headers["x-workspace-id"] = options.workspaceId;
     }
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers,
     body: JSON.stringify({
@@ -459,7 +467,7 @@ async function fetchPageById(config, pageId, options = {}) {
       "cmssy: no fetch implementation available - pass options.fetch"
     );
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({
@@ -503,7 +511,7 @@ async function fetchPages(config, options = {}) {
       "cmssy: no fetch implementation available - pass options.fetch"
     );
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({
@@ -535,7 +543,7 @@ async function fetchPageMeta(config, path, options = {}) {
       "cmssy: no fetch implementation available - pass options.fetch"
     );
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({
@@ -569,7 +577,7 @@ async function fetchLayouts(config, path, options = {}) {
   }
   const trimmedSecret = options.previewSecret?.trim();
   const previewSecret = trimmedSecret ? trimmedSecret : null;
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const response = await doFetch(resolvePublicUrl(config), {
     method: "POST",
     headers: { "content-type": "application/json" },
     body: JSON.stringify({
@@ -606,7 +614,8 @@ async function graphqlRequest(config, query, variables, options = {}, label = "r
       "cmssy: no fetch implementation available - pass options.fetch"
     );
   }
-  const response = await doFetch(resolveApiUrl(config.apiUrl), {
+  const url = options.public ? resolvePublicUrl(config) : resolveApiUrl(config.apiUrl);
+  const response = await doFetch(url, {
     method: "POST",
     headers: { "content-type": "application/json", ...options.headers },
     body: JSON.stringify({ query, variables }),
@@ -639,20 +648,22 @@ async function graphqlRequest(config, query, variables, options = {}, label = "r
 
 // src/data/queries.ts
 var SITE_CONFIG_QUERY = `query PublicSiteConfig($workspaceSlug: String!) {
-  publicSiteConfig(workspaceSlug: $workspaceSlug) {
-    id
-    workspaceId
-    siteName
-    defaultLanguage
-    enabledLanguages
-    enabledFeatures
-    notFoundPageId
-    previewUrl
-    branding {
-      brandName
-      logoUrl
-      faviconUrl
-      ogImageUrl
+  public {
+    siteConfig(workspaceSlug: $workspaceSlug) {
+      id
+      workspaceId
+      siteName
+      defaultLanguage
+      enabledLanguages
+      enabledFeatures
+      notFoundPageId
+      previewUrl
+      branding {
+        brandName
+        logoUrl
+        faviconUrl
+        ogImageUrl
+      }
     }
   }
 }`;
@@ -698,10 +709,10 @@ async function fetchSiteConfig(config, options = {}) {
     config,
     SITE_CONFIG_QUERY,
     { workspaceSlug: config.workspaceSlug },
-    options,
+    { ...options, public: true },
     "site config query"
   );
-  return data.publicSiteConfig ?? null;
+  return data.public?.siteConfig ?? null;
 }
 async function resolveWorkspaceId(config, options = {}) {
   const siteConfig = await fetchSiteConfig(config, options);
@@ -804,7 +815,7 @@ var TTL_MS = 6e4;
 var MAX_ENTRIES = 64;
 var cache = /* @__PURE__ */ new Map();
 async function resolveSiteLocales(config, options) {
-  const key = `${resolveApiUrl(config.apiUrl)}::${config.workspaceSlug}`;
+  const key = `${resolveApiUrl(config.apiUrl)}::${config.org}::${config.workspaceSlug}`;
   const cached = cache.get(key);
   if (cached && cached.expires > Date.now()) return cached.value;
   cache.delete(key);
@@ -814,10 +825,10 @@ async function resolveSiteLocales(config, options) {
       config,
       SITE_CONFIG_QUERY,
       { workspaceSlug: config.workspaceSlug },
-      options,
+      { ...options, public: true },
       "site config"
     );
-    const siteConfig = data.publicSiteConfig;
+    const siteConfig = data.public?.siteConfig ?? null;
     const defaultLocale = siteConfig?.defaultLanguage || "en";
     const enabled = siteConfig?.enabledLanguages ?? [];
     value = {
@@ -890,6 +901,8 @@ function CmssyBlock({
   defaultLocale,
   blockMap,
   patchedContent,
+  patchedStyle,
+  patchedAdvanced,
   editable,
   layoutPosition,
   context
@@ -897,6 +910,8 @@ function CmssyBlock({
   const Component = Object.hasOwn(blockMap, block.type) ? blockMap[block.type] : void 0;
   const base = getBlockContentForLanguage(block.content, locale, defaultLocale);
   const content = patchedContent ? { ...base, ...patchedContent } : base;
+  const style = patchedStyle ? { ...asBucket(block.style), ...patchedStyle } : asBucket(block.style);
+  const advanced = patchedAdvanced ? { ...asBucket(block.advanced), ...patchedAdvanced } : asBucket(block.advanced);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -907,12 +922,12 @@ function CmssyBlock({
       style: Component ? void 0 : { display: "none" },
       children: Component ? createElement(Component, {
         content,
-        style: asBucket(block.style),
-        advanced: asBucket(block.advanced),
+        style,
+        advanced,
         context
       }) : /* @__PURE__ */ jsx(UnknownBlock, { type: block.type })
     }
   );
 }
 
-export { CmssyBlock, CmssyServerLayout, CmssyServerPage, DEFAULT_CMSSY_API_URL, FORM_QUERY, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, UnknownBlock, blocksToMeta, blocksToSchemas, buildBlockContext, buildBlockMap, buildLocaleSwitchHref, collectFormIds, createCmssyClient, defineBlock, fetchLayouts, fetchPage, fetchPageById, fetchPageMeta, fetchPages, fetchSiteConfig, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, localizeHref, localizeHtmlLinks, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveApiUrl, resolveForms, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath };
+export { CmssyBlock, CmssyServerLayout, CmssyServerPage, DEFAULT_CMSSY_API_URL, FORM_QUERY, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, UnknownBlock, blocksToMeta, blocksToSchemas, buildBlockContext, buildBlockMap, buildLocaleSwitchHref, collectFormIds, createCmssyClient, defineBlock, fetchLayouts, fetchPage, fetchPageById, fetchPageMeta, fetchPages, fetchSiteConfig, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, localizeHref, localizeHtmlLinks, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor, resolveApiUrl, resolveForms, resolvePublicUrl, resolveSiteLocales, resolveWorkspaceId, splitLocaleFromPath };

package/package.json

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