cms-renderer 0.6.3 → 0.6.4

package/dist/lib/block-renderer.js

@@ -216,7 +216,8 @@ function BlockRenderer({
     }
     return null;
   }
-  const component = /* @__PURE__ */ jsx(Component, { content: block.content, routeParams });
+  const language = routeParams ? Object.values(routeParams).find((p) => p.schemaName === "language")?.value : void 0;
+  const component = /* @__PURE__ */ jsx(Component, { content: block.content, routeParams, language });
   if (disableEditable) {
     return component;
   }

package/dist/lib/block-renderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/block-renderer.tsx"],"sourcesContent":["/**\n * Block Renderer Component\n *\n * Dispatches block data to the appropriate component using the ComponentMap pattern.\n * This is the main entry point for rendering blocks from the CMS.\n */\n\nimport React from 'react';\nimport { ClientEditableBlock } from './client-editable-block';\nimport type { BlockComponentRegistry, BlockData, ResolvedRouteParams } from './types';\n\ntype TextInfo = {\n  value: string;\n  path: Array<string | number>;\n  parentType?: React.ElementType;\n  key?: React.Key | null;\n  inSvg?: boolean;\n};\n\ntype ElementInfo = {\n  element: React.ReactElement;\n  path: Array<string | number>;\n};\n\ntype WalkVisitors = {\n  /**\n   * Called for every string/number child encountered.\n   * Return:\n   * - same string (or modified)\n   * - a ReactNode (e.g. wrap in <span/>)\n   */\n  onText?: (info: TextInfo) => React.ReactNode;\n\n  /**\n   * Called for every ReactElement encountered (after children are processed).\n   * Return:\n   * - same element\n   * - a cloned/modified element\n   */\n  onElement?: (info: ElementInfo) => React.ReactElement;\n};\n\n/**\n * Recursively maps a ReactNode tree, allowing transformations of text nodes and/or elements.\n * SSR-safe: does not touch DOM APIs.\n */\nexport function walkReactNode(\n  node: React.ReactNode,\n  visitors: WalkVisitors,\n  ctx: {\n    path?: Array<string | number>;\n    parentType?: React.ElementType;\n    key?: React.Key | null;\n    inSvg?: boolean;\n  } = {}\n): React.ReactNode {\n  const path = ctx.path ?? [];\n\n  // Fast-path primitives\n  if (node == null || typeof node === 'boolean') return node;\n\n  if (typeof node === 'string' || typeof node === 'number') {\n    const value = String(node);\n    return visitors.onText\n      ? visitors.onText({ value, path, parentType: ctx.parentType, key: ctx.key, inSvg: ctx.inSvg })\n      : node;\n  }\n\n  // Arrays\n  if (Array.isArray(node)) {\n    return node.map((child, i) => {\n      // biome-ignore lint/suspicious/noExplicitAny: React child key access\n      const childKey = (child as any)?.key ?? null;\n      const result = walkReactNode(child, visitors, {\n        path: [...path, i],\n        parentType: ctx.parentType,\n        key: childKey,\n        inSvg: ctx.inSvg,\n      });\n      // Ensure array children have keys\n      if (React.isValidElement(result) && result.key == null) {\n        return React.cloneElement(result, { key: childKey ?? `arr-${path.join('-')}-${i}` });\n      }\n      return result;\n    });\n  }\n\n  // ReactElement (including Fragment)\n  if (React.isValidElement(node)) {\n    // biome-ignore lint/suspicious/noExplicitAny: React element props access\n    const el = node as React.ReactElement<any>;\n    const elProps = el.props as Record<string, unknown> | null;\n\n    // Track SVG context so we never inject <span> inside SVG subtrees\n    const nextInSvg = ctx.inSvg || el.type === 'svg';\n\n    // Recurse into children (if any)\n    const hasChildren = elProps && 'children' in elProps;\n    const nextChildren = hasChildren\n      ? React.Children.map(elProps.children as React.ReactNode, (child, i) => {\n          // biome-ignore lint/suspicious/noExplicitAny: React child key access\n          const childKey = (child as any)?.key ?? null;\n          const result = walkReactNode(child, visitors, {\n            path: [...path, 'children', i],\n            parentType: el.type as React.ElementType,\n            key: childKey,\n            inSvg: nextInSvg,\n          });\n          // Ensure children have keys\n          if (React.isValidElement(result) && result.key == null) {\n            return React.cloneElement(result, { key: childKey ?? `child-${path.join('-')}-${i}` });\n          }\n          return result;\n        })\n      : (elProps?.children as React.ReactNode);\n\n    // Only clone if children changed (or if you want to force a clone)\n    const cloned = hasChildren\n      ? React.cloneElement(el, undefined, nextChildren as React.ReactNode)\n      : el;\n\n    return visitors.onElement ? visitors.onElement({ element: cloned, path }) : cloned;\n  }\n\n  // Functions, symbols, portals, etc. are rare here; return as-is\n  return node;\n}\n\n// -----------------------------------------------------------------------------\n// Content Value Extraction\n// -----------------------------------------------------------------------------\n\ntype ContentMatch = {\n  contentPath: string;\n  value: string;\n};\n\n/**\n * Extracts all string values from a content object with their paths.\n * Returns a Map where keys are string values and values are arrays of content paths.\n */\nfunction extractContentValues(\n  content: Record<string, unknown>,\n  basePath: string[] = []\n): Map<string, ContentMatch[]> {\n  const map = new Map<string, ContentMatch[]>();\n\n  function walk(obj: unknown, path: string[]) {\n    if (typeof obj === 'string' && obj.trim() !== '') {\n      const contentPath = path.join('.');\n      const existing = map.get(obj) || [];\n      existing.push({ contentPath, value: obj });\n      map.set(obj, existing);\n    } else if (Array.isArray(obj)) {\n      for (let index = 0; index < obj.length; index++) {\n        walk(obj[index], [...path, String(index)]);\n      }\n    } else if (obj && typeof obj === 'object') {\n      for (const [key, value] of Object.entries(obj)) {\n        walk(value, [...path, key]);\n      }\n    }\n  }\n\n  walk(content, basePath);\n  return map;\n}\n\n// -----------------------------------------------------------------------------\n// CmsEditableInit — render once per page in edit mode\n// -----------------------------------------------------------------------------\n\n/**\n * Renders the shared CMS edit-mode styles and click-routing script.\n * Place this once at the top of your page when edit_mode is active.\n */\nexport function CmsEditableInit() {\n  return (\n    <>\n      <style>{`\n        [data-cms-editable] {\n          cursor: pointer;\n          border-radius: 2px;\n        }\n        [data-cms-editable]:hover {\n          outline: 2px solid #3b82f6;\n          outline-offset: 2px;\n        }\n        .cms-block-toolbar {\n          position: fixed;\n          display: flex;\n          gap: 4px;\n          background: #1f2937;\n          border-radius: 6px;\n          padding: 4px;\n          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n          transition: opacity 0.15s ease;\n          z-index: 99999;\n          pointer-events: auto;\n        }\n        .cms-block-toolbar button {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 28px;\n          height: 28px;\n          border: none;\n          background: transparent;\n          color: #9ca3af;\n          border-radius: 4px;\n          cursor: pointer;\n          transition: background 0.15s ease, color 0.15s ease;\n        }\n        .cms-block-toolbar button:hover {\n          background: #374151;\n          color: #fff;\n        }\n        .cms-block-toolbar button.delete:hover {\n          background: #dc2626;\n          color: #fff;\n        }\n        .cms-block-toolbar button:disabled {\n          opacity: 0.4;\n          cursor: not-allowed;\n        }\n        .cms-block-toolbar button:disabled:hover {\n          background: transparent;\n          color: #9ca3af;\n        }\n        .cms-block-toolbar svg {\n          width: 16px;\n          height: 16px;\n        }\n      `}</style>\n      <script\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: Inline script for iframe postMessage click routing\n        dangerouslySetInnerHTML={{\n          __html: `\n            (function() {\n              if (!window.__cmsEditableInitialized) {\n                window.__cmsEditableInitialized = true;\n\n                document.addEventListener('click', function(e) {\n                  if (e.target.closest('.cms-block-toolbar')) return;\n\n                  var editableTarget = e.target.closest('[data-cms-editable]');\n                  if (editableTarget) {\n                    var message = {\n                      type: 'cms-editable-click',\n                      blockId: editableTarget.getAttribute('data-block-id'),\n                      blockType: editableTarget.getAttribute('data-block-type'),\n                      contentPath: editableTarget.getAttribute('data-content-path')\n                    };\n                    if (window.parent && window.parent !== window) {\n                      window.parent.postMessage(message, '*');\n                    }\n                    return;\n                  }\n\n                  var blockTarget = e.target.closest('[data-cms-block]');\n                  if (blockTarget) {\n                    var message = {\n                      type: 'cms-editable-click',\n                      blockId: blockTarget.getAttribute('data-block-id'),\n                      blockType: blockTarget.getAttribute('data-block-type'),\n                      contentPath: null\n                    };\n                    if (window.parent && window.parent !== window) {\n                      window.parent.postMessage(message, '*');\n                    }\n                  }\n                });\n              }\n            })();\n          `,\n        }}\n      />\n    </>\n  );\n}\n\n// -----------------------------------------------------------------------------\n// Props\n// -----------------------------------------------------------------------------\n\ninterface BlockRendererProps {\n  /**\n   * The block data to render.\n   * Must have a `type` field that maps to a registered component.\n   */\n  block: BlockData;\n  registry: Partial<BlockComponentRegistry>;\n  /**\n   * If true, renders the component without any tree walking or editable wrappers.\n   */\n  disableEditable?: boolean;\n  /**\n   * Resolved route parameters from parametric routes.\n   * Each key is a param name (e.g., \"country\") with its value, schema name, and full document.\n   */\n  routeParams?: ResolvedRouteParams;\n  /**\n   * The current URL path (e.g. \"/en/test\").\n   * When provided, enables path-namespaced component lookup.\n   * Registry keys like \"/{lang}/test Article\" will be matched against this path,\n   * where `{x}` and `(x)` are treated as single-segment wildcards.\n   */\n  path?: string;\n}\n\n// -----------------------------------------------------------------------------\n// Path-namespaced component resolution\n// -----------------------------------------------------------------------------\n\n/**\n * Returns true if each segment of `path` matches the corresponding segment in\n * `pattern`, where a pattern segment wrapped in `{…}` or `(…)` is a wildcard.\n */\nfunction pathMatchesPattern(path: string, pattern: string): boolean {\n  const pathSegs = path.split('/').filter(Boolean);\n  const patternSegs = pattern.split('/').filter(Boolean);\n  if (pathSegs.length !== patternSegs.length) return false;\n  for (let i = 0; i < patternSegs.length; i++) {\n    const seg = patternSegs[i];\n    if (!seg) return false;\n    if ((seg.startsWith('{') && seg.endsWith('}')) || (seg.startsWith('(') && seg.endsWith(')'))) {\n      continue;\n    }\n    if (seg !== pathSegs[i]) return false;\n  }\n  return true;\n}\n\n/**\n * Resolves the component for `blockType` from the registry.\n *\n * When `path` is provided, keys of the form `\"/{pattern} BlockType\"` are\n * checked first. The first key whose path pattern matches the current path\n * and whose block-type suffix matches `blockType` wins. Falls back to a\n * direct `registry[blockType]` lookup.\n */\nfunction resolveComponent(\n  registry: Partial<BlockComponentRegistry>,\n  blockType: string,\n  path?: string\n): BlockComponentRegistry[string] | undefined {\n  if (path) {\n    for (const key of Object.keys(registry)) {\n      if (!key.startsWith('/')) continue;\n      const spaceIdx = key.indexOf(' ');\n      if (spaceIdx === -1) continue;\n      const pathPattern = key.slice(0, spaceIdx);\n      const registeredType = key.slice(spaceIdx + 1);\n      if (registeredType !== blockType) continue;\n      if (pathMatchesPattern(path, pathPattern)) {\n        return registry[key];\n      }\n    }\n  }\n  return registry[blockType];\n}\n\n// -----------------------------------------------------------------------------\n// Component\n// -----------------------------------------------------------------------------\n\n/**\n * Renders a single block by dispatching to the appropriate component.\n *\n * Uses the ComponentMap pattern: the block's `type` field determines which\n * component renders the block's `content`.\n *\n * In editable mode, wraps the block in a ClientEditableBlock that:\n * - Stamps data-cms-block attributes directly on the component's root element\n * - Injects data-cms-editable spans around matching text nodes\n * - Portals the BlockToolbar into the component's root element\n *\n * Render CmsEditableInit once at the page level to include the shared styles\n * and click-routing script.\n */\nexport function BlockRenderer({\n  block,\n  registry,\n  disableEditable,\n  routeParams,\n  path,\n}: BlockRendererProps) {\n  const Component = resolveComponent(registry, block.type, path);\n\n  if (!Component) {\n    // Log warning in development, render nothing in production\n    if (process.env.NODE_ENV === 'development') {\n      console.warn(`[BlockRenderer] Unknown block type: ${block.type}`);\n    }\n    return null;\n  }\n\n  // biome-ignore lint/suspicious/noExplicitAny: Type safety ensured by BlockData discriminated union\n  const component = <Component content={block.content as any} routeParams={routeParams} />;\n\n  if (disableEditable) {\n    return component;\n  }\n\n  // Build content entries for client-side text matching\n  const contentValueMap = extractContentValues(block.content as Record<string, unknown>);\n  const contentEntries = Array.from(contentValueMap.entries())\n    .map(([value, matches]) => ({ v: value, p: matches[0]?.contentPath }))\n    .filter((e): e is { v: string; p: string } => !!e.p);\n\n  return (\n    <ClientEditableBlock blockId={block.id} blockType={block.type} contentEntries={contentEntries}>\n      {component}\n    </ClientEditableBlock>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../lib/block-renderer.tsx"],"sourcesContent":["/**\n * Block Renderer Component\n *\n * Dispatches block data to the appropriate component using the ComponentMap pattern.\n * This is the main entry point for rendering blocks from the CMS.\n */\n\nimport React from 'react';\nimport { ClientEditableBlock } from './client-editable-block';\nimport type { BlockComponentRegistry, BlockData, ResolvedRouteParams } from './types';\n\ntype TextInfo = {\n  value: string;\n  path: Array<string | number>;\n  parentType?: React.ElementType;\n  key?: React.Key | null;\n  inSvg?: boolean;\n};\n\ntype ElementInfo = {\n  element: React.ReactElement;\n  path: Array<string | number>;\n};\n\ntype WalkVisitors = {\n  /**\n   * Called for every string/number child encountered.\n   * Return:\n   * - same string (or modified)\n   * - a ReactNode (e.g. wrap in <span/>)\n   */\n  onText?: (info: TextInfo) => React.ReactNode;\n\n  /**\n   * Called for every ReactElement encountered (after children are processed).\n   * Return:\n   * - same element\n   * - a cloned/modified element\n   */\n  onElement?: (info: ElementInfo) => React.ReactElement;\n};\n\n/**\n * Recursively maps a ReactNode tree, allowing transformations of text nodes and/or elements.\n * SSR-safe: does not touch DOM APIs.\n */\nexport function walkReactNode(\n  node: React.ReactNode,\n  visitors: WalkVisitors,\n  ctx: {\n    path?: Array<string | number>;\n    parentType?: React.ElementType;\n    key?: React.Key | null;\n    inSvg?: boolean;\n  } = {}\n): React.ReactNode {\n  const path = ctx.path ?? [];\n\n  // Fast-path primitives\n  if (node == null || typeof node === 'boolean') return node;\n\n  if (typeof node === 'string' || typeof node === 'number') {\n    const value = String(node);\n    return visitors.onText\n      ? visitors.onText({ value, path, parentType: ctx.parentType, key: ctx.key, inSvg: ctx.inSvg })\n      : node;\n  }\n\n  // Arrays\n  if (Array.isArray(node)) {\n    return node.map((child, i) => {\n      // biome-ignore lint/suspicious/noExplicitAny: React child key access\n      const childKey = (child as any)?.key ?? null;\n      const result = walkReactNode(child, visitors, {\n        path: [...path, i],\n        parentType: ctx.parentType,\n        key: childKey,\n        inSvg: ctx.inSvg,\n      });\n      // Ensure array children have keys\n      if (React.isValidElement(result) && result.key == null) {\n        return React.cloneElement(result, { key: childKey ?? `arr-${path.join('-')}-${i}` });\n      }\n      return result;\n    });\n  }\n\n  // ReactElement (including Fragment)\n  if (React.isValidElement(node)) {\n    // biome-ignore lint/suspicious/noExplicitAny: React element props access\n    const el = node as React.ReactElement<any>;\n    const elProps = el.props as Record<string, unknown> | null;\n\n    // Track SVG context so we never inject <span> inside SVG subtrees\n    const nextInSvg = ctx.inSvg || el.type === 'svg';\n\n    // Recurse into children (if any)\n    const hasChildren = elProps && 'children' in elProps;\n    const nextChildren = hasChildren\n      ? React.Children.map(elProps.children as React.ReactNode, (child, i) => {\n          // biome-ignore lint/suspicious/noExplicitAny: React child key access\n          const childKey = (child as any)?.key ?? null;\n          const result = walkReactNode(child, visitors, {\n            path: [...path, 'children', i],\n            parentType: el.type as React.ElementType,\n            key: childKey,\n            inSvg: nextInSvg,\n          });\n          // Ensure children have keys\n          if (React.isValidElement(result) && result.key == null) {\n            return React.cloneElement(result, { key: childKey ?? `child-${path.join('-')}-${i}` });\n          }\n          return result;\n        })\n      : (elProps?.children as React.ReactNode);\n\n    // Only clone if children changed (or if you want to force a clone)\n    const cloned = hasChildren\n      ? React.cloneElement(el, undefined, nextChildren as React.ReactNode)\n      : el;\n\n    return visitors.onElement ? visitors.onElement({ element: cloned, path }) : cloned;\n  }\n\n  // Functions, symbols, portals, etc. are rare here; return as-is\n  return node;\n}\n\n// -----------------------------------------------------------------------------\n// Content Value Extraction\n// -----------------------------------------------------------------------------\n\ntype ContentMatch = {\n  contentPath: string;\n  value: string;\n};\n\n/**\n * Extracts all string values from a content object with their paths.\n * Returns a Map where keys are string values and values are arrays of content paths.\n */\nfunction extractContentValues(\n  content: Record<string, unknown>,\n  basePath: string[] = []\n): Map<string, ContentMatch[]> {\n  const map = new Map<string, ContentMatch[]>();\n\n  function walk(obj: unknown, path: string[]) {\n    if (typeof obj === 'string' && obj.trim() !== '') {\n      const contentPath = path.join('.');\n      const existing = map.get(obj) || [];\n      existing.push({ contentPath, value: obj });\n      map.set(obj, existing);\n    } else if (Array.isArray(obj)) {\n      for (let index = 0; index < obj.length; index++) {\n        walk(obj[index], [...path, String(index)]);\n      }\n    } else if (obj && typeof obj === 'object') {\n      for (const [key, value] of Object.entries(obj)) {\n        walk(value, [...path, key]);\n      }\n    }\n  }\n\n  walk(content, basePath);\n  return map;\n}\n\n// -----------------------------------------------------------------------------\n// CmsEditableInit — render once per page in edit mode\n// -----------------------------------------------------------------------------\n\n/**\n * Renders the shared CMS edit-mode styles and click-routing script.\n * Place this once at the top of your page when edit_mode is active.\n */\nexport function CmsEditableInit() {\n  return (\n    <>\n      <style>{`\n        [data-cms-editable] {\n          cursor: pointer;\n          border-radius: 2px;\n        }\n        [data-cms-editable]:hover {\n          outline: 2px solid #3b82f6;\n          outline-offset: 2px;\n        }\n        .cms-block-toolbar {\n          position: fixed;\n          display: flex;\n          gap: 4px;\n          background: #1f2937;\n          border-radius: 6px;\n          padding: 4px;\n          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n          transition: opacity 0.15s ease;\n          z-index: 99999;\n          pointer-events: auto;\n        }\n        .cms-block-toolbar button {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 28px;\n          height: 28px;\n          border: none;\n          background: transparent;\n          color: #9ca3af;\n          border-radius: 4px;\n          cursor: pointer;\n          transition: background 0.15s ease, color 0.15s ease;\n        }\n        .cms-block-toolbar button:hover {\n          background: #374151;\n          color: #fff;\n        }\n        .cms-block-toolbar button.delete:hover {\n          background: #dc2626;\n          color: #fff;\n        }\n        .cms-block-toolbar button:disabled {\n          opacity: 0.4;\n          cursor: not-allowed;\n        }\n        .cms-block-toolbar button:disabled:hover {\n          background: transparent;\n          color: #9ca3af;\n        }\n        .cms-block-toolbar svg {\n          width: 16px;\n          height: 16px;\n        }\n      `}</style>\n      <script\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: Inline script for iframe postMessage click routing\n        dangerouslySetInnerHTML={{\n          __html: `\n            (function() {\n              if (!window.__cmsEditableInitialized) {\n                window.__cmsEditableInitialized = true;\n\n                document.addEventListener('click', function(e) {\n                  if (e.target.closest('.cms-block-toolbar')) return;\n\n                  var editableTarget = e.target.closest('[data-cms-editable]');\n                  if (editableTarget) {\n                    var message = {\n                      type: 'cms-editable-click',\n                      blockId: editableTarget.getAttribute('data-block-id'),\n                      blockType: editableTarget.getAttribute('data-block-type'),\n                      contentPath: editableTarget.getAttribute('data-content-path')\n                    };\n                    if (window.parent && window.parent !== window) {\n                      window.parent.postMessage(message, '*');\n                    }\n                    return;\n                  }\n\n                  var blockTarget = e.target.closest('[data-cms-block]');\n                  if (blockTarget) {\n                    var message = {\n                      type: 'cms-editable-click',\n                      blockId: blockTarget.getAttribute('data-block-id'),\n                      blockType: blockTarget.getAttribute('data-block-type'),\n                      contentPath: null\n                    };\n                    if (window.parent && window.parent !== window) {\n                      window.parent.postMessage(message, '*');\n                    }\n                  }\n                });\n              }\n            })();\n          `,\n        }}\n      />\n    </>\n  );\n}\n\n// -----------------------------------------------------------------------------\n// Props\n// -----------------------------------------------------------------------------\n\ninterface BlockRendererProps {\n  /**\n   * The block data to render.\n   * Must have a `type` field that maps to a registered component.\n   */\n  block: BlockData;\n  registry: Partial<BlockComponentRegistry>;\n  /**\n   * If true, renders the component without any tree walking or editable wrappers.\n   */\n  disableEditable?: boolean;\n  /**\n   * Resolved route parameters from parametric routes.\n   * Each key is a param name (e.g., \"country\") with its value, schema name, and full document.\n   */\n  routeParams?: ResolvedRouteParams;\n  /**\n   * The current URL path (e.g. \"/en/test\").\n   * When provided, enables path-namespaced component lookup.\n   * Registry keys like \"/{lang}/test Article\" will be matched against this path,\n   * where `{x}` and `(x)` are treated as single-segment wildcards.\n   */\n  path?: string;\n}\n\n// -----------------------------------------------------------------------------\n// Path-namespaced component resolution\n// -----------------------------------------------------------------------------\n\n/**\n * Returns true if each segment of `path` matches the corresponding segment in\n * `pattern`, where a pattern segment wrapped in `{…}` or `(…)` is a wildcard.\n */\nfunction pathMatchesPattern(path: string, pattern: string): boolean {\n  const pathSegs = path.split('/').filter(Boolean);\n  const patternSegs = pattern.split('/').filter(Boolean);\n  if (pathSegs.length !== patternSegs.length) return false;\n  for (let i = 0; i < patternSegs.length; i++) {\n    const seg = patternSegs[i];\n    if (!seg) return false;\n    if ((seg.startsWith('{') && seg.endsWith('}')) || (seg.startsWith('(') && seg.endsWith(')'))) {\n      continue;\n    }\n    if (seg !== pathSegs[i]) return false;\n  }\n  return true;\n}\n\n/**\n * Resolves the component for `blockType` from the registry.\n *\n * When `path` is provided, keys of the form `\"/{pattern} BlockType\"` are\n * checked first. The first key whose path pattern matches the current path\n * and whose block-type suffix matches `blockType` wins. Falls back to a\n * direct `registry[blockType]` lookup.\n */\nfunction resolveComponent(\n  registry: Partial<BlockComponentRegistry>,\n  blockType: string,\n  path?: string\n): BlockComponentRegistry[string] | undefined {\n  if (path) {\n    for (const key of Object.keys(registry)) {\n      if (!key.startsWith('/')) continue;\n      const spaceIdx = key.indexOf(' ');\n      if (spaceIdx === -1) continue;\n      const pathPattern = key.slice(0, spaceIdx);\n      const registeredType = key.slice(spaceIdx + 1);\n      if (registeredType !== blockType) continue;\n      if (pathMatchesPattern(path, pathPattern)) {\n        return registry[key];\n      }\n    }\n  }\n  return registry[blockType];\n}\n\n// -----------------------------------------------------------------------------\n// Component\n// -----------------------------------------------------------------------------\n\n/**\n * Renders a single block by dispatching to the appropriate component.\n *\n * Uses the ComponentMap pattern: the block's `type` field determines which\n * component renders the block's `content`.\n *\n * In editable mode, wraps the block in a ClientEditableBlock that:\n * - Stamps data-cms-block attributes directly on the component's root element\n * - Injects data-cms-editable spans around matching text nodes\n * - Portals the BlockToolbar into the component's root element\n *\n * Render CmsEditableInit once at the page level to include the shared styles\n * and click-routing script.\n */\nexport function BlockRenderer({\n  block,\n  registry,\n  disableEditable,\n  routeParams,\n  path,\n}: BlockRendererProps) {\n  const Component = resolveComponent(registry, block.type, path);\n\n  if (!Component) {\n    // Log warning in development, render nothing in production\n    if (process.env.NODE_ENV === 'development') {\n      console.warn(`[BlockRenderer] Unknown block type: ${block.type}`);\n    }\n    return null;\n  }\n\n  // Extract language code from route params if any param is bound to the language schema.\n  const language = routeParams\n    ? Object.values(routeParams).find((p) => p.schemaName === 'language')?.value\n    : undefined;\n\n  const component = (\n    <Component content={block.content} routeParams={routeParams} language={language} />\n  );\n\n  if (disableEditable) {\n    return component;\n  }\n\n  // Build content entries for client-side text matching\n  const contentValueMap = extractContentValues(block.content as Record<string, unknown>);\n  const contentEntries = Array.from(contentValueMap.entries())\n    .map(([value, matches]) => ({ v: value, p: matches[0]?.contentPath }))\n    .filter((e): e is { v: string; p: string } => !!e.p);\n\n  return (\n    <ClientEditableBlock blockId={block.id} blockType={block.type} contentEntries={contentEntries}>\n      {component}\n    </ClientEditableBlock>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/lib/block-toolbar.js

@@ -5,82 +5,72 @@
 import { ChevronDown, ChevronUp, Plus, Trash2 } from "lucide-react";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var BlockToolbar = forwardRef(
-  function BlockToolbar2({ blockId }, ref) {
-    const handleAction = (action) => {
-      if (typeof window !== "undefined" && window.parent && window.parent !== window) {
-        window.parent.postMessage({ type: "cms-block-action", action, blockId }, "*");
+var BlockToolbar = forwardRef(function BlockToolbar2({ blockId }, ref) {
+  const handleAction = (action) => {
+    if (typeof window !== "undefined" && window.parent && window.parent !== window) {
+      window.parent.postMessage({ type: "cms-block-action", action, blockId }, "*");
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ref, className: "cms-block-toolbar", "data-cms-toolbar": "true", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        title: "Move up",
+        "aria-label": "Move up",
+        "data-action": "move-up",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction("move-up");
+        },
+        children: /* @__PURE__ */ jsx(ChevronUp, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        title: "Move down",
+        "aria-label": "Move down",
+        "data-action": "move-down",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction("move-down");
+        },
+        children: /* @__PURE__ */ jsx(ChevronDown, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        title: "Add block",
+        "aria-label": "Add block",
+        "data-action": "add-block",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction("add-block");
+        },
+        children: /* @__PURE__ */ jsx(Plus, {})
       }
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
       {
-        ref,
-        className: "cms-block-toolbar",
-        "data-cms-toolbar": "true",
-        children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              title: "Move up",
-              "aria-label": "Move up",
-              "data-action": "move-up",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleAction("move-up");
-              },
-              children: /* @__PURE__ */ jsx(ChevronUp, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              title: "Move down",
-              "aria-label": "Move down",
-              "data-action": "move-down",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleAction("move-down");
-              },
-              children: /* @__PURE__ */ jsx(ChevronDown, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              title: "Add block",
-              "aria-label": "Add block",
-              "data-action": "add-block",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleAction("add-block");
-              },
-              children: /* @__PURE__ */ jsx(Plus, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "delete",
-              title: "Delete block",
-              "aria-label": "Delete block",
-              "data-action": "delete",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleAction("delete");
-              },
-              children: /* @__PURE__ */ jsx(Trash2, {})
-            }
-          )
-        ]
+        type: "button",
+        className: "delete",
+        title: "Delete block",
+        "aria-label": "Delete block",
+        "data-action": "delete",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction("delete");
+        },
+        children: /* @__PURE__ */ jsx(Trash2, {})
       }
-    );
-  }
-);
+    )
+  ] });
+});
 export {
   BlockToolbar
 };

package/dist/lib/block-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/block-toolbar.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown, ChevronUp, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef } from 'react';\n\n/**\n * Block Toolbar Component\n *\n * Provides move up/down and delete controls for blocks in edit mode.\n * Position is managed imperatively by the parent via a forwarded ref —\n * the toolbar follows the mouse cursor and has no internal layout logic.\n */\n\nexport const BlockToolbar = forwardRef<HTMLDivElement, { blockId: string }>(\n  function BlockToolbar({ blockId }, ref) {\n  const handleAction = (action: string) => {\n    if (typeof window !== 'undefined' && window.parent && window.parent !== window) {\n      window.parent.postMessage({ type: 'cms-block-action', action, blockId }, '*');\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      className=\"cms-block-toolbar\"\n      data-cms-toolbar=\"true\"\n    >\n      <button\n        type=\"button\"\n        title=\"Move up\"\n        aria-label=\"Move up\"\n        data-action=\"move-up\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('move-up');\n        }}\n      >\n        <ChevronUp />\n      </button>\n      <button\n        type=\"button\"\n        title=\"Move down\"\n        aria-label=\"Move down\"\n        data-action=\"move-down\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('move-down');\n        }}\n      >\n        <ChevronDown />\n      </button>\n      <button\n        type=\"button\"\n        title=\"Add block\"\n        aria-label=\"Add block\"\n        data-action=\"add-block\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('add-block');\n        }}\n      >\n        <Plus />\n      </button>\n      <button\n        type=\"button\"\n        className=\"delete\"\n        title=\"Delete block\"\n        aria-label=\"Delete block\"\n        data-action=\"delete\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('delete');\n        }}\n      >\n        <Trash2 />\n      </button>\n    </div>\n  );\n});\n"],"mappings":";;;;AAEA,SAAS,aAAa,WAAW,MAAM,cAAc;AACrD,SAAS,kBAAkB;AAmBvB,SAeI,KAfJ;AATG,IAAM,eAAe;AAAA,EAC1B,SAASA,cAAa,EAAE,QAAQ,GAAG,KAAK;AACxC,UAAM,eAAe,CAAC,WAAmB;AACvC,UAAI,OAAO,WAAW,eAAe,OAAO,UAAU,OAAO,WAAW,QAAQ;AAC9E,eAAO,OAAO,YAAY,EAAE,MAAM,oBAAoB,QAAQ,QAAQ,GAAG,GAAG;AAAA,MAC9E;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,oBAAiB;AAAA,QAEjB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,cAAW;AAAA,cACX,eAAY;AAAA,cACZ,SAAS,CAAC,MAAM;AACd,kBAAE,gBAAgB;AAClB,6BAAa,SAAS;AAAA,cACxB;AAAA,cAEA,8BAAC,aAAU;AAAA;AAAA,UACb;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,cAAW;AAAA,cACX,eAAY;AAAA,cACZ,SAAS,CAAC,MAAM;AACd,kBAAE,gBAAgB;AAClB,6BAAa,WAAW;AAAA,cAC1B;AAAA,cAEA,8BAAC,eAAY;AAAA;AAAA,UACf;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,cAAW;AAAA,cACX,eAAY;AAAA,cACZ,SAAS,CAAC,MAAM;AACd,kBAAE,gBAAgB;AAClB,6BAAa,WAAW;AAAA,cAC1B;AAAA,cAEA,8BAAC,QAAK;AAAA;AAAA,UACR;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,OAAM;AAAA,cACN,cAAW;AAAA,cACX,eAAY;AAAA,cACZ,SAAS,CAAC,MAAM;AACd,kBAAE,gBAAgB;AAClB,6BAAa,QAAQ;AAAA,cACvB;AAAA,cAEA,8BAAC,UAAO;AAAA;AAAA,UACV;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAAC;","names":["BlockToolbar"]}
+{"version":3,"sources":["../../lib/block-toolbar.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown, ChevronUp, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef } from 'react';\n\n/**\n * Block Toolbar Component\n *\n * Provides move up/down and delete controls for blocks in edit mode.\n * Position is managed imperatively by the parent via a forwarded ref —\n * the toolbar follows the mouse cursor and has no internal layout logic.\n */\n\nexport const BlockToolbar = forwardRef<HTMLDivElement, { blockId: string }>(function BlockToolbar(\n  { blockId },\n  ref\n) {\n  const handleAction = (action: string) => {\n    if (typeof window !== 'undefined' && window.parent && window.parent !== window) {\n      window.parent.postMessage({ type: 'cms-block-action', action, blockId }, '*');\n    }\n  };\n\n  return (\n    <div ref={ref} className=\"cms-block-toolbar\" data-cms-toolbar=\"true\">\n      <button\n        type=\"button\"\n        title=\"Move up\"\n        aria-label=\"Move up\"\n        data-action=\"move-up\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('move-up');\n        }}\n      >\n        <ChevronUp />\n      </button>\n      <button\n        type=\"button\"\n        title=\"Move down\"\n        aria-label=\"Move down\"\n        data-action=\"move-down\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('move-down');\n        }}\n      >\n        <ChevronDown />\n      </button>\n      <button\n        type=\"button\"\n        title=\"Add block\"\n        aria-label=\"Add block\"\n        data-action=\"add-block\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('add-block');\n        }}\n      >\n        <Plus />\n      </button>\n      <button\n        type=\"button\"\n        className=\"delete\"\n        title=\"Delete block\"\n        aria-label=\"Delete block\"\n        data-action=\"delete\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('delete');\n        }}\n      >\n        <Trash2 />\n      </button>\n    </div>\n  );\n});\n"],"mappings":";;;;AAEA,SAAS,aAAa,WAAW,MAAM,cAAc;AACrD,SAAS,kBAAkB;AAqBvB,SAWI,KAXJ;AAXG,IAAM,eAAe,WAAgD,SAASA,cACnF,EAAE,QAAQ,GACV,KACA;AACA,QAAM,eAAe,CAAC,WAAmB;AACvC,QAAI,OAAO,WAAW,eAAe,OAAO,UAAU,OAAO,WAAW,QAAQ;AAC9E,aAAO,OAAO,YAAY,EAAE,MAAM,oBAAoB,QAAQ,QAAQ,GAAG,GAAG;AAAA,IAC9E;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,KAAU,WAAU,qBAAoB,oBAAiB,QAC5D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,cAAW;AAAA,QACX,eAAY;AAAA,QACZ,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,uBAAa,SAAS;AAAA,QACxB;AAAA,QAEA,8BAAC,aAAU;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,cAAW;AAAA,QACX,eAAY;AAAA,QACZ,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,uBAAa,WAAW;AAAA,QAC1B;AAAA,QAEA,8BAAC,eAAY;AAAA;AAAA,IACf;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,cAAW;AAAA,QACX,eAAY;AAAA,QACZ,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,uBAAa,WAAW;AAAA,QAC1B;AAAA,QAEA,8BAAC,QAAK;AAAA;AAAA,IACR;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAM;AAAA,QACN,cAAW;AAAA,QACX,eAAY;AAAA,QACZ,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,uBAAa,QAAQ;AAAA,QACvB;AAAA,QAEA,8BAAC,UAAO;AAAA;AAAA,IACV;AAAA,KACF;AAEJ,CAAC;","names":["BlockToolbar"]}

package/dist/lib/client-editable-block.js

@@ -2,7 +2,7 @@
 "use client";
 
 // lib/client-editable-block.tsx
-import { useCallback, useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState } from "react";
+import { useCallback, useEffect, useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState } from "react";
 import { createPortal } from "react-dom";
 
 // lib/block-outline.tsx
@@ -47,82 +47,72 @@ function BlockOutline({ blockRect }) {
 import { ChevronDown, ChevronUp, Plus, Trash2 } from "lucide-react";
 import { forwardRef } from "react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var BlockToolbar = forwardRef(
-  function BlockToolbar2({ blockId }, ref) {
-    const handleAction = (action) => {
-      if (typeof window !== "undefined" && window.parent && window.parent !== window) {
-        window.parent.postMessage({ type: "cms-block-action", action, blockId }, "*");
+var BlockToolbar = forwardRef(function BlockToolbar2({ blockId }, ref) {
+  const handleAction = (action) => {
+    if (typeof window !== "undefined" && window.parent && window.parent !== window) {
+      window.parent.postMessage({ type: "cms-block-action", action, blockId }, "*");
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ref, className: "cms-block-toolbar", "data-cms-toolbar": "true", children: [
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        title: "Move up",
+        "aria-label": "Move up",
+        "data-action": "move-up",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction("move-up");
+        },
+        children: /* @__PURE__ */ jsx2(ChevronUp, {})
       }
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
+    ),
+    /* @__PURE__ */ jsx2(
+      "button",
       {
-        ref,
-        className: "cms-block-toolbar",
-        "data-cms-toolbar": "true",
-        children: [
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              title: "Move up",
-              "aria-label": "Move up",
-              "data-action": "move-up",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleAction("move-up");
-              },
-              children: /* @__PURE__ */ jsx2(ChevronUp, {})
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              title: "Move down",
-              "aria-label": "Move down",
-              "data-action": "move-down",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleAction("move-down");
-              },
-              children: /* @__PURE__ */ jsx2(ChevronDown, {})
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              title: "Add block",
-              "aria-label": "Add block",
-              "data-action": "add-block",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleAction("add-block");
-              },
-              children: /* @__PURE__ */ jsx2(Plus, {})
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              className: "delete",
-              title: "Delete block",
-              "aria-label": "Delete block",
-              "data-action": "delete",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleAction("delete");
-              },
-              children: /* @__PURE__ */ jsx2(Trash2, {})
-            }
-          )
-        ]
+        type: "button",
+        title: "Move down",
+        "aria-label": "Move down",
+        "data-action": "move-down",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction("move-down");
+        },
+        children: /* @__PURE__ */ jsx2(ChevronDown, {})
       }
-    );
-  }
-);
+    ),
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        title: "Add block",
+        "aria-label": "Add block",
+        "data-action": "add-block",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction("add-block");
+        },
+        children: /* @__PURE__ */ jsx2(Plus, {})
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        className: "delete",
+        title: "Delete block",
+        "aria-label": "Delete block",
+        "data-action": "delete",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleAction("delete");
+        },
+        children: /* @__PURE__ */ jsx2(Trash2, {})
+      }
+    )
+  ] });
+});
 
 // lib/client-editable-block.tsx
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -210,6 +200,7 @@ function ClientEditableBlock({
   const cursorElRef = useRef2(null);
   const toolbarElRef = useRef2(null);
   const toolbarVisibleRef = useRef2(false);
+  const [mounted, setMounted] = useState(false);
   const [outlineRect, setOutlineRect] = useState(null);
   const getBlockRoot = useCallback(() => {
     return sentinelRef.current?.nextElementSibling ?? null;
@@ -272,6 +263,9 @@ function ClientEditableBlock({
       }
     }
   }, [blockId, blockType, contentEntries, getBlockRoot]);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
   useLayoutEffect2(() => {
     ensureCmsGlobals();
     const blockRoot = getBlockRoot();
@@ -359,9 +353,9 @@ function ClientEditableBlock({
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx3("span", { ref: sentinelRef, style: { display: "none" }, "aria-hidden": true }),
     children,
-    outlineRect && createPortal(/* @__PURE__ */ jsx3(BlockOutline, { blockRect: outlineRect }), document.body),
-    createPortal(/* @__PURE__ */ jsx3("div", { ref: cursorElRef, className: "cms-block-cursor" }), document.body),
-    createPortal(/* @__PURE__ */ jsx3(BlockToolbar, { ref: toolbarElRef, blockId }), document.body)
+    mounted && outlineRect && createPortal(/* @__PURE__ */ jsx3(BlockOutline, { blockRect: outlineRect }), document.body),
+    mounted && createPortal(/* @__PURE__ */ jsx3("div", { ref: cursorElRef, className: "cms-block-cursor" }), document.body),
+    mounted && createPortal(/* @__PURE__ */ jsx3(BlockToolbar, { ref: toolbarElRef, blockId }), document.body)
   ] });
 }
 export {

package/dist/lib/client-editable-block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/client-editable-block.tsx","../../lib/block-outline.tsx","../../lib/block-toolbar.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { BlockOutline } from './block-outline';\nimport { BlockToolbar } from './block-toolbar';\n\n// ---------------------------------------------------------------------------\n// Global styles + click-routing — injected once into <head> on first mount.\n// We do this programmatically because Next.js RSC marks body-level <style> and\n// <script> tags as inactive (they appear greyed-out in DevTools and are not\n// applied by the browser).\n// ---------------------------------------------------------------------------\n\nconst CMS_STYLES = `\n  [data-cms-editable] { cursor: pointer; border-radius: 2px; }\n  [data-cms-editable]:hover { outline: 2px solid #3b82f6; outline-offset: 2px; }\n  .cms-block-cursor {\n    position: fixed; width: 22px; height: 22px;\n    background: radial-gradient(circle, #fff 5px, #000 5px);\n    border-radius: 50%;\n    pointer-events: none; z-index: 99999;\n    transform: translate(-50%, -50%);\n    opacity: 0; transition: opacity 0.1s ease;\n  }\n  .cms-block-cursor.cms-cursor-visible { opacity: 1; }\n  .cms-block-toolbar {\n    position: fixed;\n    display: flex; gap: 4px; background: #1f2937; border-radius: 6px; padding: 4px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n    z-index: 99999; pointer-events: none;\n    opacity: 0; transform: scale(0.9) translateY(4px);\n    transition: opacity 0.15s ease, transform 0.15s ease;\n  }\n  .cms-block-toolbar.cms-toolbar-visible {\n    opacity: 1; transform: scale(1) translateY(0); pointer-events: auto;\n  }\n  .cms-block-toolbar button {\n    display: flex; align-items: center; justify-content: center;\n    width: 28px; height: 28px; border: none; background: transparent;\n    color: #9ca3af; border-radius: 4px; cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .cms-block-toolbar button:hover { background: #374151; color: #fff; }\n  .cms-block-toolbar button.delete:hover { background: #dc2626; color: #fff; }\n  .cms-block-toolbar button:disabled { opacity: 0.4; cursor: not-allowed; }\n  .cms-block-toolbar button:disabled:hover { background: transparent; color: #9ca3af; }\n  .cms-block-toolbar svg { width: 16px; height: 16px; }\n`;\n\nlet cmsGlobalInjected = false;\n\nfunction ensureCmsGlobals() {\n  if (cmsGlobalInjected) return;\n  cmsGlobalInjected = true;\n\n  const style = document.createElement('style');\n  style.setAttribute('data-cms', '');\n  style.textContent = CMS_STYLES;\n  document.head.appendChild(style);\n\n  if (!(window as Window & { __cmsEditableInitialized?: boolean }).__cmsEditableInitialized) {\n    (window as Window & { __cmsEditableInitialized?: boolean }).__cmsEditableInitialized = true;\n    document.addEventListener('click', (e) => {\n      const target = e.target as Element;\n      if (target.closest('.cms-block-toolbar')) return;\n\n      const editable = target.closest('[data-cms-editable]');\n      if (editable) {\n        const msg = {\n          type: 'cms-editable-click',\n          blockId: editable.getAttribute('data-block-id'),\n          blockType: editable.getAttribute('data-block-type'),\n          contentPath: editable.getAttribute('data-content-path'),\n        };\n        if (window.parent && window.parent !== window) window.parent.postMessage(msg, '*');\n        return;\n      }\n\n      const block = target.closest('[data-cms-block]');\n      if (block) {\n        const msg = {\n          type: 'cms-editable-click',\n          blockId: block.getAttribute('data-block-id'),\n          blockType: block.getAttribute('data-block-type'),\n          contentPath: null,\n        };\n        if (window.parent && window.parent !== window) window.parent.postMessage(msg, '*');\n      }\n    });\n  }\n}\n\ninterface ContentEntry {\n  v: string;\n  p: string;\n}\n\ninterface ClientEditableBlockProps {\n  blockId: string;\n  blockType: string;\n  contentEntries: ContentEntry[];\n  children: React.ReactNode;\n}\n\n/**\n * Client-side block editable wrapper.\n *\n * Renders a hidden sentinel span followed by the block's children (no wrapper div).\n * On mount, finds the component's root element via nextElementSibling and:\n * - Stamps data-cms-block, data-block-id, data-block-type directly on it\n * - Injects data-cms-editable spans around matching text nodes\n * - Portals the BlockToolbar into document.body with position:fixed so it is\n *   never clipped by overflow:hidden or stacking contexts on the block itself\n *\n * Uses a MutationObserver to re-inject spans after every DOM mutation\n * (e.g. animated state changes that swap visible elements).\n */\nexport function ClientEditableBlock({\n  blockId,\n  blockType,\n  contentEntries,\n  children,\n}: ClientEditableBlockProps) {\n  const sentinelRef = useRef<HTMLSpanElement>(null);\n  const observerRef = useRef<MutationObserver | null>(null);\n  const isInjectingRef = useRef(false);\n  const cursorElRef = useRef<HTMLDivElement>(null);\n  const toolbarElRef = useRef<HTMLDivElement>(null);\n  const toolbarVisibleRef = useRef(false);\n  const [outlineRect, setOutlineRect] = useState<DOMRect | null>(null);\n\n  const getBlockRoot = useCallback((): HTMLElement | null => {\n    return (sentinelRef.current?.nextElementSibling as HTMLElement) ?? null;\n  }, []);\n\n  const injectSpans = useCallback(() => {\n    if (isInjectingRef.current) return;\n    const blockRoot = getBlockRoot();\n    if (!blockRoot) return;\n\n    isInjectingRef.current = true;\n    // Disconnect observer while we mutate the DOM to avoid re-entrant calls.\n    observerRef.current?.disconnect();\n\n    try {\n      // Remove previously injected text-level spans, restoring the original text nodes.\n      const existing = Array.from(\n        blockRoot.querySelectorAll<HTMLElement>('span[data-cms-editable][data-content-path]')\n      );\n      for (const span of existing) {\n        const parent = span.parentNode;\n        if (!parent) continue;\n        while (span.firstChild) parent.insertBefore(span.firstChild, span);\n        parent.removeChild(span);\n      }\n\n      // Walk all visible text nodes and wrap the ones that match content values.\n      const used = new Set<string>();\n      const walker = document.createTreeWalker(blockRoot, NodeFilter.SHOW_TEXT, null);\n      const textNodes: Text[] = [];\n      let n = walker.nextNode();\n      while (n !== null) {\n        const textNode = n as Text;\n        if (\n          textNode.parentElement?.closest('.cms-block-toolbar') == null &&\n          textNode.nodeValue?.trim()\n        ) {\n          textNodes.push(textNode);\n        }\n        n = walker.nextNode();\n      }\n\n      for (const textNode of textNodes) {\n        // Never inject spans inside SVG — <span> is not valid SVG content\n        if (textNode.parentElement?.closest('svg') != null) continue;\n\n        const text = textNode.nodeValue;\n        if (!text) continue;\n        for (const entry of contentEntries) {\n          if (used.has(entry.p)) continue;\n          if (text.indexOf(entry.v) !== -1 && text.trim() === entry.v.trim()) {\n            used.add(entry.p);\n            const span = document.createElement('span');\n            span.setAttribute('data-cms-editable', '');\n            span.setAttribute('data-block-id', blockId);\n            span.setAttribute('data-block-type', blockType);\n            span.setAttribute('data-content-path', entry.p);\n            textNode.parentNode?.insertBefore(span, textNode);\n            span.appendChild(textNode);\n            break;\n          }\n        }\n      }\n    } finally {\n      isInjectingRef.current = false;\n      // Reconnect after our mutations are done.\n      const root = getBlockRoot();\n      if (root && observerRef.current) {\n        observerRef.current.observe(root, {\n          childList: true,\n          subtree: true,\n          characterData: true,\n        });\n      }\n    }\n  }, [blockId, blockType, contentEntries, getBlockRoot]);\n\n  useLayoutEffect(() => {\n    ensureCmsGlobals();\n\n    const blockRoot = getBlockRoot();\n    if (!blockRoot) return;\n\n    // Stamp CMS attributes directly on the component's root element.\n    blockRoot.setAttribute('data-cms-block', '');\n    blockRoot.setAttribute('data-block-id', blockId);\n    blockRoot.setAttribute('data-block-type', blockType);\n\n    // Position toolbar at (x, y) without animating the placement itself —\n    // suppress top/left transitions for the instant snap, then restore.\n    const positionToolbar = (x: number, y: number) => {\n      const el = toolbarElRef.current;\n      if (!el) return;\n      const { width: tw, height: th } = el.getBoundingClientRect();\n      const top = Math.max(4, y - th - 12);\n      const left = Math.max(4, Math.min(x - tw / 2, window.innerWidth - tw - 4));\n      el.style.transition = 'opacity 0.15s ease, transform 0.15s ease';\n      el.style.top = `${top}px`;\n      el.style.left = `${left}px`;\n    };\n\n    // Cursor circle follows the mouse to indicate the block is interactive.\n    const showCursor = (e: MouseEvent) => {\n      if (toolbarVisibleRef.current) return;\n      setOutlineRect(blockRoot.getBoundingClientRect());\n      const el = cursorElRef.current;\n      if (!el) return;\n      el.style.top = `${e.clientY}px`;\n      el.style.left = `${e.clientX}px`;\n      el.classList.add('cms-cursor-visible');\n    };\n    const moveCursor = (e: MouseEvent) => {\n      if (toolbarVisibleRef.current) return;\n      const el = cursorElRef.current;\n      if (!el) return;\n      el.style.top = `${e.clientY}px`;\n      el.style.left = `${e.clientX}px`;\n    };\n    const hideCursor = () => {\n      cursorElRef.current?.classList.remove('cms-cursor-visible');\n      setOutlineRect(null);\n    };\n\n    // On right-click: first time suppresses the browser context menu and shows\n    // the CMS toolbar instead. If the toolbar is already visible the event is\n    // not prevented so the browser's native context menu opens as a fallback.\n    const handleContextMenu = (e: MouseEvent) => {\n      if ((e.target as Element).closest('[data-cms-toolbar]')) return;\n      if (toolbarVisibleRef.current) return; // fall through to browser context menu\n      e.preventDefault();\n      hideCursor();\n      positionToolbar(e.clientX, e.clientY);\n      toolbarVisibleRef.current = true;\n      toolbarElRef.current?.classList.add('cms-toolbar-visible');\n    };\n\n    // Dismiss toolbar when clicking outside this block or its toolbar.\n    const handleClickOutside = (e: MouseEvent) => {\n      if (!toolbarVisibleRef.current) return;\n      const target = e.target as Element;\n      if (target.closest('[data-cms-toolbar]')) return;\n      if (blockRoot.contains(target)) return;\n      toolbarElRef.current?.classList.remove('cms-toolbar-visible');\n      toolbarVisibleRef.current = false;\n    };\n\n    const hideOnScroll = () => {\n      hideCursor();\n      toolbarElRef.current?.classList.remove('cms-toolbar-visible');\n      toolbarVisibleRef.current = false;\n    };\n\n    blockRoot.addEventListener('mouseenter', showCursor);\n    blockRoot.addEventListener('mousemove', moveCursor);\n    blockRoot.addEventListener('mouseleave', hideCursor);\n    blockRoot.addEventListener('contextmenu', handleContextMenu);\n    document.addEventListener('click', handleClickOutside);\n    window.addEventListener('scroll', hideOnScroll, { passive: true, capture: true });\n\n    // Initial span injection after React's first commit.\n    injectSpans();\n\n    // Re-inject whenever the child component mutates the DOM.\n    const observer = new MutationObserver(injectSpans);\n    observerRef.current = observer;\n    observer.observe(blockRoot, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n\n    return () => {\n      observer.disconnect();\n      observerRef.current = null;\n      blockRoot.removeEventListener('mouseenter', showCursor);\n      blockRoot.removeEventListener('mousemove', moveCursor);\n      blockRoot.removeEventListener('mouseleave', hideCursor);\n      blockRoot.removeEventListener('contextmenu', handleContextMenu);\n      document.removeEventListener('click', handleClickOutside);\n      window.removeEventListener('scroll', hideOnScroll, { capture: true });\n    };\n  }, [injectSpans, blockId, blockType, getBlockRoot]);\n\n  return (\n    <>\n      <span ref={sentinelRef} style={{ display: 'none' }} aria-hidden />\n      {children}\n      {outlineRect && createPortal(<BlockOutline blockRect={outlineRect} />, document.body)}\n      {createPortal(<div ref={cursorElRef} className=\"cms-block-cursor\" />, document.body)}\n      {createPortal(<BlockToolbar ref={toolbarElRef} blockId={blockId} />, document.body)}\n    </>\n  );\n}\n","'use client';\n\nimport { useLayoutEffect, useRef } from 'react';\n\n/**\n * Block Outline Component\n *\n * Renders a position:fixed border overlay around a hovered block.\n * Tries up to 3 offset values (4px → 0px → -2px inset) to keep every\n * edge of the border visible inside the viewport before giving up.\n */\nexport function BlockOutline({ blockRect }: { blockRect: DOMRect }) {\n  const outlineRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const el = outlineRef.current;\n    if (!el) return;\n\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n\n    // Attempt progressively smaller offsets until the border is fully visible.\n    // offset=4 → normal outline-offset feel\n    // offset=0 → border flush with block edge\n    // offset=-2 → border drawn inside the block (inset)\n    const offsets = [4, 0, -2];\n\n    for (const offset of offsets) {\n      const pad = offset + 2; // 2px border + offset\n      el.style.top = `${blockRect.top - pad}px`;\n      el.style.left = `${blockRect.left - pad}px`;\n      el.style.width = `${blockRect.width + pad * 2}px`;\n      el.style.height = `${blockRect.height + pad * 2}px`;\n\n      const rect = el.getBoundingClientRect();\n      if (rect.top >= 0 && rect.left >= 0 && rect.right <= vw && rect.bottom <= vh) break;\n    }\n  }, [blockRect]);\n\n  return (\n    <div\n      ref={outlineRef}\n      data-cms-outline=\"true\"\n      style={{\n        position: 'fixed',\n        border: '2px solid #3b82f6',\n        borderRadius: '2px',\n        pointerEvents: 'none',\n        zIndex: 99998,\n        boxSizing: 'border-box',\n      }}\n    />\n  );\n}\n","'use client';\n\nimport { ChevronDown, ChevronUp, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef } from 'react';\n\n/**\n * Block Toolbar Component\n *\n * Provides move up/down and delete controls for blocks in edit mode.\n * Position is managed imperatively by the parent via a forwarded ref —\n * the toolbar follows the mouse cursor and has no internal layout logic.\n */\n\nexport const BlockToolbar = forwardRef<HTMLDivElement, { blockId: string }>(\n  function BlockToolbar({ blockId }, ref) {\n  const handleAction = (action: string) => {\n    if (typeof window !== 'undefined' && window.parent && window.parent !== window) {\n      window.parent.postMessage({ type: 'cms-block-action', action, blockId }, '*');\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      className=\"cms-block-toolbar\"\n      data-cms-toolbar=\"true\"\n    >\n      <button\n        type=\"button\"\n        title=\"Move up\"\n        aria-label=\"Move up\"\n        data-action=\"move-up\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('move-up');\n        }}\n      >\n        <ChevronUp />\n      </button>\n      <button\n        type=\"button\"\n        title=\"Move down\"\n        aria-label=\"Move down\"\n        data-action=\"move-down\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('move-down');\n        }}\n      >\n        <ChevronDown />\n      </button>\n      <button\n        type=\"button\"\n        title=\"Add block\"\n        aria-label=\"Add block\"\n        data-action=\"add-block\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('add-block');\n        }}\n      >\n        <Plus />\n      </button>\n      <button\n        type=\"button\"\n        className=\"delete\"\n        title=\"Delete block\"\n        aria-label=\"Delete block\"\n        data-action=\"delete\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('delete');\n        }}\n      >\n        <Trash2 />\n      </button>\n    </div>\n  );\n});\n"],"mappings":"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","names":["useLayoutEffect","useRef","jsx","BlockToolbar","jsx","jsxs","useRef","useLayoutEffect"]}
+{"version":3,"sources":["../../lib/client-editable-block.tsx","../../lib/block-outline.tsx","../../lib/block-toolbar.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { BlockOutline } from './block-outline';\nimport { BlockToolbar } from './block-toolbar';\n\n// ---------------------------------------------------------------------------\n// Global styles + click-routing — injected once into <head> on first mount.\n// We do this programmatically because Next.js RSC marks body-level <style> and\n// <script> tags as inactive (they appear greyed-out in DevTools and are not\n// applied by the browser).\n// ---------------------------------------------------------------------------\n\nconst CMS_STYLES = `\n  [data-cms-editable] { cursor: pointer; border-radius: 2px; }\n  [data-cms-editable]:hover { outline: 2px solid #3b82f6; outline-offset: 2px; }\n  .cms-block-cursor {\n    position: fixed; width: 22px; height: 22px;\n    background: radial-gradient(circle, #fff 5px, #000 5px);\n    border-radius: 50%;\n    pointer-events: none; z-index: 99999;\n    transform: translate(-50%, -50%);\n    opacity: 0; transition: opacity 0.1s ease;\n  }\n  .cms-block-cursor.cms-cursor-visible { opacity: 1; }\n  .cms-block-toolbar {\n    position: fixed;\n    display: flex; gap: 4px; background: #1f2937; border-radius: 6px; padding: 4px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n    z-index: 99999; pointer-events: none;\n    opacity: 0; transform: scale(0.9) translateY(4px);\n    transition: opacity 0.15s ease, transform 0.15s ease;\n  }\n  .cms-block-toolbar.cms-toolbar-visible {\n    opacity: 1; transform: scale(1) translateY(0); pointer-events: auto;\n  }\n  .cms-block-toolbar button {\n    display: flex; align-items: center; justify-content: center;\n    width: 28px; height: 28px; border: none; background: transparent;\n    color: #9ca3af; border-radius: 4px; cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .cms-block-toolbar button:hover { background: #374151; color: #fff; }\n  .cms-block-toolbar button.delete:hover { background: #dc2626; color: #fff; }\n  .cms-block-toolbar button:disabled { opacity: 0.4; cursor: not-allowed; }\n  .cms-block-toolbar button:disabled:hover { background: transparent; color: #9ca3af; }\n  .cms-block-toolbar svg { width: 16px; height: 16px; }\n`;\n\nlet cmsGlobalInjected = false;\n\nfunction ensureCmsGlobals() {\n  if (cmsGlobalInjected) return;\n  cmsGlobalInjected = true;\n\n  const style = document.createElement('style');\n  style.setAttribute('data-cms', '');\n  style.textContent = CMS_STYLES;\n  document.head.appendChild(style);\n\n  if (!(window as Window & { __cmsEditableInitialized?: boolean }).__cmsEditableInitialized) {\n    (window as Window & { __cmsEditableInitialized?: boolean }).__cmsEditableInitialized = true;\n    document.addEventListener('click', (e) => {\n      const target = e.target as Element;\n      if (target.closest('.cms-block-toolbar')) return;\n\n      const editable = target.closest('[data-cms-editable]');\n      if (editable) {\n        const msg = {\n          type: 'cms-editable-click',\n          blockId: editable.getAttribute('data-block-id'),\n          blockType: editable.getAttribute('data-block-type'),\n          contentPath: editable.getAttribute('data-content-path'),\n        };\n        if (window.parent && window.parent !== window) window.parent.postMessage(msg, '*');\n        return;\n      }\n\n      const block = target.closest('[data-cms-block]');\n      if (block) {\n        const msg = {\n          type: 'cms-editable-click',\n          blockId: block.getAttribute('data-block-id'),\n          blockType: block.getAttribute('data-block-type'),\n          contentPath: null,\n        };\n        if (window.parent && window.parent !== window) window.parent.postMessage(msg, '*');\n      }\n    });\n  }\n}\n\ninterface ContentEntry {\n  v: string;\n  p: string;\n}\n\ninterface ClientEditableBlockProps {\n  blockId: string;\n  blockType: string;\n  contentEntries: ContentEntry[];\n  children: React.ReactNode;\n}\n\n/**\n * Client-side block editable wrapper.\n *\n * Renders a hidden sentinel span followed by the block's children (no wrapper div).\n * On mount, finds the component's root element via nextElementSibling and:\n * - Stamps data-cms-block, data-block-id, data-block-type directly on it\n * - Injects data-cms-editable spans around matching text nodes\n * - Portals the BlockToolbar into document.body with position:fixed so it is\n *   never clipped by overflow:hidden or stacking contexts on the block itself\n *\n * Uses a MutationObserver to re-inject spans after every DOM mutation\n * (e.g. animated state changes that swap visible elements).\n */\nexport function ClientEditableBlock({\n  blockId,\n  blockType,\n  contentEntries,\n  children,\n}: ClientEditableBlockProps) {\n  const sentinelRef = useRef<HTMLSpanElement>(null);\n  const observerRef = useRef<MutationObserver | null>(null);\n  const isInjectingRef = useRef(false);\n  const cursorElRef = useRef<HTMLDivElement>(null);\n  const toolbarElRef = useRef<HTMLDivElement>(null);\n  const toolbarVisibleRef = useRef(false);\n  const [mounted, setMounted] = useState(false);\n  const [outlineRect, setOutlineRect] = useState<DOMRect | null>(null);\n\n  const getBlockRoot = useCallback((): HTMLElement | null => {\n    return (sentinelRef.current?.nextElementSibling as HTMLElement) ?? null;\n  }, []);\n\n  const injectSpans = useCallback(() => {\n    if (isInjectingRef.current) return;\n    const blockRoot = getBlockRoot();\n    if (!blockRoot) return;\n\n    isInjectingRef.current = true;\n    // Disconnect observer while we mutate the DOM to avoid re-entrant calls.\n    observerRef.current?.disconnect();\n\n    try {\n      // Remove previously injected text-level spans, restoring the original text nodes.\n      const existing = Array.from(\n        blockRoot.querySelectorAll<HTMLElement>('span[data-cms-editable][data-content-path]')\n      );\n      for (const span of existing) {\n        const parent = span.parentNode;\n        if (!parent) continue;\n        while (span.firstChild) parent.insertBefore(span.firstChild, span);\n        parent.removeChild(span);\n      }\n\n      // Walk all visible text nodes and wrap the ones that match content values.\n      const used = new Set<string>();\n      const walker = document.createTreeWalker(blockRoot, NodeFilter.SHOW_TEXT, null);\n      const textNodes: Text[] = [];\n      let n = walker.nextNode();\n      while (n !== null) {\n        const textNode = n as Text;\n        if (\n          textNode.parentElement?.closest('.cms-block-toolbar') == null &&\n          textNode.nodeValue?.trim()\n        ) {\n          textNodes.push(textNode);\n        }\n        n = walker.nextNode();\n      }\n\n      for (const textNode of textNodes) {\n        // Never inject spans inside SVG — <span> is not valid SVG content\n        if (textNode.parentElement?.closest('svg') != null) continue;\n\n        const text = textNode.nodeValue;\n        if (!text) continue;\n        for (const entry of contentEntries) {\n          if (used.has(entry.p)) continue;\n          if (text.indexOf(entry.v) !== -1 && text.trim() === entry.v.trim()) {\n            used.add(entry.p);\n            const span = document.createElement('span');\n            span.setAttribute('data-cms-editable', '');\n            span.setAttribute('data-block-id', blockId);\n            span.setAttribute('data-block-type', blockType);\n            span.setAttribute('data-content-path', entry.p);\n            textNode.parentNode?.insertBefore(span, textNode);\n            span.appendChild(textNode);\n            break;\n          }\n        }\n      }\n    } finally {\n      isInjectingRef.current = false;\n      // Reconnect after our mutations are done.\n      const root = getBlockRoot();\n      if (root && observerRef.current) {\n        observerRef.current.observe(root, {\n          childList: true,\n          subtree: true,\n          characterData: true,\n        });\n      }\n    }\n  }, [blockId, blockType, contentEntries, getBlockRoot]);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useLayoutEffect(() => {\n    ensureCmsGlobals();\n\n    const blockRoot = getBlockRoot();\n    if (!blockRoot) return;\n\n    // Stamp CMS attributes directly on the component's root element.\n    blockRoot.setAttribute('data-cms-block', '');\n    blockRoot.setAttribute('data-block-id', blockId);\n    blockRoot.setAttribute('data-block-type', blockType);\n\n    // Position toolbar at (x, y) without animating the placement itself —\n    // suppress top/left transitions for the instant snap, then restore.\n    const positionToolbar = (x: number, y: number) => {\n      const el = toolbarElRef.current;\n      if (!el) return;\n      const { width: tw, height: th } = el.getBoundingClientRect();\n      const top = Math.max(4, y - th - 12);\n      const left = Math.max(4, Math.min(x - tw / 2, window.innerWidth - tw - 4));\n      el.style.transition = 'opacity 0.15s ease, transform 0.15s ease';\n      el.style.top = `${top}px`;\n      el.style.left = `${left}px`;\n    };\n\n    // Cursor circle follows the mouse to indicate the block is interactive.\n    const showCursor = (e: MouseEvent) => {\n      if (toolbarVisibleRef.current) return;\n      setOutlineRect(blockRoot.getBoundingClientRect());\n      const el = cursorElRef.current;\n      if (!el) return;\n      el.style.top = `${e.clientY}px`;\n      el.style.left = `${e.clientX}px`;\n      el.classList.add('cms-cursor-visible');\n    };\n    const moveCursor = (e: MouseEvent) => {\n      if (toolbarVisibleRef.current) return;\n      const el = cursorElRef.current;\n      if (!el) return;\n      el.style.top = `${e.clientY}px`;\n      el.style.left = `${e.clientX}px`;\n    };\n    const hideCursor = () => {\n      cursorElRef.current?.classList.remove('cms-cursor-visible');\n      setOutlineRect(null);\n    };\n\n    // On right-click: first time suppresses the browser context menu and shows\n    // the CMS toolbar instead. If the toolbar is already visible the event is\n    // not prevented so the browser's native context menu opens as a fallback.\n    const handleContextMenu = (e: MouseEvent) => {\n      if ((e.target as Element).closest('[data-cms-toolbar]')) return;\n      if (toolbarVisibleRef.current) return; // fall through to browser context menu\n      e.preventDefault();\n      hideCursor();\n      positionToolbar(e.clientX, e.clientY);\n      toolbarVisibleRef.current = true;\n      toolbarElRef.current?.classList.add('cms-toolbar-visible');\n    };\n\n    // Dismiss toolbar when clicking outside this block or its toolbar.\n    const handleClickOutside = (e: MouseEvent) => {\n      if (!toolbarVisibleRef.current) return;\n      const target = e.target as Element;\n      if (target.closest('[data-cms-toolbar]')) return;\n      if (blockRoot.contains(target)) return;\n      toolbarElRef.current?.classList.remove('cms-toolbar-visible');\n      toolbarVisibleRef.current = false;\n    };\n\n    const hideOnScroll = () => {\n      hideCursor();\n      toolbarElRef.current?.classList.remove('cms-toolbar-visible');\n      toolbarVisibleRef.current = false;\n    };\n\n    blockRoot.addEventListener('mouseenter', showCursor);\n    blockRoot.addEventListener('mousemove', moveCursor);\n    blockRoot.addEventListener('mouseleave', hideCursor);\n    blockRoot.addEventListener('contextmenu', handleContextMenu);\n    document.addEventListener('click', handleClickOutside);\n    window.addEventListener('scroll', hideOnScroll, { passive: true, capture: true });\n\n    // Initial span injection after React's first commit.\n    injectSpans();\n\n    // Re-inject whenever the child component mutates the DOM.\n    const observer = new MutationObserver(injectSpans);\n    observerRef.current = observer;\n    observer.observe(blockRoot, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n\n    return () => {\n      observer.disconnect();\n      observerRef.current = null;\n      blockRoot.removeEventListener('mouseenter', showCursor);\n      blockRoot.removeEventListener('mousemove', moveCursor);\n      blockRoot.removeEventListener('mouseleave', hideCursor);\n      blockRoot.removeEventListener('contextmenu', handleContextMenu);\n      document.removeEventListener('click', handleClickOutside);\n      window.removeEventListener('scroll', hideOnScroll, { capture: true });\n    };\n  }, [injectSpans, blockId, blockType, getBlockRoot]);\n\n  return (\n    <>\n      <span ref={sentinelRef} style={{ display: 'none' }} aria-hidden />\n      {children}\n      {mounted &&\n        outlineRect &&\n        createPortal(<BlockOutline blockRect={outlineRect} />, document.body)}\n      {mounted &&\n        createPortal(<div ref={cursorElRef} className=\"cms-block-cursor\" />, document.body)}\n      {mounted &&\n        createPortal(<BlockToolbar ref={toolbarElRef} blockId={blockId} />, document.body)}\n    </>\n  );\n}\n","'use client';\n\nimport { useLayoutEffect, useRef } from 'react';\n\n/**\n * Block Outline Component\n *\n * Renders a position:fixed border overlay around a hovered block.\n * Tries up to 3 offset values (4px → 0px → -2px inset) to keep every\n * edge of the border visible inside the viewport before giving up.\n */\nexport function BlockOutline({ blockRect }: { blockRect: DOMRect }) {\n  const outlineRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const el = outlineRef.current;\n    if (!el) return;\n\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n\n    // Attempt progressively smaller offsets until the border is fully visible.\n    // offset=4 → normal outline-offset feel\n    // offset=0 → border flush with block edge\n    // offset=-2 → border drawn inside the block (inset)\n    const offsets = [4, 0, -2];\n\n    for (const offset of offsets) {\n      const pad = offset + 2; // 2px border + offset\n      el.style.top = `${blockRect.top - pad}px`;\n      el.style.left = `${blockRect.left - pad}px`;\n      el.style.width = `${blockRect.width + pad * 2}px`;\n      el.style.height = `${blockRect.height + pad * 2}px`;\n\n      const rect = el.getBoundingClientRect();\n      if (rect.top >= 0 && rect.left >= 0 && rect.right <= vw && rect.bottom <= vh) break;\n    }\n  }, [blockRect]);\n\n  return (\n    <div\n      ref={outlineRef}\n      data-cms-outline=\"true\"\n      style={{\n        position: 'fixed',\n        border: '2px solid #3b82f6',\n        borderRadius: '2px',\n        pointerEvents: 'none',\n        zIndex: 99998,\n        boxSizing: 'border-box',\n      }}\n    />\n  );\n}\n","'use client';\n\nimport { ChevronDown, ChevronUp, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef } from 'react';\n\n/**\n * Block Toolbar Component\n *\n * Provides move up/down and delete controls for blocks in edit mode.\n * Position is managed imperatively by the parent via a forwarded ref —\n * the toolbar follows the mouse cursor and has no internal layout logic.\n */\n\nexport const BlockToolbar = forwardRef<HTMLDivElement, { blockId: string }>(function BlockToolbar(\n  { blockId },\n  ref\n) {\n  const handleAction = (action: string) => {\n    if (typeof window !== 'undefined' && window.parent && window.parent !== window) {\n      window.parent.postMessage({ type: 'cms-block-action', action, blockId }, '*');\n    }\n  };\n\n  return (\n    <div ref={ref} className=\"cms-block-toolbar\" data-cms-toolbar=\"true\">\n      <button\n        type=\"button\"\n        title=\"Move up\"\n        aria-label=\"Move up\"\n        data-action=\"move-up\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('move-up');\n        }}\n      >\n        <ChevronUp />\n      </button>\n      <button\n        type=\"button\"\n        title=\"Move down\"\n        aria-label=\"Move down\"\n        data-action=\"move-down\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('move-down');\n        }}\n      >\n        <ChevronDown />\n      </button>\n      <button\n        type=\"button\"\n        title=\"Add block\"\n        aria-label=\"Add block\"\n        data-action=\"add-block\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('add-block');\n        }}\n      >\n        <Plus />\n      </button>\n      <button\n        type=\"button\"\n        className=\"delete\"\n        title=\"Delete block\"\n        aria-label=\"Delete block\"\n        data-action=\"delete\"\n        onClick={(e) => {\n          e.stopPropagation();\n          handleAction('delete');\n        }}\n      >\n        <Trash2 />\n      </button>\n    </div>\n  );\n});\n"],"mappings":"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","names":["useLayoutEffect","useRef","jsx","BlockToolbar","jsx","jsxs","useRef","useLayoutEffect"]}