@cmssy/react 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,166 @@
+import { F as FieldDefinition, C as CmssyPageData, b as BlockDefinition, c as CmssyLayoutGroup, E as EditorToAppMessage, A as AppToEditorMessage, d as FetchLike, e as CmssyClientConfig, R as RawBlock, f as BlockMap } from './registry-BoxAyw4_.js';
+export { a as BlockMeta, g as BlockRect, B as BlockSchema, h as BoundsMessage, i as ClickMessage, j as FetchLikeResponse, k as FetchPageOptions, l as FieldType, P as PROTOCOL_VERSION, m as ParentReadyMessage, n as PatchMessage, o as RawLayoutBlock, p as ReadyMessage, S as SelectMessage, q as blocksToMeta, r as blocksToSchemas, s as buildBlockMap, t as defineBlock, u as fetchLayouts, v as fetchPage, w as isProtocolCompatible, x as normalizeSlug } from './registry-BoxAyw4_.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'react';
+
+type FieldControl = Omit<FieldDefinition, "type" | "label"> & {
+    label?: string;
+};
+declare const fields: {
+    singleLine: (opts?: FieldControl) => FieldDefinition;
+    multiLine: (opts?: FieldControl) => FieldDefinition;
+    richText: (opts?: FieldControl) => FieldDefinition;
+    numeric: (opts?: FieldControl) => FieldDefinition;
+    date: (opts?: FieldControl) => FieldDefinition;
+    media: (opts?: FieldControl) => FieldDefinition;
+    link: (opts?: FieldControl) => FieldDefinition;
+    select: (opts?: FieldControl) => FieldDefinition;
+    multiselect: (opts?: FieldControl) => FieldDefinition;
+    boolean: (opts?: FieldControl) => FieldDefinition;
+    color: (opts?: FieldControl) => FieldDefinition;
+    repeater: (opts?: FieldControl) => FieldDefinition;
+};
+
+interface CmssyServerPageProps {
+    page: CmssyPageData | null;
+    blocks: BlockDefinition[];
+    locale?: string;
+    defaultLocale?: string;
+}
+declare function CmssyServerPage({ page, blocks, locale, defaultLocale, }: CmssyServerPageProps): react_jsx_runtime.JSX.Element | null;
+
+interface CmssyServerLayoutProps {
+    groups: CmssyLayoutGroup[];
+    blocks: BlockDefinition[];
+    position: string;
+    locale?: string;
+    defaultLocale?: string;
+}
+declare function CmssyServerLayout({ groups, blocks, position, locale, defaultLocale, }: CmssyServerLayoutProps): react_jsx_runtime.JSX.Element | null;
+
+interface PostTarget {
+    postMessage: (message: unknown, targetOrigin: string) => void;
+}
+declare function normalizeOrigin(origin: string): string;
+declare function postToEditor(target: PostTarget, editorOrigin: string, message: AppToEditorMessage): void;
+declare function parseEditorMessage(data: unknown, origin: string, expectedOrigin: string): EditorToAppMessage | null;
+
+declare function getBlockContentForLanguage(content: unknown, locale: string, defaultLocale?: string, availableLocales?: string[]): Record<string, unknown>;
+
+interface GraphqlRequestOptions {
+    fetch?: FetchLike;
+    signal?: AbortSignal;
+    headers?: Record<string, string>;
+}
+declare function graphqlRequest<T>(config: CmssyClientConfig, query: string, variables: Record<string, unknown>, options?: GraphqlRequestOptions, label?: string): Promise<T>;
+
+interface QueryScopedOptions extends GraphqlRequestOptions {
+    workspaceId?: string;
+}
+interface CmssyClient {
+    readonly config: CmssyClientConfig;
+    query<T = unknown>(document: string, variables?: Record<string, unknown>, options?: GraphqlRequestOptions): Promise<T>;
+    queryScoped<T = unknown>(document: string, variables?: Record<string, unknown>, options?: QueryScopedOptions): Promise<T>;
+    resolveWorkspaceId(options?: GraphqlRequestOptions): Promise<string>;
+}
+declare function createCmssyClient(config: CmssyClientConfig): CmssyClient;
+
+interface CmssySiteConfig {
+    id: string;
+    workspaceId: string;
+    siteName: unknown;
+    defaultLanguage: string | null;
+    enabledLanguages: string[];
+    enabledFeatures: string[];
+    notFoundPageId: string | null;
+    previewUrl: string | 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  }\n}";
+interface CmssyModelDefinition {
+    id: string;
+    name: string;
+    slug: string;
+    description: string | null;
+    icon: string | null;
+    color: string | null;
+    displayField: string | null;
+    recordCount: number | null;
+}
+interface CmssyModelRecord {
+    id: string;
+    modelId: string;
+    data: Record<string, unknown>;
+    status: string | null;
+    createdAt: string | null;
+    updatedAt: string | null;
+}
+interface CmssyRecordList {
+    items: CmssyModelRecord[];
+    total: number;
+    hasMore: boolean;
+}
+declare const MODEL_DEFINITIONS_QUERY = "query PublicModelDefinitions($workspaceId: String!) {\n  publicModelDefinitions(workspaceId: $workspaceId) {\n    id name slug description icon color displayField recordCount\n  }\n}";
+declare const MODEL_RECORDS_QUERY = "query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {\n  publicModelRecords(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {\n    items { id modelId data status createdAt updatedAt }\n    total\n    hasMore\n  }\n}";
+interface CmssyFormField {
+    id: string;
+    name: string;
+    fieldType: string;
+    label: string | null;
+    placeholder: string | null;
+    helpText: string | null;
+    defaultValue: unknown;
+    options: unknown;
+    validation: unknown;
+    width: string | null;
+    order: number | null;
+    showIf: unknown;
+}
+interface CmssyFormSettings {
+    actionType: string | null;
+    submitButtonLabel: unknown;
+    successMessage: unknown;
+    errorMessage: unknown;
+    redirectUrl: string | null;
+    requireLogin: boolean | null;
+    enableCaptcha: boolean | null;
+}
+interface CmssyFormDefinition {
+    id: string;
+    name: string;
+    slug: string | null;
+    description: string | null;
+    fields: CmssyFormField[];
+    settings: CmssyFormSettings | null;
+}
+interface CmssyFormSubmitResponse {
+    success: boolean;
+    message: string | null;
+    submissionId: string | null;
+    redirectUrl: string | null;
+    accessToken: string | null;
+    customer: unknown;
+}
+interface SubmitFormInput {
+    data: Record<string, unknown>;
+    website?: string;
+}
+declare const FORM_QUERY = "query PublicForm($formId: ID!) {\n  publicForm(formId: $formId) {\n    id\n    name\n    slug\n    description\n    fields {\n      id name fieldType label placeholder helpText\n      defaultValue options validation width order showIf\n    }\n    settings {\n      actionType submitButtonLabel successMessage errorMessage\n      redirectUrl requireLogin enableCaptcha\n    }\n  }\n}";
+declare const SUBMIT_FORM_MUTATION = "mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {\n  submitForm(formId: $formId, input: $input) {\n    success message submissionId redirectUrl accessToken customer\n  }\n}";
+
+interface CmssyBlockProps {
+    block: RawBlock;
+    locale: string;
+    defaultLocale: string;
+    blockMap: BlockMap;
+    patchedContent?: Record<string, unknown>;
+    editable?: boolean;
+    layoutPosition?: string;
+}
+declare function CmssyBlock({ block, locale, defaultLocale, blockMap, patchedContent, editable, layoutPosition, }: CmssyBlockProps): react_jsx_runtime.JSX.Element;
+
+interface UnknownBlockProps {
+    type: string;
+}
+declare function UnknownBlock({ type }: UnknownBlockProps): react_jsx_runtime.JSX.Element;
+
+export { AppToEditorMessage, BlockDefinition, BlockMap, CmssyBlock, type CmssyBlockProps, type CmssyClient, CmssyClientConfig, type CmssyFormDefinition, type CmssyFormField, type CmssyFormSettings, type CmssyFormSubmitResponse, CmssyLayoutGroup, type CmssyModelDefinition, type CmssyModelRecord, CmssyPageData, type CmssyRecordList, CmssyServerLayout, type CmssyServerLayoutProps, CmssyServerPage, type CmssyServerPageProps, type CmssySiteConfig, EditorToAppMessage, FORM_QUERY, FetchLike, type FieldControl, FieldDefinition, type GraphqlRequestOptions, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, type PostTarget, type QueryScopedOptions, RawBlock, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, type SubmitFormInput, UnknownBlock, type UnknownBlockProps, createCmssyClient, fields, getBlockContentForLanguage, graphqlRequest, normalizeOrigin, parseEditorMessage, postToEditor };

package/dist/index.js

@@ -0,0 +1,503 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { createElement } from 'react';
+
+// src/fields.ts
+function control(type) {
+  return (opts = {}) => ({
+    type,
+    label: opts.label ?? "",
+    ...opts
+  });
+}
+var fields = {
+  singleLine: control("singleLine"),
+  multiLine: control("multiLine"),
+  richText: control("richText"),
+  numeric: control("numeric"),
+  date: control("date"),
+  media: control("media"),
+  link: control("link"),
+  select: control("select"),
+  multiselect: control("multiselect"),
+  boolean: control("boolean"),
+  color: control("color"),
+  repeater: control("repeater")
+};
+
+// src/registry.ts
+function defineBlock(def) {
+  return def;
+}
+function buildBlockMap(blocks) {
+  const map = /* @__PURE__ */ Object.create(null);
+  for (const block of blocks) map[block.type] = block.component;
+  return map;
+}
+function blocksToSchemas(blocks) {
+  const out = /* @__PURE__ */ Object.create(null);
+  for (const block of blocks) {
+    const schema = {};
+    for (const [key, def] of Object.entries(block.props)) {
+      schema[key] = { ...def, label: def.label || key };
+    }
+    out[block.type] = schema;
+  }
+  return out;
+}
+function blocksToMeta(blocks, defaults = {}) {
+  const out = /* @__PURE__ */ Object.create(null);
+  for (const block of blocks) {
+    const category = block.category ?? defaults.category;
+    out[block.type] = {
+      label: block.label ?? block.type,
+      ...category ? { category } : {},
+      ...block.icon ? { icon: block.icon } : {},
+      ...block.layoutPositions ? { layoutPositions: block.layoutPositions } : {}
+    };
+  }
+  return out;
+}
+
+// src/content/get-block-content.ts
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function looksLikeLocaleKey(key) {
+  return /^[a-z]{2}(-[A-Za-z]{2})?$/.test(key);
+}
+function getBlockContentForLanguage(content, locale, defaultLocale = "en", availableLocales) {
+  if (!isPlainObject(content)) return {};
+  const isLocale = availableLocales ? (key) => availableLocales.includes(key) : looksLikeLocaleKey;
+  const localeEntries = Object.entries(content).filter(
+    ([key, value]) => isLocale(key) && isPlainObject(value)
+  );
+  if (localeEntries.length === 0) return { ...content };
+  const localeMap = Object.fromEntries(localeEntries);
+  const nonTranslatable = {};
+  for (const [key, value] of Object.entries(content)) {
+    if (!(isLocale(key) && isPlainObject(value))) nonTranslatable[key] = value;
+  }
+  const fallbackKey = Object.keys(localeMap)[0];
+  const chosen = localeMap[locale] ?? localeMap[defaultLocale] ?? localeMap[fallbackKey];
+  return { ...nonTranslatable, ...chosen };
+}
+var WARN_CAP = 256;
+var warned = /* @__PURE__ */ new Set();
+function UnknownBlock({ type }) {
+  if (typeof window !== "undefined" && !warned.has(type)) {
+    if (warned.size >= WARN_CAP) warned.clear();
+    warned.add(type);
+    console.warn(`[cmssy] no component registered for block type "${type}"`);
+  }
+  return /* @__PURE__ */ jsx("div", { "data-cmssy-unknown-block": type });
+}
+function renderResolvedBlock(block, map, locale, defaultLocale) {
+  const Component = map[block.type];
+  const content = getBlockContentForLanguage(
+    block.content,
+    locale,
+    defaultLocale
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-block-id": block.id,
+      "data-block-type": block.type,
+      style: Component ? void 0 : { display: "none" },
+      children: Component ? /* @__PURE__ */ jsx(Component, { content }) : /* @__PURE__ */ jsx(UnknownBlock, { type: block.type })
+    },
+    block.id
+  );
+}
+function CmssyServerPage({
+  page,
+  blocks,
+  locale = "en",
+  defaultLocale = "en"
+}) {
+  if (!page) return null;
+  const map = buildBlockMap(blocks);
+  return /* @__PURE__ */ jsx(Fragment, { children: page.blocks.map(
+    (block) => renderResolvedBlock(block, map, locale, defaultLocale)
+  ) });
+}
+function CmssyServerLayout({
+  groups,
+  blocks,
+  position,
+  locale = "en",
+  defaultLocale = "en"
+}) {
+  const group = groups.find((g) => g.position === position);
+  const layoutBlocks = group ? group.blocks.filter((b) => b.isActive).slice().sort((a, b) => a.order - b.order) : [];
+  if (layoutBlocks.length === 0) return null;
+  const map = buildBlockMap(blocks);
+  return /* @__PURE__ */ jsx(Fragment, { children: layoutBlocks.map(
+    (block) => renderResolvedBlock(block, map, locale, defaultLocale)
+  ) });
+}
+
+// src/bridge/protocol.ts
+var PROTOCOL_VERSION = 1;
+function isProtocolCompatible(version) {
+  return version === PROTOCOL_VERSION;
+}
+
+// src/bridge/messages.ts
+function normalizeOrigin(origin) {
+  if (origin === "*") return "*";
+  try {
+    return new URL(origin).origin;
+  } catch {
+    return origin;
+  }
+}
+function postToEditor(target, editorOrigin, message) {
+  target.postMessage(message, normalizeOrigin(editorOrigin));
+}
+function isObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function parseEditorMessage(data, origin, expectedOrigin) {
+  const expected = normalizeOrigin(expectedOrigin);
+  if (expected !== "*" && origin !== expected) return null;
+  if (!isObject(data)) return null;
+  switch (data.type) {
+    case "cmssy:select":
+      return typeof data.blockId === "string" && data.protocolVersion === PROTOCOL_VERSION ? {
+        type: "cmssy:select",
+        protocolVersion: PROTOCOL_VERSION,
+        blockId: data.blockId
+      } : null;
+    case "cmssy:patch":
+      return typeof data.blockId === "string" && isObject(data.content) && data.protocolVersion === PROTOCOL_VERSION ? {
+        type: "cmssy:patch",
+        blockId: data.blockId,
+        content: data.content,
+        protocolVersion: PROTOCOL_VERSION,
+        ...typeof data.layoutPosition === "string" ? { layoutPosition: data.layoutPosition } : {}
+      } : null;
+    case "cmssy:parent-ready":
+      return data.protocolVersion === PROTOCOL_VERSION ? { type: "cmssy:parent-ready", protocolVersion: PROTOCOL_VERSION } : null;
+    case "cmssy:insert":
+      return typeof data.blockId === "string" && typeof data.blockType === "string" && isObject(data.content) && typeof data.index === "number" && data.protocolVersion === PROTOCOL_VERSION ? {
+        type: "cmssy:insert",
+        protocolVersion: PROTOCOL_VERSION,
+        blockId: data.blockId,
+        blockType: data.blockType,
+        content: data.content,
+        index: data.index
+      } : null;
+    case "cmssy:reorder":
+      return Array.isArray(data.blockIds) && data.blockIds.every((id) => typeof id === "string") && data.protocolVersion === PROTOCOL_VERSION ? {
+        type: "cmssy:reorder",
+        protocolVersion: PROTOCOL_VERSION,
+        blockIds: data.blockIds
+      } : null;
+    case "cmssy:remove":
+      return typeof data.blockId === "string" && data.protocolVersion === PROTOCOL_VERSION ? {
+        type: "cmssy:remove",
+        protocolVersion: PROTOCOL_VERSION,
+        blockId: data.blockId
+      } : null;
+    case "cmssy:drag-over":
+      return typeof data.y === "number" && data.protocolVersion === PROTOCOL_VERSION ? {
+        type: "cmssy:drag-over",
+        protocolVersion: PROTOCOL_VERSION,
+        y: data.y
+      } : null;
+    case "cmssy:drag-end":
+      return data.protocolVersion === PROTOCOL_VERSION ? { type: "cmssy:drag-end", protocolVersion: PROTOCOL_VERSION } : null;
+    default:
+      return null;
+  }
+}
+
+// src/content/content-client.ts
+var PUBLIC_PAGE_QUERY = `query PublicPage($workspaceSlug: String!, $slug: String!, $previewSecret: String) {
+  publicPage(workspaceSlug: $workspaceSlug, slug: $slug, previewSecret: $previewSecret) {
+    id
+    blocks { id type content }
+    publishedBlocks { id type content }
+  }
+}`;
+var PUBLIC_PAGE_LAYOUTS_QUERY = `query PublicPageLayouts($workspaceSlug: String!, $pageSlug: String!, $previewSecret: String) {
+  publicPageLayouts(workspaceSlug: $workspaceSlug, pageSlug: $pageSlug, previewSecret: $previewSecret) {
+    position
+    blocks { id type content order isActive }
+  }
+}`;
+function normalizeSlug(path) {
+  if (Array.isArray(path)) {
+    const joined = path.filter(Boolean).join("/");
+    return joined ? `/${joined}` : "/";
+  }
+  if (!path || path === "/") return "/";
+  return path.startsWith("/") ? path : `/${path}`;
+}
+async function fetchPage(config, path, options = {}) {
+  const slug = normalizeSlug(path);
+  const doFetch = options.fetch ?? globalThis.fetch;
+  if (typeof doFetch !== "function") {
+    throw new Error(
+      "cmssy: no fetch implementation available - pass options.fetch"
+    );
+  }
+  const trimmedSecret = options.previewSecret?.trim();
+  const previewSecret = trimmedSecret ? trimmedSecret : null;
+  const response = await doFetch(config.apiUrl, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({
+      query: PUBLIC_PAGE_QUERY,
+      variables: {
+        workspaceSlug: config.workspaceSlug,
+        slug,
+        previewSecret
+      }
+    }),
+    signal: options.signal
+  });
+  if (!response.ok) {
+    let detail = "";
+    try {
+      const body = await response.json();
+      if (body.errors && body.errors.length > 0) {
+        detail = ` - ${body.errors.map((error) => error.message ?? "GraphQL error").join("; ")}`;
+      }
+    } catch {
+      detail = "";
+    }
+    throw new Error(`cmssy: page fetch failed (${response.status})${detail}`);
+  }
+  let json;
+  try {
+    json = await response.json();
+  } catch {
+    throw new Error("cmssy: invalid JSON response from the page query");
+  }
+  if (json.errors && json.errors.length > 0) {
+    const message = json.errors.map((error) => error.message ?? "GraphQL error").join("; ");
+    throw new Error(`cmssy: page fetch error - ${message}`);
+  }
+  const page = json.data?.publicPage;
+  if (!page) return null;
+  const draft = previewSecret !== null;
+  const blocks = (draft ? page.blocks : page.publishedBlocks) ?? [];
+  return { id: page.id, blocks };
+}
+async function fetchLayouts(config, path, options = {}) {
+  const pageSlug = normalizeSlug(path);
+  const doFetch = options.fetch ?? globalThis.fetch;
+  if (typeof doFetch !== "function") {
+    throw new Error(
+      "cmssy: no fetch implementation available - pass options.fetch"
+    );
+  }
+  const trimmedSecret = options.previewSecret?.trim();
+  const previewSecret = trimmedSecret ? trimmedSecret : null;
+  const response = await doFetch(config.apiUrl, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({
+      query: PUBLIC_PAGE_LAYOUTS_QUERY,
+      variables: {
+        workspaceSlug: config.workspaceSlug,
+        pageSlug,
+        previewSecret
+      }
+    }),
+    signal: options.signal
+  });
+  if (!response.ok) {
+    throw new Error(`cmssy: layouts fetch failed (${response.status})`);
+  }
+  let json;
+  try {
+    json = await response.json();
+  } catch {
+    throw new Error("cmssy: invalid JSON response from the layouts query");
+  }
+  if (json.errors && json.errors.length > 0) {
+    const message = json.errors.map((error) => error.message ?? "GraphQL error").join("; ");
+    throw new Error(`cmssy: layouts fetch error - ${message}`);
+  }
+  return json.data?.publicPageLayouts ?? [];
+}
+
+// src/data/graphql-request.ts
+async function graphqlRequest(config, query, variables, options = {}, label = "request") {
+  const doFetch = options.fetch ?? globalThis.fetch;
+  if (typeof doFetch !== "function") {
+    throw new Error(
+      "cmssy: no fetch implementation available - pass options.fetch"
+    );
+  }
+  const response = await doFetch(config.apiUrl, {
+    method: "POST",
+    headers: { "content-type": "application/json", ...options.headers },
+    body: JSON.stringify({ query, variables }),
+    signal: options.signal
+  });
+  if (!response.ok) {
+    let detail = "";
+    try {
+      const body = await response.json();
+      if (body.errors && body.errors.length > 0) {
+        detail = ` - ${body.errors.map((error) => error.message ?? "GraphQL error").join("; ")}`;
+      }
+    } catch {
+      detail = "";
+    }
+    throw new Error(`cmssy: ${label} failed (${response.status})${detail}`);
+  }
+  let json;
+  try {
+    json = await response.json();
+  } catch {
+    throw new Error(`cmssy: invalid JSON response from the ${label}`);
+  }
+  if (json.errors && json.errors.length > 0) {
+    const message = json.errors.map((error) => error.message ?? "GraphQL error").join("; ");
+    throw new Error(`cmssy: ${label} error - ${message}`);
+  }
+  return json.data;
+}
+
+// src/data/queries.ts
+var SITE_CONFIG_QUERY = `query PublicSiteConfig($workspaceSlug: String!) {
+  publicSiteConfig(workspaceSlug: $workspaceSlug) {
+    id
+    workspaceId
+    siteName
+    defaultLanguage
+    enabledLanguages
+    enabledFeatures
+    notFoundPageId
+    previewUrl
+  }
+}`;
+var MODEL_DEFINITIONS_QUERY = `query PublicModelDefinitions($workspaceId: String!) {
+  publicModelDefinitions(workspaceId: $workspaceId) {
+    id name slug description icon color displayField recordCount
+  }
+}`;
+var MODEL_RECORDS_QUERY = `query PublicModelRecords($workspaceId: String!, $modelSlug: String!, $filter: JSON, $sort: String, $limit: Int, $offset: Int, $populate: [String!]) {
+  publicModelRecords(workspaceId: $workspaceId, modelSlug: $modelSlug, filter: $filter, sort: $sort, limit: $limit, offset: $offset, populate: $populate) {
+    items { id modelId data status createdAt updatedAt }
+    total
+    hasMore
+  }
+}`;
+var FORM_QUERY = `query PublicForm($formId: ID!) {
+  publicForm(formId: $formId) {
+    id
+    name
+    slug
+    description
+    fields {
+      id name fieldType label placeholder helpText
+      defaultValue options validation width order showIf
+    }
+    settings {
+      actionType submitButtonLabel successMessage errorMessage
+      redirectUrl requireLogin enableCaptcha
+    }
+  }
+}`;
+var SUBMIT_FORM_MUTATION = `mutation SubmitForm($formId: ID!, $input: SubmitFormInput!) {
+  submitForm(formId: $formId, input: $input) {
+    success message submissionId redirectUrl accessToken customer
+  }
+}`;
+
+// src/data/settings-client.ts
+async function fetchSiteConfig(config, options = {}) {
+  const data = await graphqlRequest(
+    config,
+    SITE_CONFIG_QUERY,
+    { workspaceSlug: config.workspaceSlug },
+    options,
+    "site config query"
+  );
+  return data.publicSiteConfig ?? null;
+}
+async function resolveWorkspaceId(config, options = {}) {
+  const siteConfig = await fetchSiteConfig(config, options);
+  if (!siteConfig?.workspaceId) {
+    throw new Error(
+      `cmssy: could not resolve workspaceId for "${config.workspaceSlug}"`
+    );
+  }
+  return siteConfig.workspaceId;
+}
+
+// src/data/client.ts
+function createCmssyClient(config) {
+  let cachedWorkspaceId;
+  let inFlight;
+  function resolveWorkspaceId2(options) {
+    if (cachedWorkspaceId) return Promise.resolve(cachedWorkspaceId);
+    if (!inFlight) {
+      inFlight = resolveWorkspaceId(config, options).then((id) => {
+        cachedWorkspaceId = id;
+        return id;
+      }).finally(() => {
+        inFlight = void 0;
+      });
+    }
+    return inFlight;
+  }
+  return {
+    config,
+    resolveWorkspaceId: resolveWorkspaceId2,
+    query(document, variables = {}, options) {
+      return graphqlRequest(
+        config,
+        document,
+        variables,
+        options,
+        "graphql operation"
+      );
+    },
+    async queryScoped(document, variables = {}, options = {}) {
+      const { workspaceId: provided, headers, ...rest } = options;
+      const workspaceId = provided ?? await resolveWorkspaceId2({ ...rest, headers });
+      const hasWorkspaceId = variables.workspaceId !== void 0 && variables.workspaceId !== null;
+      const scopedVariables = /\$workspaceId\b/.test(document) && !hasWorkspaceId ? { ...variables, workspaceId } : variables;
+      return graphqlRequest(
+        config,
+        document,
+        scopedVariables,
+        { ...rest, headers: { ...headers, "x-workspace-id": workspaceId } },
+        "graphql operation"
+      );
+    }
+  };
+}
+function CmssyBlock({
+  block,
+  locale,
+  defaultLocale,
+  blockMap,
+  patchedContent,
+  editable,
+  layoutPosition
+}) {
+  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;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-block-id": block.id,
+      "data-block-type": block.type,
+      "data-layout-position": layoutPosition,
+      draggable: editable || void 0,
+      style: Component ? void 0 : { display: "none" },
+      children: Component ? createElement(Component, { content }) : /* @__PURE__ */ jsx(UnknownBlock, { type: block.type })
+    }
+  );
+}
+
+export { CmssyBlock, CmssyServerLayout, CmssyServerPage, FORM_QUERY, MODEL_DEFINITIONS_QUERY, MODEL_RECORDS_QUERY, PROTOCOL_VERSION, SITE_CONFIG_QUERY, SUBMIT_FORM_MUTATION, UnknownBlock, blocksToMeta, blocksToSchemas, buildBlockMap, createCmssyClient, defineBlock, fetchLayouts, fetchPage, fields, getBlockContentForLanguage, graphqlRequest, isProtocolCompatible, normalizeOrigin, normalizeSlug, parseEditorMessage, postToEditor };