chaingrow-blog 0.2.2 → 0.7.0

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/index.ts","../../src/react/defaults.tsx","../../src/react/BlogRenderer.tsx"],"sourcesContent":["export {\n  BlogRenderer,\n  BlockRenderer,\n  type BlockComponents,\n} from './BlogRenderer';\nexport * from './defaults';\nexport type { Blog, Block, FaqItem, SocialPost } from '../types';\n","import * as React from 'react';\n\nexport const DefaultHeading = ({\n  level,\n  children,\n}: {\n  level: number;\n  children: React.ReactNode;\n}) => {\n  const Tag = (level === 2 ? 'h2' : level === 4 ? 'h4' : 'h3') as\n    | 'h2'\n    | 'h3'\n    | 'h4';\n  return <Tag>{children}</Tag>;\n};\n\nexport const DefaultParagraph = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => <p>{children}</p>;\n\nexport const DefaultList = ({ items }: { items: string[] }) => (\n  <ul>\n    {items.map((item, i) => (\n      <li key={i}>{item}</li>\n    ))}\n  </ul>\n);\n\nexport const DefaultQuote = ({ children }: { children: React.ReactNode }) => (\n  <blockquote>{children}</blockquote>\n);\n\nexport const DefaultCode = ({ children }: { children: React.ReactNode }) => (\n  <pre>\n    <code>{children}</code>\n  </pre>\n);\n\nexport const DefaultImage = ({\n  src,\n  alt,\n}: {\n  src?: string;\n  alt: string;\n}) => {\n  if (!src) return null;\n  // eslint-disable-next-line @next/next/no-img-element\n  return <img src={src} alt={alt} />;\n};\n","import * as React from 'react';\nimport type { Blog, Block } from '../types';\nimport {\n  DefaultHeading,\n  DefaultParagraph,\n  DefaultList,\n  DefaultQuote,\n  DefaultCode,\n  DefaultImage,\n} from './defaults';\n\nexport type BlockComponents = Partial<{\n  heading: React.ComponentType<{ level: number; children: React.ReactNode }>;\n  paragraph: React.ComponentType<{ children: React.ReactNode }>;\n  list: React.ComponentType<{ items: string[] }>;\n  quote: React.ComponentType<{ children: React.ReactNode }>;\n  code: React.ComponentType<{ children: React.ReactNode }>;\n  image: React.ComponentType<{ src?: string; alt: string }>;\n  wrapper: React.ComponentType<{ children: React.ReactNode; blog: Blog }>;\n}>;\n\nconst parseListItems = (content: string): string[] =>\n  content\n    .split('\\n')\n    .map((line) => line.replace(/^\\s*[-•*]\\s*/, '').trim())\n    .filter(Boolean);\n\nexport function BlockRenderer({\n  block,\n  components = {},\n}: {\n  block: Block;\n  components?: BlockComponents;\n}) {\n  switch (block.type) {\n    case 'heading': {\n      const Heading = components.heading ?? DefaultHeading;\n      return <Heading level={block.level ?? 2}>{block.content}</Heading>;\n    }\n    case 'paragraph': {\n      const Paragraph = components.paragraph ?? DefaultParagraph;\n      return <Paragraph>{block.content}</Paragraph>;\n    }\n    case 'list': {\n      const List = components.list ?? DefaultList;\n      return <List items={parseListItems(block.content)} />;\n    }\n    case 'quote': {\n      const Quote = components.quote ?? DefaultQuote;\n      return <Quote>{block.content}</Quote>;\n    }\n    case 'code': {\n      const Code = components.code ?? DefaultCode;\n      return <Code>{block.content}</Code>;\n    }\n    case 'image_placeholder': {\n      const Image = components.image ?? DefaultImage;\n      return <Image alt={block.content} />;\n    }\n    default:\n      return null;\n  }\n}\n\nexport function BlogRenderer({\n  blog,\n  components = {},\n}: {\n  blog: Blog;\n  components?: BlockComponents;\n}) {\n  const Wrapper = components.wrapper;\n  const content = (\n    <>\n      {blog.blocks.map((block, i) => (\n        <BlockRenderer key={i} block={block} components={components} />\n      ))}\n    </>\n  );\n  if (Wrapper) return <Wrapper blog={blog}>{content}</Wrapper>;\n  return content;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACaS;AAXF,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,MAAO,UAAU,IAAI,OAAO,UAAU,IAAI,OAAO;AAIvD,SAAO,4CAAC,OAAK,UAAS;AACxB;AAEO,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AACF,MAEM,4CAAC,OAAG,UAAS;AAEZ,IAAM,cAAc,CAAC,EAAE,MAAM,MAClC,4CAAC,QACE,gBAAM,IAAI,CAAC,MAAM,MAChB,4CAAC,QAAY,kBAAJ,CAAS,CACnB,GACH;AAGK,IAAM,eAAe,CAAC,EAAE,SAAS,MACtC,4CAAC,gBAAY,UAAS;AAGjB,IAAM,cAAc,CAAC,EAAE,SAAS,MACrC,4CAAC,SACC,sDAAC,UAAM,UAAS,GAClB;AAGK,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAGM;AACJ,MAAI,CAAC,IAAK,QAAO;AAEjB,SAAO,4CAAC,SAAI,KAAU,KAAU;AAClC;;;ACba,IAAAA,sBAAA;AAhBb,IAAM,iBAAiB,CAAC,YACtB,QACG,MAAM,IAAI,EACV,IAAI,CAAC,SAAS,KAAK,QAAQ,gBAAgB,EAAE,EAAE,KAAK,CAAC,EACrD,OAAO,OAAO;AAEZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,aAAa,CAAC;AAChB,GAGG;AACD,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK,WAAW;AACd,YAAM,UAAU,WAAW,WAAW;AACtC,aAAO,6CAAC,WAAQ,OAAO,MAAM,SAAS,GAAI,gBAAM,SAAQ;AAAA,IAC1D;AAAA,IACA,KAAK,aAAa;AAChB,YAAM,YAAY,WAAW,aAAa;AAC1C,aAAO,6CAAC,aAAW,gBAAM,SAAQ;AAAA,IACnC;AAAA,IACA,KAAK,QAAQ;AACX,YAAM,OAAO,WAAW,QAAQ;AAChC,aAAO,6CAAC,QAAK,OAAO,eAAe,MAAM,OAAO,GAAG;AAAA,IACrD;AAAA,IACA,KAAK,SAAS;AACZ,YAAM,QAAQ,WAAW,SAAS;AAClC,aAAO,6CAAC,SAAO,gBAAM,SAAQ;AAAA,IAC/B;AAAA,IACA,KAAK,QAAQ;AACX,YAAM,OAAO,WAAW,QAAQ;AAChC,aAAO,6CAAC,QAAM,gBAAM,SAAQ;AAAA,IAC9B;AAAA,IACA,KAAK,qBAAqB;AACxB,YAAM,QAAQ,WAAW,SAAS;AAClC,aAAO,6CAAC,SAAM,KAAK,MAAM,SAAS;AAAA,IACpC;AAAA,IACA;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,aAAa,CAAC;AAChB,GAGG;AACD,QAAM,UAAU,WAAW;AAC3B,QAAM,UACJ,6EACG,eAAK,OAAO,IAAI,CAAC,OAAO,MACvB,6CAAC,iBAAsB,OAAc,cAAjB,CAAyC,CAC9D,GACH;AAEF,MAAI,QAAS,QAAO,6CAAC,WAAQ,MAAa,mBAAQ;AAClD,SAAO;AACT;","names":["import_jsx_runtime"]}
+{"version":3,"sources":["../../src/react/index.ts","../../src/media-placement.ts","../../src/react/defaults.tsx","../../src/react/BlogRenderer.tsx","../../src/react/BlogDetail.tsx","../../src/client.ts","../../src/json-ld.ts","../../src/react/BlogJsonLd.tsx","../../src/next/index.ts","../../src/blog-cards.ts","../../src/react/BlogIndex.tsx"],"sourcesContent":["export {\n  BlogRenderer,\n  BlockRenderer,\n  type BlockComponents,\n  type BlockClassNames,\n} from './BlogRenderer';\nexport { BlogDetail, type BlogDetailComponents } from './BlogDetail';\nexport {\n  BlogIndex,\n  type BlogIndexFormat,\n  type BlogIndexProps,\n} from './BlogIndex';\nexport { BlogJsonLd, JsonLdGraph } from './BlogJsonLd';\nexport type { BlogJsonLdOptions } from '../json-ld';\nexport {\n  toBlogCard,\n  mergeBlogs,\n  type BlogCard,\n  type ToBlogCardOptions,\n} from '../blog-cards';\nexport {\n  distributeMediaPositions,\n  interleaveMedia,\n  type InterleavedSlot,\n} from '../media-placement';\nexport * from './defaults';\nexport type {\n  Blog,\n  Block,\n  BlockType,\n  Inline,\n  ListItem,\n  Mark,\n  FaqItem,\n  SocialPost,\n  EmbeddedMedia,\n} from '../types';\n","import type { Block, EmbeddedMedia } from './types';\n\n/**\n * Compute the block-index insertion point for each media item when\n * distributing `mediaCount` attachments across `blockCount` blocks.\n *\n * Formula: media `i` goes at insertion index `floor(i * blockCount / mediaCount)`.\n * An insertion index of `0` means \"before block 0\" (top of body); `blockCount`\n * means \"after the last block\".\n *\n * Examples (blockCount = 10):\n *   mediaCount = 1  →  [0]           (single media at top)\n *   mediaCount = 2  →  [0, 5]        (top + middle)\n *   mediaCount = 3  →  [0, 3, 6]     (top, 1/3, 2/3)\n *   mediaCount = 4  →  [0, 2, 5, 7]  (every quarter)\n *\n * When `blockCount` is 0 every media falls at position 0 and stacks at the\n * top. When two media round to the same position they both land there and\n * render consecutively; this is deterministic but not always visually ideal\n * for very small `blockCount / mediaCount` ratios — assume content has\n * enough blocks to spread across.\n */\nexport function distributeMediaPositions(\n  blockCount: number,\n  mediaCount: number,\n): number[] {\n  if (mediaCount <= 0) return [];\n  if (blockCount <= 0) return Array.from({ length: mediaCount }, () => 0);\n  return Array.from({ length: mediaCount }, (_, i) =>\n    Math.floor((i * blockCount) / mediaCount),\n  );\n}\n\n/** One interleaved slot in a blog's body — either a block or a media item. */\nexport type InterleavedSlot =\n  | { kind: 'block'; block: Block; index: number }\n  | { kind: 'media'; media: EmbeddedMedia; index: number };\n\n/**\n * Walk `blocks` once, splicing in `media` at the positions returned by\n * `distributeMediaPositions`. Returns a flat array of typed slots that\n * `<BlogRenderer>` can map over directly. Exposed so consumers who need a\n * custom layout (e.g. wrapping each section in a `<section>`) can use the\n * same placement logic without re-implementing it.\n */\nexport function interleaveMedia(\n  blocks: Block[],\n  media: EmbeddedMedia[] | undefined,\n): InterleavedSlot[] {\n  const mediaList = media ?? [];\n  const positions = distributeMediaPositions(blocks.length, mediaList.length);\n\n  const slots: InterleavedSlot[] = [];\n  let mediaCursor = 0;\n  for (let b = 0; b <= blocks.length; b++) {\n    while (mediaCursor < mediaList.length && positions[mediaCursor] === b) {\n      const media = mediaList[mediaCursor]!;\n      slots.push({ kind: 'media', media, index: mediaCursor });\n      mediaCursor++;\n    }\n    if (b < blocks.length) {\n      const block = blocks[b]!;\n      slots.push({ kind: 'block', block, index: b });\n    }\n  }\n  return slots;\n}\n","import * as React from 'react';\nimport type { Block, EmbeddedMedia, ListItem } from '../types';\n\n/**\n * Default components for each Block type. All are headless — no\n * classNames baked in. Consumers customize via:\n *   - `classNames={{ heading: \"...\" }}` on `<BlogRenderer>` — threads\n *     through to `className` on the Default component below.\n *   - `components={{ heading: MyHeading }}` — full replacement.\n */\n\nexport const DefaultHeading = ({\n  level,\n  children,\n  className,\n}: {\n  level: 1 | 2 | 3;\n  children: React.ReactNode;\n  className?: string;\n}) => {\n  if (level === 1) return <h1 className={className}>{children}</h1>;\n  if (level === 3) return <h3 className={className}>{children}</h3>;\n  return <h2 className={className}>{children}</h2>;\n};\n\nexport const DefaultParagraph = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => <p className={className}>{children}</p>;\n\nexport const DefaultBulletList = ({\n  items,\n  className,\n  renderBlock,\n}: {\n  items: ListItem[];\n  className?: string;\n  renderBlock: (b: Block, i: number) => React.ReactNode;\n}) => (\n  <ul className={className}>\n    {items.map((item, i) => (\n      <li key={i}>{item.content.map((b, j) => renderBlock(b, j))}</li>\n    ))}\n  </ul>\n);\n\nexport const DefaultOrderedList = ({\n  items,\n  className,\n  renderBlock,\n}: {\n  items: ListItem[];\n  className?: string;\n  renderBlock: (b: Block, i: number) => React.ReactNode;\n}) => (\n  <ol className={className}>\n    {items.map((item, i) => (\n      <li key={i}>{item.content.map((b, j) => renderBlock(b, j))}</li>\n    ))}\n  </ol>\n);\n\nexport const DefaultBlockquote = ({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => <blockquote className={className}>{children}</blockquote>;\n\nexport const DefaultCodeBlock = ({\n  language,\n  code,\n  className,\n}: {\n  language?: string;\n  code: string;\n  className?: string;\n}) => (\n  <pre className={className}>\n    <code className={language ? `language-${language}` : undefined}>{code}</code>\n  </pre>\n);\n\nexport const DefaultImage = ({\n  src,\n  alt,\n  caption,\n  width,\n  height,\n  className,\n}: {\n  src: string;\n  alt: string;\n  caption?: string;\n  width?: number;\n  height?: number;\n  mediaId?: string;\n  className?: string;\n}) => {\n  const img = (\n    // eslint-disable-next-line @next/next/no-img-element\n    <img src={src} alt={alt} width={width} height={height} />\n  );\n  if (caption) {\n    return (\n      <figure className={className}>\n        {img}\n        <figcaption>{caption}</figcaption>\n      </figure>\n    );\n  }\n  return <span className={className}>{img}</span>;\n};\n\nexport const DefaultDivider = ({ className }: { className?: string }) => (\n  <hr className={className} />\n);\n\n/**\n * Default renderer for a single embedded media item. Bare HTML — no\n * classNames, no styles. Override via `components.media` on `<BlogRenderer>`.\n * `alt` falls back to the generation prompt, which is a sensible description\n * string since it was the LLM input that produced the image.\n */\nexport const DefaultMedia = ({ media }: { media: EmbeddedMedia }) => {\n  if (media.media_type === 'VIDEO') {\n    return (\n      <video\n        src={media.media_url}\n        controls\n        playsInline\n        preload=\"metadata\"\n      />\n    );\n  }\n  // eslint-disable-next-line @next/next/no-img-element\n  return <img src={media.media_url} alt={media.prompt} />;\n};\n","import * as React from 'react';\nimport type {\n  Blog,\n  Block,\n  BlockType,\n  EmbeddedMedia,\n  Inline,\n  ListItem,\n  Mark,\n} from '../types';\nimport { interleaveMedia } from '../media-placement';\nimport {\n  DefaultHeading,\n  DefaultParagraph,\n  DefaultBulletList,\n  DefaultOrderedList,\n  DefaultBlockquote,\n  DefaultCodeBlock,\n  DefaultImage,\n  DefaultDivider,\n  DefaultMedia,\n} from './defaults';\n\n/**\n * Override map for per-block components. Keys are the discriminants\n * of `Block`. Consumers pass any subset; unspecified blocks render\n * via the matching `Default*` component.\n *\n * v0.3.0 breaking change: the keys changed to match the new Block\n * union. If you upgraded from 0.2.x, rename `list` → `bulletList` /\n * `orderedList`, `quote` → `blockquote`, `code` → `codeBlock`, drop\n * `image_placeholder` (images are now first-class via `image`).\n */\nexport type BlockComponents = Partial<{\n  heading: React.ComponentType<{\n    level: 1 | 2 | 3;\n    children: React.ReactNode;\n    className?: string;\n  }>;\n  paragraph: React.ComponentType<{\n    children: React.ReactNode;\n    className?: string;\n  }>;\n  bulletList: React.ComponentType<{\n    items: ListItem[];\n    className?: string;\n    renderBlock: (b: Block, i: number) => React.ReactNode;\n  }>;\n  orderedList: React.ComponentType<{\n    items: ListItem[];\n    className?: string;\n    renderBlock: (b: Block, i: number) => React.ReactNode;\n  }>;\n  blockquote: React.ComponentType<{\n    children: React.ReactNode;\n    className?: string;\n  }>;\n  codeBlock: React.ComponentType<{\n    language?: string;\n    code: string;\n    className?: string;\n  }>;\n  image: React.ComponentType<{\n    src: string;\n    alt: string;\n    caption?: string;\n    width?: number;\n    height?: number;\n    mediaId?: string;\n    className?: string;\n  }>;\n  divider: React.ComponentType<{ className?: string }>;\n  /** Renders a single attached image/video when `<BlogRenderer>` distributes\n   *  `blog.generatedMedia` across the body. Default renders a bare\n   *  `<img>` or `<video controls>`. */\n  media: React.ComponentType<{ media: EmbeddedMedia }>;\n  wrapper: React.ComponentType<{ children: React.ReactNode; blog: Blog }>;\n}>;\n\n/** Simple Tailwind-style className override map. Applied to the\n *  default component for each block type. `components` override takes\n *  precedence — if you replace the component, className won't reach it\n *  unless your override handles it. */\nexport type BlockClassNames = Partial<Record<BlockType, string>>;\n\nconst MARK_ORDER: Mark['type'][] = [\n  'bold',\n  'italic',\n  'strike',\n  'code',\n  'link',\n];\n\n/** Render an array of Inline runs into text+mark JSX. */\nfunction InlineRenderer({ inline }: { inline: Inline[] }) {\n  return (\n    <>\n      {inline.map((run, i) => (\n        <InlineRun key={i} run={run} />\n      ))}\n    </>\n  );\n}\n\nfunction InlineRun({ run }: { run: Inline }) {\n  const marks = run.marks\n    ? [...run.marks].sort(\n        (a, b) => MARK_ORDER.indexOf(b.type) - MARK_ORDER.indexOf(a.type),\n      )\n    : [];\n  let node: React.ReactNode = run.text;\n  for (const mark of marks) {\n    switch (mark.type) {\n      case 'bold':\n        node = <strong>{node}</strong>;\n        break;\n      case 'italic':\n        node = <em>{node}</em>;\n        break;\n      case 'strike':\n        node = <s>{node}</s>;\n        break;\n      case 'code':\n        node = <code>{node}</code>;\n        break;\n      case 'link':\n        node = (\n          <a href={mark.href} rel=\"noopener noreferrer\">\n            {node}\n          </a>\n        );\n        break;\n    }\n  }\n  return <>{node}</>;\n}\n\nexport function BlockRenderer({\n  block,\n  components = {},\n  classNames = {},\n  renderBlock,\n}: {\n  block: Block;\n  components?: BlockComponents;\n  classNames?: BlockClassNames;\n  renderBlock?: (b: Block, i: number) => React.ReactNode;\n}) {\n  // Parent supplies a renderBlock callback so list items can recurse\n  // into the same switch. When not provided (top-level call), wire it\n  // to a local closure.\n  const recurse: (b: Block, i: number) => React.ReactNode =\n    renderBlock ??\n    ((b, i) => (\n      <BlockRenderer\n        key={i}\n        block={b}\n        components={components}\n        classNames={classNames}\n        renderBlock={recurse}\n      />\n    ));\n\n  switch (block.type) {\n    case 'heading': {\n      const Heading = components.heading ?? DefaultHeading;\n      return (\n        <Heading level={block.level} className={classNames.heading}>\n          <InlineRenderer inline={block.content} />\n        </Heading>\n      );\n    }\n    case 'paragraph': {\n      const Paragraph = components.paragraph ?? DefaultParagraph;\n      return (\n        <Paragraph className={classNames.paragraph}>\n          <InlineRenderer inline={block.content} />\n        </Paragraph>\n      );\n    }\n    case 'bulletList': {\n      const BulletList = components.bulletList ?? DefaultBulletList;\n      return (\n        <BulletList\n          items={block.items}\n          className={classNames.bulletList}\n          renderBlock={recurse}\n        />\n      );\n    }\n    case 'orderedList': {\n      const OrderedList = components.orderedList ?? DefaultOrderedList;\n      return (\n        <OrderedList\n          items={block.items}\n          className={classNames.orderedList}\n          renderBlock={recurse}\n        />\n      );\n    }\n    case 'blockquote': {\n      const Blockquote = components.blockquote ?? DefaultBlockquote;\n      return (\n        <Blockquote className={classNames.blockquote}>\n          <InlineRenderer inline={block.content} />\n        </Blockquote>\n      );\n    }\n    case 'codeBlock': {\n      const CodeBlock = components.codeBlock ?? DefaultCodeBlock;\n      return (\n        <CodeBlock\n          language={block.language}\n          code={block.code}\n          className={classNames.codeBlock}\n        />\n      );\n    }\n    case 'image': {\n      const ImageComp = components.image ?? DefaultImage;\n      return (\n        <ImageComp\n          src={block.src}\n          alt={block.alt}\n          caption={block.caption}\n          width={block.width}\n          height={block.height}\n          mediaId={block.mediaId}\n          className={classNames.image}\n        />\n      );\n    }\n    case 'divider': {\n      const Divider = components.divider ?? DefaultDivider;\n      return <Divider className={classNames.divider} />;\n    }\n  }\n}\n\nexport function BlogRenderer({\n  blog,\n  components = {},\n  classNames = {},\n}: {\n  blog: Blog;\n  components?: BlockComponents;\n  classNames?: BlockClassNames;\n}) {\n  const Media = components.media ?? DefaultMedia;\n  const Wrapper = components.wrapper;\n\n  // Distribute `blog.generatedMedia` across `blog.blocks` at positions\n  // floor(i * N / K) — first media at top of body, the rest spread evenly.\n  const slots = interleaveMedia(blog.blocks, blog.generatedMedia);\n\n  const content = (\n    <>\n      {slots.map((slot) =>\n        slot.kind === 'block' ? (\n          <BlockRenderer\n            key={`b:${slot.index}`}\n            block={slot.block}\n            components={components}\n            classNames={classNames}\n          />\n        ) : (\n          <Media key={`m:${slot.media.id}`} media={slot.media} />\n        ),\n      )}\n    </>\n  );\n\n  if (Wrapper) return <Wrapper blog={blog}>{content}</Wrapper>;\n  return content;\n}\n","import * as React from 'react';\nimport type { Blog } from '../types';\nimport { BlogRenderer, type BlockComponents } from './BlogRenderer';\n\nexport type BlogDetailComponents = {\n  /**\n   * Renders above the body. Default: og_image → h1 → time → description.\n   * Override to add tags, author chip, share buttons, read time, etc.\n   */\n  Header?: (props: {\n    blog: Blog;\n    formatDate: (iso: string) => string;\n  }) => React.ReactNode;\n  /** Renders below the body. Default: nothing. */\n  Footer?: (props: { blog: Blog }) => React.ReactNode;\n  /** Forwarded to <BlogRenderer components={...} />. */\n  blocks?: BlockComponents;\n};\n\nconst defaultFormatDate = (iso: string): string =>\n  new Date(iso).toLocaleDateString();\n\nfunction DefaultHeader({\n  blog,\n  formatDate,\n}: {\n  blog: Blog;\n  formatDate: (iso: string) => string;\n}): React.JSX.Element {\n  // Bare semantic HTML — no classNames, no styles. Consumers wrap the whole\n  // BlogDetail in their own `.prose` / typography container to handle styling.\n  //\n  // When `generatedMedia` is present, the body (rendered by <BlogRenderer>)\n  // distributes those attachments across the blocks and the first one lands\n  // at the top of the body — immediately under this header. Rendering\n  // `og_image` here too would duplicate the hero image, so we skip it in\n  // that case and leave `og_image` as a meta-only field (still used by\n  // OpenGraph / Twitter card previews via `generateBlogMetadata`).\n  const hasInlineMedia = (blog.generatedMedia?.length ?? 0) > 0;\n  // eslint-disable-next-line @next/next/no-img-element\n  const heroImage =\n    !hasInlineMedia && blog.og_image ? (\n      <img src={blog.og_image} alt={blog.title} />\n    ) : null;\n  return (\n    <>\n      {heroImage}\n      <h1>{blog.title}</h1>\n      {blog.published_at && (\n        <time dateTime={blog.published_at}>\n          {formatDate(blog.published_at)}\n        </time>\n      )}\n      {blog.description && <p>{blog.description}</p>}\n    </>\n  );\n}\n\nexport function BlogDetail({\n  blog,\n  components,\n  formatDate = defaultFormatDate,\n}: {\n  blog: Blog;\n  components?: BlogDetailComponents;\n  formatDate?: (iso: string) => string;\n}): React.JSX.Element {\n  const Header = components?.Header ?? DefaultHeader;\n  const Footer = components?.Footer;\n  return (\n    <article>\n      <Header blog={blog} formatDate={formatDate} />\n      <BlogRenderer blog={blog} components={components?.blocks} />\n      {Footer ? <Footer blog={blog} /> : null}\n    </article>\n  );\n}\n","import type { Blog } from './types';\n\nexport type ClientOptions = {\n  apiUrl: string;\n  apiKey: string;\n  fetch?: typeof fetch;\n};\n\nexport type ListBlogsOptions = {\n  status?: 'DRAFT' | 'PUBLISHED';\n  language?: string;\n};\n\nexport type ChaingrowClient = {\n  getBlog(slug: string, language?: string): Promise<Blog | null>;\n  getBlogById(id: string): Promise<Blog | null>;\n  listBlogs(opts?: ListBlogsOptions): Promise<Blog[]>;\n};\n\nexport function createClient(opts: ClientOptions): ChaingrowClient {\n  const baseUrl = opts.apiUrl.replace(/\\/$/, '');\n  const doFetch = opts.fetch ?? fetch;\n\n  const request = async <T>(\n    path: string,\n    init?: RequestInit,\n  ): Promise<T | null> => {\n    const url = `${baseUrl}${path}`;\n    const method = init?.method ?? 'GET';\n    const buildInit = (): RequestInit => ({\n      ...init,\n      headers: {\n        'X-API-Key': opts.apiKey,\n        Accept: 'application/json',\n        ...(init?.headers ?? {}),\n      },\n    });\n\n    let res: Response;\n    try {\n      res = await doFetch(url, buildInit());\n\n      // Transparent one-shot retry on 429, honoring Retry-After (seconds).\n      if (res.status === 429) {\n        const waitSec = parseInt(res.headers.get('Retry-After') ?? '1', 10);\n        await new Promise((resolve) =>\n          setTimeout(resolve, Math.max(0, waitSec) * 1000),\n        );\n        res = await doFetch(url, buildInit());\n      }\n    } catch (err) {\n      // `fetch failed` / DNS / connection errors land here. Node's default\n      // message buries the host in `err.cause`, which makes integration\n      // debugging miserable. Surface the URL and the override env var on\n      // the top-level message so it appears in the consumer's server log.\n      const cause = err instanceof Error ? err.cause : undefined;\n      const code =\n        cause && typeof cause === 'object' && 'code' in cause\n          ? String((cause as { code?: unknown }).code)\n          : undefined;\n      const detail = code\n        ? `${code}${err instanceof Error && err.message ? ` (${err.message})` : ''}`\n        : err instanceof Error\n          ? err.message\n          : String(err);\n      const e = new Error(\n        `chaingrow-blog: could not reach ${method} ${url} — ${detail}. ` +\n          `Set CHAINGROW_API_URL to override the API host (default https://api.chaingrow.de).`,\n      );\n      (e as Error & { cause?: unknown }).cause = err;\n      throw e;\n    }\n\n    if (res.status === 404) return null;\n    if (!res.ok) {\n      throw new Error(\n        `chaingrow-blog: ${method} ${url} failed (${res.status})`,\n      );\n    }\n    return (await res.json()) as T;\n  };\n\n  return {\n    async getBlog(slug, language) {\n      const qs = language ? `?language=${encodeURIComponent(language)}` : '';\n      return request<Blog>(\n        `/api/v1/blogs/by-slug/${encodeURIComponent(slug)}${qs}`,\n      );\n    },\n\n    async getBlogById(id) {\n      return request<Blog>(`/api/v1/blogs/${encodeURIComponent(id)}`);\n    },\n\n    async listBlogs(listOpts = {}) {\n      const collected: Blog[] = [];\n      // Page through until the server-reported `total` is reached. Backends\n      // without pagination return everything on the first request\n      // (total === data.length), so this loop runs exactly once there.\n      const MAX_PAGES = 100;\n      for (let page = 0; page < MAX_PAGES; page++) {\n        const params = new URLSearchParams();\n        if (listOpts.status) params.set('status', listOpts.status);\n        if (listOpts.language) params.set('language', listOpts.language);\n        if (collected.length > 0)\n          params.set('offset', String(collected.length));\n        const qs = params.toString();\n        const response = await request<{ data: Blog[]; total: number }>(\n          `/api/v1/blogs${qs ? `?${qs}` : ''}`,\n        );\n        if (!response) break;\n        const batch = response.data ?? [];\n        collected.push(...batch);\n        const total =\n          typeof response.total === 'number' ? response.total : collected.length;\n        if (batch.length === 0 || collected.length >= total) break;\n      }\n      // The language filter also runs server-side (API builds that predate\n      // it ignore the query param) — keep this client-side pass as a\n      // fallback; against a filtering server it's a no-op.\n      if (listOpts.language) {\n        return collected.filter((b) => b.language === listOpts.language);\n      }\n      return collected;\n    },\n  };\n}\n","import type { Blog, FaqItem } from './types';\n\n/**\n * Consumer-supplied extras for BlogPosting. Everything is optional — the\n * SDK doesn't know the customer's base URL, organisation name, or author\n * identity, so it just omits what it isn't told. Schema.org treats\n * `author`, `publisher`, and `url` as recommended but not required.\n */\nexport type BlogJsonLdOptions = {\n  /** Absolute URL of the blog page (e.g. `https://example.com/blog/my-post`). */\n  url?: string;\n  author?: { name: string; type?: 'Person' | 'Organization'; url?: string };\n  publisher?: { name: string; logo?: string };\n};\n\nconst Schema = Object.freeze({ context: 'https://schema.org' });\n\n/**\n * Build a Schema.org `BlogPosting` JSON-LD object from a chaingrow Blog.\n * Fields that aren't present on the Blog (description, og_image, …) are\n * omitted entirely so the resulting JSON has no `undefined` junk.\n */\nexport function buildBlogPostingSchema(\n  blog: Blog,\n  opts: BlogJsonLdOptions = {},\n): Record<string, unknown> {\n  const schema: Record<string, unknown> = {\n    '@type': 'BlogPosting',\n    headline: blog.title,\n    datePublished: blog.published_at,\n  };\n  if (blog.description) schema.description = blog.description;\n  if (blog.og_image) schema.image = blog.og_image;\n  if (opts.url) {\n    schema.url = opts.url;\n    schema.mainEntityOfPage = opts.url;\n  }\n  if (opts.author) {\n    schema.author = {\n      '@type': opts.author.type ?? 'Organization',\n      name: opts.author.name,\n      ...(opts.author.url ? { url: opts.author.url } : {}),\n    };\n  }\n  if (opts.publisher) {\n    schema.publisher = {\n      '@type': 'Organization',\n      name: opts.publisher.name,\n      ...(opts.publisher.logo\n        ? { logo: { '@type': 'ImageObject', url: opts.publisher.logo } }\n        : {}),\n    };\n  }\n  return schema;\n}\n\n/**\n * Build a Schema.org `FAQPage` JSON-LD object from chaingrow's `{question, answer}[]`\n * pairs. Returns `null` for empty input so callers can skip it with a single\n * `if (faqSchema) items.push(faqSchema)` / `filter(Boolean)`.\n */\nexport function buildFAQPageSchema(\n  faq: FaqItem[] | null | undefined,\n): Record<string, unknown> | null {\n  if (!faq || faq.length === 0) return null;\n  return {\n    '@type': 'FAQPage',\n    mainEntity: faq.map(({ question, answer }) => ({\n      '@type': 'Question',\n      name: question,\n      acceptedAnswer: { '@type': 'Answer', text: answer },\n    })),\n  };\n}\n\n/**\n * Combines BlogPosting + FAQPage + any LLM-generated `structured_data.jsonLd`\n * extras into a flat array ready for `@graph`. Tolerant of missing/malformed\n * `structured_data` — if the backend ever sends something unexpected we just\n * skip it rather than crashing the consumer's page.\n */\nexport function buildBlogJsonLd(\n  blog: Blog,\n  opts: BlogJsonLdOptions = {},\n): Record<string, unknown>[] {\n  const items: Record<string, unknown>[] = [buildBlogPostingSchema(blog, opts)];\n  const faq = buildFAQPageSchema(blog.faq);\n  if (faq) items.push(faq);\n  items.push(...extractLlmJsonLd(blog.structured_data));\n  return items;\n}\n\n/** Schema-org context string — exposed so `<JsonLdGraph>` and any\n *  bring-your-own renderer use the same value. */\nexport const SCHEMA_ORG_CONTEXT = Schema.context;\n\n/**\n * Pull the JSON-LD array out of `blog.structured_data`. Per\n * `structuredDataOutputSchema` in @chaingrow/contracts the expected shape is\n * `{ jsonLd: Array<Record<string, unknown>> }`, but historical rows may be\n * `null`, a plain object, or even malformed — normalise to an empty array in\n * every degenerate case so the caller gets a safe spread target.\n */\nfunction extractLlmJsonLd(\n  sd: Blog['structured_data'],\n): Record<string, unknown>[] {\n  if (!sd || typeof sd !== 'object') return [];\n  const ld = (sd as { jsonLd?: unknown }).jsonLd;\n  if (!Array.isArray(ld)) return [];\n  return ld.filter(\n    (entry): entry is Record<string, unknown> =>\n      typeof entry === 'object' && entry !== null && !Array.isArray(entry),\n  );\n}\n","import * as React from 'react';\nimport type { Blog } from '../types';\nimport {\n  buildBlogJsonLd,\n  SCHEMA_ORG_CONTEXT,\n  type BlogJsonLdOptions,\n} from '../json-ld';\n\n/**\n * Render an array of Schema.org graph items as a single\n * `<script type=\"application/ld+json\">` tag with a merged `@graph`.\n * Google treats one `@graph` script as equivalent to N separate scripts, and\n * a single tag keeps the DOM uncluttered for consumers who already ship their\n * own schemas (Organization, breadcrumbs, WebSite, …).\n */\nexport function JsonLdGraph({\n  items,\n}: {\n  items: Record<string, unknown>[];\n}): React.JSX.Element | null {\n  if (!items || items.length === 0) return null;\n  const payload = JSON.stringify({\n    '@context': SCHEMA_ORG_CONTEXT,\n    '@graph': items,\n  });\n  return (\n    <script\n      type=\"application/ld+json\"\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: payload }}\n    />\n  );\n}\n\n/**\n * Default-batteries JSON-LD for a chaingrow Blog: emits BlogPosting +\n * FAQPage (if the post has FAQs) + any LLM-generated extras from\n * `structured_data.jsonLd`. Consumers who already ship their own graph items\n * (breadcrumbs, Organization, …) pass them via `extraSchemas` and they end\n * up in the same `@graph`.\n */\nexport function BlogJsonLd({\n  blog,\n  extraSchemas,\n  ...opts\n}: {\n  blog: Blog;\n  extraSchemas?: Record<string, unknown>[];\n} & BlogJsonLdOptions): React.JSX.Element | null {\n  const items = [...(extraSchemas ?? []), ...buildBlogJsonLd(blog, opts)];\n  return <JsonLdGraph items={items} />;\n}\n","import type { MetadataRoute } from 'next';\nimport type { Blog } from '../types';\nimport { createClient } from '../client';\n\nexport type NextClientOptions = {\n  apiUrl?: string;\n  apiKey?: string;\n  revalidate?: number | false;\n};\n\nconst DEFAULT_API_URL = 'https://api.chaingrow.de';\n\n/**\n * Default ISR window for `getBlog` / `listBlogs` when the consumer doesn't\n * set `revalidate` explicitly. 7 days — blog posts are effectively immutable\n * once published, so caching for a week is sensible, and the webhook\n * (`chaingrow-blog/next/webhook`) invalidates the cache immediately on\n * publish anyway so this window is really just a safety net for when the\n * webhook isn't mounted or misses a delivery.\n *\n * Override per-call with `{ revalidate: N }` (seconds), `{ revalidate: 0 }`\n * (never cache — every request hits ChainGrow), or `{ revalidate: false }`\n * (cache forever, only the webhook can invalidate).\n */\nconst DEFAULT_REVALIDATE_SECONDS = 60 * 60 * 24 * 7;\n\nconst resolveEnv = (opts: NextClientOptions = {}) => {\n  const apiUrl =\n    opts.apiUrl ?? process.env.CHAINGROW_API_URL ?? DEFAULT_API_URL;\n  const apiKey = opts.apiKey ?? process.env.CHAINGROW_API_KEY;\n  if (!apiKey) {\n    throw new Error(\n      'chaingrow-blog: CHAINGROW_API_KEY is not set (env var or apiKey option required)',\n    );\n  }\n  return { apiUrl, apiKey };\n};\n\nconst buildFetch = (tag: string, revalidate: number | false | undefined) => {\n  const effectiveRevalidate: number | false =\n    revalidate === undefined ? DEFAULT_REVALIDATE_SECONDS : revalidate;\n  return ((input: RequestInfo | URL, init?: RequestInit) =>\n    fetch(input, {\n      ...init,\n      next: {\n        tags: ['chaingrow:blog', tag],\n        revalidate: effectiveRevalidate,\n      },\n    } as RequestInit)) as typeof fetch;\n};\n\nexport async function getBlog(\n  slug: string,\n  language?: string,\n  opts: NextClientOptions = {},\n): Promise<Blog | null> {\n  const { apiUrl, apiKey } = resolveEnv(opts);\n  const client = createClient({\n    apiUrl,\n    apiKey,\n    fetch: buildFetch(`chaingrow:blog:${slug}`, opts.revalidate),\n  });\n  return client.getBlog(slug, language);\n}\n\nexport async function listBlogs(\n  listOpts: { status?: 'DRAFT' | 'PUBLISHED'; language?: string } = {},\n  opts: NextClientOptions = {},\n): Promise<Blog[]> {\n  const { apiUrl, apiKey } = resolveEnv(opts);\n  const client = createClient({\n    apiUrl,\n    apiKey,\n    fetch: buildFetch('chaingrow:blog:list', opts.revalidate),\n  });\n  return client.listBlogs(listOpts);\n}\n\nconst trimTrailingSlash = (s: string): string => s.replace(/\\/+$/, '');\nconst normalizePathPrefix = (s: string): string => {\n  let p = s.trim();\n  if (!p.startsWith('/')) p = '/' + p;\n  while (p.length > 1 && p.endsWith('/')) p = p.slice(0, -1);\n  return p;\n};\n\n/**\n * Returns ChainGrow blog entries already shaped for Next.js's\n * `app/sitemap.ts` (`MetadataRoute.Sitemap`). Spread the result into your\n * sitemap array — no mapping required at the call site.\n *\n * ```ts\n * // app/sitemap.ts\n * import type { MetadataRoute } from 'next';\n * import { getBlogSitemapEntries } from 'chaingrow-blog/next';\n *\n * export default async function sitemap(): Promise<MetadataRoute.Sitemap> {\n *   const blogs = await getBlogSitemapEntries({\n *     siteUrl: 'https://example.com',\n *     pathPrefix: '/blog',\n *   });\n *   return [\n *     { url: 'https://example.com', lastModified: new Date() },\n *     ...blogs,\n *   ];\n * }\n * ```\n *\n * For news sitemaps, image sitemaps, or any case that needs the full blog\n * shape (title, language, attached media), call `listBlogs()` directly.\n */\nexport async function getBlogSitemapEntries(opts: {\n  siteUrl: string;\n  pathPrefix?: string;\n  language?: string;\n} & NextClientOptions): Promise<MetadataRoute.Sitemap> {\n  const baseUrl = trimTrailingSlash(opts.siteUrl);\n  const pathPrefix = normalizePathPrefix(opts.pathPrefix ?? '/blog');\n  const blogs = await listBlogs(\n    { status: 'PUBLISHED', language: opts.language },\n    {\n      apiKey: opts.apiKey,\n      apiUrl: opts.apiUrl,\n      revalidate: opts.revalidate,\n    },\n  );\n  return blogs.map((blog) => ({\n    url: `${baseUrl}${pathPrefix}/${blog.slug}`,\n    lastModified: new Date(blog.published_at),\n  }));\n}\n\nexport type { Blog } from '../types';\nexport {\n  generateBlogMetadata,\n  generateBlogIndexMetadata,\n  type BlogAlternatesOptions,\n  type BlogMetadataOptions,\n  type BlogIndexMetadataOptions,\n} from './metadata';\nexport { BlogPage, generateBlogPageMetadata } from './BlogPage';\nexport type { BlogPageRouteParams } from './BlogPage';\n","import type { Blog } from './types';\n\nexport type BlogCard = {\n  id: string;\n  href: string;\n  title: string;\n  description: string | null;\n  og_image: string | null;\n  published_at: string | null;\n  language?: string;\n};\n\nexport type ToBlogCardOptions = {\n  /** URL prefix for the generated `href`. Defaults to `/blog`. */\n  pathPrefix?: string;\n  /**\n   * Full control over the generated `href` — takes precedence over\n   * `pathPrefix`. Use this when the route depends on more than a static\n   * prefix, e.g. locale-prefixed routes:\n   *\n   * ```ts\n   * hrefFor: (blog) =>\n   *   blog.language === 'de' ? `/blog/${blog.slug}` : `/${blog.language}/blog/${blog.slug}`\n   * ```\n   */\n  hrefFor?: (blog: Blog) => string;\n};\n\nconst normalizePathPrefix = (s: string): string => {\n  let p = s.trim();\n  if (!p.startsWith('/')) p = '/' + p;\n  while (p.length > 1 && p.endsWith('/')) p = p.slice(0, -1);\n  return p;\n};\n\n/**\n * Project a chaingrow `Blog` into the small `BlogCard` shape used by\n * `<BlogIndex>` and `mergeBlogs`. Hybrid integrators can map their own\n * legacy posts into the same shape (`extra` prop on `<BlogIndex>`) and\n * the two sources render through the same Card slot.\n */\nexport function toBlogCard(blog: Blog, opts: ToBlogCardOptions = {}): BlogCard {\n  const prefix = normalizePathPrefix(opts.pathPrefix ?? '/blog');\n  return {\n    id: blog.id,\n    href: opts.hrefFor ? opts.hrefFor(blog) : `${prefix}/${blog.slug}`,\n    title: blog.title,\n    description: blog.description,\n    og_image: blog.og_image,\n    published_at: blog.published_at,\n    language: blog.language,\n  };\n}\n\n/**\n * Merge a list of chaingrow cards with extra (legacy) cards and return a\n * single list sorted newest-first by `published_at`. Cards without a\n * `published_at` sort to the end.\n */\nexport function mergeBlogs(\n  chaingrow: BlogCard[],\n  extra: BlogCard[] = [],\n): BlogCard[] {\n  const combined = [...chaingrow, ...extra];\n  combined.sort((a, b) => {\n    const ta = a.published_at ? Date.parse(a.published_at) : 0;\n    const tb = b.published_at ? Date.parse(b.published_at) : 0;\n    return tb - ta;\n  });\n  return combined;\n}\n","import * as React from 'react';\nimport { listBlogs, type NextClientOptions } from '../next/index';\nimport { toBlogCard, type BlogCard } from '../blog-cards';\nimport type { Blog } from '../types';\n\nexport type { BlogCard };\n\nexport type BlogIndexFormat = 'bare' | 'minimalist' | 'list';\n\nexport type BlogIndexProps = {\n  /** Visual layout. `minimalist` (default) is a stark monochrome grid:\n   *  square image, bold title, gray date — black-on-white in light mode,\n   *  white-on-black in dark mode, no borders or shadows. `list` is a\n   *  single-column feed with a thumbnail beside each entry. `bare` is\n   *  unstyled semantic HTML for users wiring their own design. All three\n   *  are emitted with self-contained styles — no CSS framework needed.\n   *  For full design control, skip this component entirely and compose\n   *  `listBlogs()` + your own JSX. */\n  format?: BlogIndexFormat;\n  /** Filter ChainGrow posts to a single language code (e.g. `'de'`, `'en'`). */\n  language?: string;\n  /** URL prefix for the generated card hrefs. Defaults to `/blog`.\n   *  On locale-prefixed sites, derive it from the active locale so EN cards\n   *  link to the EN route: `pathPrefix={locale === 'de' ? '/blog' : `/${locale}/blog`}`. */\n  pathPrefix?: string;\n  /** Full control over each card's href — takes precedence over `pathPrefix`.\n   *  Use when the route depends on more than a static prefix, e.g.\n   *  `hrefFor={(b) => (b.language === 'de' ? `/blog/${b.slug}` : `/${b.language}/blog/${b.slug}`)}`. */\n  hrefFor?: (blog: Blog) => string;\n  /** Override the date formatter shown on each card. */\n  formatDate?: (iso: string) => string;\n} & NextClientOptions;\n\nconst defaultFormatDate = (iso: string): string =>\n  new Date(iso).toLocaleDateString();\n\n/**\n * Default-batteries blog list. Calls `listBlogs()` for the configured language\n * and renders one of three preset layouts. For full design control use\n * `listBlogs()` directly and write your own page.\n */\nexport async function BlogIndex({\n  format = 'minimalist',\n  language,\n  pathPrefix,\n  hrefFor,\n  formatDate = defaultFormatDate,\n  apiKey,\n  apiUrl,\n  revalidate,\n}: BlogIndexProps = {}): Promise<React.JSX.Element> {\n  const blogs = await listBlogs(\n    { status: 'PUBLISHED', language },\n    { apiKey, apiUrl, revalidate },\n  );\n  const cards = blogs.map((b) => toBlogCard(b, { pathPrefix, hrefFor }));\n\n  if (cards.length === 0) {\n    return <EmptyState />;\n  }\n\n  if (format === 'bare') return <BareLayout cards={cards} formatDate={formatDate} />;\n  if (format === 'list') return <ListLayout cards={cards} formatDate={formatDate} />;\n  return <MinimalistLayout cards={cards} formatDate={formatDate} />;\n}\n\nfunction EmptyState(): React.JSX.Element {\n  return <p>No posts yet.</p>;\n}\n\nfunction BareLayout({\n  cards,\n  formatDate,\n}: {\n  cards: BlogCard[];\n  formatDate: (iso: string) => string;\n}): React.JSX.Element {\n  return (\n    <ul>\n      {cards.map((card) => (\n        <li key={card.id}>\n          <a href={card.href}>\n            <h2>{card.title}</h2>\n          </a>\n          {card.published_at && (\n            <time dateTime={card.published_at}>\n              {formatDate(card.published_at)}\n            </time>\n          )}\n          {card.description && <p>{card.description}</p>}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n// Color strategy: SDK never hardcodes light/dark. Title and date use\n// \\`color: inherit\\` / \\`currentColor\\` so they pick up whatever color\n// the host app's body/page is using. The host's theme toggle (Tailwind\n// \\`dark:\\` class, \\`data-theme\\`, \\`prefers-color-scheme\\`, anything) drives\n// the SDK automatically — no SDK-side theme knowledge needed.\n//\n// Date fades to 55% of currentColor — that gives the \"lighter gray\"\n// against any background (black-on-white → gray; white-on-black → gray).\n//\n// Image backgrounds use a translucent neutral so the placeholder is\n// visible on both light and dark host bodies without us picking a side.\nconst MINIMALIST_CSS = `\n.cg-blog-min-container {\n  max-width: 1400px;\n  margin: 4rem auto;\n  padding: 0 2rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.cg-blog-min-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  column-gap: 2rem;\n  row-gap: 4rem;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.cg-blog-min-grid > li { list-style: none; }\n.cg-blog-min-card {\n  display: block;\n  text-decoration: none;\n  color: inherit;\n}\n.cg-blog-min-card:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 4px;\n  border-radius: 4px;\n}\n.cg-blog-min-image {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  object-fit: cover;\n  display: block;\n  border-radius: 6px;\n  background: rgba(128, 128, 128, 0.08);\n  margin-bottom: 1.25rem;\n  transition: opacity 200ms ease;\n}\n.cg-blog-min-card:hover .cg-blog-min-image {\n  opacity: 0.88;\n}\n.cg-blog-min-no-image {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  background: rgba(128, 128, 128, 0.08);\n  border-radius: 6px;\n  margin-bottom: 1.25rem;\n}\n.cg-blog-min-title {\n  font-size: 1.25rem;\n  font-weight: 600;\n  margin: 0 0 0.5rem;\n  line-height: 1.35;\n  color: inherit;\n  letter-spacing: -0.01em;\n}\n.cg-blog-min-date {\n  font-size: 0.8125rem;\n  color: currentColor;\n  opacity: 0.55;\n  margin: 0;\n  font-weight: 400;\n}\n@media (max-width: 1024px) {\n  .cg-blog-min-grid {\n    grid-template-columns: repeat(2, 1fr);\n    column-gap: 1.5rem;\n    row-gap: 3rem;\n  }\n}\n@media (max-width: 640px) {\n  .cg-blog-min-container {\n    margin: 2.5rem auto;\n    padding: 0 1.25rem;\n  }\n  .cg-blog-min-grid {\n    grid-template-columns: 1fr;\n    row-gap: 2.5rem;\n  }\n  .cg-blog-min-title { font-size: 1.125rem; }\n}\n`;\n\nfunction MinimalistLayout({\n  cards,\n  formatDate,\n}: {\n  cards: BlogCard[];\n  formatDate: (iso: string) => string;\n}): React.JSX.Element {\n  return (\n    <div className=\"cg-blog-min-container\">\n      {/* eslint-disable-next-line react/no-danger */}\n      <style dangerouslySetInnerHTML={{ __html: MINIMALIST_CSS }} />\n      <ul className=\"cg-blog-min-grid\">\n        {cards.map((card) => (\n          <li key={card.id}>\n            <a href={card.href} className=\"cg-blog-min-card\">\n              {card.og_image ? (\n                // eslint-disable-next-line @next/next/no-img-element\n                <img\n                  src={card.og_image}\n                  alt={card.title}\n                  className=\"cg-blog-min-image\"\n                  loading=\"lazy\"\n                />\n              ) : (\n                <div className=\"cg-blog-min-no-image\" aria-hidden=\"true\" />\n              )}\n              <h2 className=\"cg-blog-min-title\">{card.title}</h2>\n              {card.published_at && (\n                <p className=\"cg-blog-min-date\">\n                  {formatDate(card.published_at)}\n                </p>\n              )}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\n// Same color strategy as the minimalist layout and the article CSS:\n// \\`color: inherit\\` / \\`currentColor\\` with opacity for muted variants, and\n// translucent neutrals for image placeholders — the host app's theme\n// system drives everything, no \\`prefers-color-scheme\\` rules needed.\nconst LIST_CSS = `\n.cg-blog-list { list-style: none; padding: 0; margin: 0; }\n.cg-blog-list-item {\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  border-bottom: 1px solid currentColor;\n}\n.cg-blog-list-item { border-bottom-color: color-mix(in srgb, currentColor 15%, transparent); }\n.cg-blog-list-item:last-child {\n  margin-bottom: 0;\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.cg-blog-list-link {\n  display: flex;\n  gap: 1.5rem;\n  text-decoration: none;\n  color: inherit;\n  align-items: flex-start;\n}\n.cg-blog-list-image {\n  flex-shrink: 0;\n  width: 12rem;\n  height: 8rem;\n  object-fit: cover;\n  border-radius: 0.5rem;\n  background: rgba(128, 128, 128, 0.08);\n  transition: opacity 200ms ease;\n}\n.cg-blog-list-link:hover .cg-blog-list-image { opacity: 0.88; }\n.cg-blog-list-body { flex: 1; min-width: 0; }\n.cg-blog-list-date {\n  font-size: 0.75rem;\n  color: currentColor;\n  opacity: 0.55;\n  margin: 0 0 0.5rem 0;\n}\n.cg-blog-list-title {\n  font-size: 1.5rem;\n  font-weight: 700;\n  margin: 0 0 0.5rem 0;\n  line-height: 1.3;\n  color: inherit;\n  transition: opacity 150ms ease;\n}\n.cg-blog-list-link:hover .cg-blog-list-title { opacity: 0.7; }\n.cg-blog-list-description {\n  font-size: 1rem;\n  color: currentColor;\n  opacity: 0.65;\n  margin: 0;\n  line-height: 1.6;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n@media (max-width: 640px) {\n  .cg-blog-list-link { flex-direction: column; }\n  .cg-blog-list-image { width: 100%; height: 12rem; }\n}\n`;\n\nfunction ListLayout({\n  cards,\n  formatDate,\n}: {\n  cards: BlogCard[];\n  formatDate: (iso: string) => string;\n}): React.JSX.Element {\n  return (\n    <>\n      {/* eslint-disable-next-line react/no-danger */}\n      <style dangerouslySetInnerHTML={{ __html: LIST_CSS }} />\n      <ul className=\"cg-blog-list\">\n        {cards.map((card) => (\n          <li key={card.id} className=\"cg-blog-list-item\">\n            <a href={card.href} className=\"cg-blog-list-link\">\n              {card.og_image && (\n                // eslint-disable-next-line @next/next/no-img-element\n                <img\n                  src={card.og_image}\n                  alt={card.title}\n                  className=\"cg-blog-list-image\"\n                />\n              )}\n              <div className=\"cg-blog-list-body\">\n                {card.published_at && (\n                  <p className=\"cg-blog-list-date\">\n                    {formatDate(card.published_at)}\n                  </p>\n                )}\n                <h2 className=\"cg-blog-list-title\">{card.title}</h2>\n                {card.description && (\n                  <p className=\"cg-blog-list-description\">{card.description}</p>\n                )}\n              </div>\n            </a>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n"],"mappings":"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","names":["media","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","defaultFormatDate"]}

package/dist/react/index.d.cts

@@ -1,62 +1,220 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { B as Blog, a as Block } from '../types-CoPD0ejB.cjs';
-export { F as FaqItem, S as SocialPost } from '../types-CoPD0ejB.cjs';
+import { b as BlockType, L as ListItem, a as Block, E as EmbeddedMedia, B as Blog } from '../types-DvkCm1rh.cjs';
+export { F as FaqItem, I as Inline, M as Mark, S as SocialPost } from '../types-DvkCm1rh.cjs';
+import { NextClientOptions } from '../next/index.cjs';
+import { a as BlogJsonLdOptions } from '../blog-cards-DPfcmUUD.cjs';
+export { B as BlogCard, I as InterleavedSlot, T as ToBlogCardOptions, e as distributeMediaPositions, i as interleaveMedia, m as mergeBlogs, t as toBlogCard } from '../blog-cards-DPfcmUUD.cjs';
+import 'next';
 
+/**
+ * Override map for per-block components. Keys are the discriminants
+ * of `Block`. Consumers pass any subset; unspecified blocks render
+ * via the matching `Default*` component.
+ *
+ * v0.3.0 breaking change: the keys changed to match the new Block
+ * union. If you upgraded from 0.2.x, rename `list` → `bulletList` /
+ * `orderedList`, `quote` → `blockquote`, `code` → `codeBlock`, drop
+ * `image_placeholder` (images are now first-class via `image`).
+ */
 type BlockComponents = Partial<{
     heading: React.ComponentType<{
-        level: number;
+        level: 1 | 2 | 3;
         children: React.ReactNode;
+        className?: string;
     }>;
     paragraph: React.ComponentType<{
         children: React.ReactNode;
+        className?: string;
     }>;
-    list: React.ComponentType<{
-        items: string[];
+    bulletList: React.ComponentType<{
+        items: ListItem[];
+        className?: string;
+        renderBlock: (b: Block, i: number) => React.ReactNode;
     }>;
-    quote: React.ComponentType<{
-        children: React.ReactNode;
+    orderedList: React.ComponentType<{
+        items: ListItem[];
+        className?: string;
+        renderBlock: (b: Block, i: number) => React.ReactNode;
     }>;
-    code: React.ComponentType<{
+    blockquote: React.ComponentType<{
         children: React.ReactNode;
+        className?: string;
+    }>;
+    codeBlock: React.ComponentType<{
+        language?: string;
+        code: string;
+        className?: string;
     }>;
     image: React.ComponentType<{
-        src?: string;
+        src: string;
         alt: string;
+        caption?: string;
+        width?: number;
+        height?: number;
+        mediaId?: string;
+        className?: string;
+    }>;
+    divider: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Renders a single attached image/video when `<BlogRenderer>` distributes
+     *  `blog.generatedMedia` across the body. Default renders a bare
+     *  `<img>` or `<video controls>`. */
+    media: React.ComponentType<{
+        media: EmbeddedMedia;
     }>;
     wrapper: React.ComponentType<{
         children: React.ReactNode;
         blog: Blog;
     }>;
 }>;
-declare function BlockRenderer({ block, components, }: {
+/** Simple Tailwind-style className override map. Applied to the
+ *  default component for each block type. `components` override takes
+ *  precedence — if you replace the component, className won't reach it
+ *  unless your override handles it. */
+type BlockClassNames = Partial<Record<BlockType, string>>;
+declare function BlockRenderer({ block, components, classNames, renderBlock, }: {
     block: Block;
     components?: BlockComponents;
-}): react_jsx_runtime.JSX.Element | null;
-declare function BlogRenderer({ blog, components, }: {
+    classNames?: BlockClassNames;
+    renderBlock?: (b: Block, i: number) => React.ReactNode;
+}): React.JSX.Element;
+declare function BlogRenderer({ blog, components, classNames, }: {
     blog: Blog;
     components?: BlockComponents;
-}): react_jsx_runtime.JSX.Element;
+    classNames?: BlockClassNames;
+}): React.JSX.Element;
 
-declare const DefaultHeading: ({ level, children, }: {
-    level: number;
-    children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-declare const DefaultParagraph: ({ children, }: {
+type BlogDetailComponents = {
+    /**
+     * Renders above the body. Default: og_image → h1 → time → description.
+     * Override to add tags, author chip, share buttons, read time, etc.
+     */
+    Header?: (props: {
+        blog: Blog;
+        formatDate: (iso: string) => string;
+    }) => React.ReactNode;
+    /** Renders below the body. Default: nothing. */
+    Footer?: (props: {
+        blog: Blog;
+    }) => React.ReactNode;
+    /** Forwarded to <BlogRenderer components={...} />. */
+    blocks?: BlockComponents;
+};
+declare function BlogDetail({ blog, components, formatDate, }: {
+    blog: Blog;
+    components?: BlogDetailComponents;
+    formatDate?: (iso: string) => string;
+}): React.JSX.Element;
+
+type BlogIndexFormat = 'bare' | 'minimalist' | 'list';
+type BlogIndexProps = {
+    /** Visual layout. `minimalist` (default) is a stark monochrome grid:
+     *  square image, bold title, gray date — black-on-white in light mode,
+     *  white-on-black in dark mode, no borders or shadows. `list` is a
+     *  single-column feed with a thumbnail beside each entry. `bare` is
+     *  unstyled semantic HTML for users wiring their own design. All three
+     *  are emitted with self-contained styles — no CSS framework needed.
+     *  For full design control, skip this component entirely and compose
+     *  `listBlogs()` + your own JSX. */
+    format?: BlogIndexFormat;
+    /** Filter ChainGrow posts to a single language code (e.g. `'de'`, `'en'`). */
+    language?: string;
+    /** URL prefix for the generated card hrefs. Defaults to `/blog`.
+     *  On locale-prefixed sites, derive it from the active locale so EN cards
+     *  link to the EN route: `pathPrefix={locale === 'de' ? '/blog' : `/${locale}/blog`}`. */
+    pathPrefix?: string;
+    /** Full control over each card's href — takes precedence over `pathPrefix`.
+     *  Use when the route depends on more than a static prefix, e.g.
+     *  `hrefFor={(b) => (b.language === 'de' ? `/blog/${b.slug}` : `/${b.language}/blog/${b.slug}`)}`. */
+    hrefFor?: (blog: Blog) => string;
+    /** Override the date formatter shown on each card. */
+    formatDate?: (iso: string) => string;
+} & NextClientOptions;
+/**
+ * Default-batteries blog list. Calls `listBlogs()` for the configured language
+ * and renders one of three preset layouts. For full design control use
+ * `listBlogs()` directly and write your own page.
+ */
+declare function BlogIndex({ format, language, pathPrefix, hrefFor, formatDate, apiKey, apiUrl, revalidate, }?: BlogIndexProps): Promise<React.JSX.Element>;
+
+/**
+ * Render an array of Schema.org graph items as a single
+ * `<script type="application/ld+json">` tag with a merged `@graph`.
+ * Google treats one `@graph` script as equivalent to N separate scripts, and
+ * a single tag keeps the DOM uncluttered for consumers who already ship their
+ * own schemas (Organization, breadcrumbs, WebSite, …).
+ */
+declare function JsonLdGraph({ items, }: {
+    items: Record<string, unknown>[];
+}): React.JSX.Element | null;
+/**
+ * Default-batteries JSON-LD for a chaingrow Blog: emits BlogPosting +
+ * FAQPage (if the post has FAQs) + any LLM-generated extras from
+ * `structured_data.jsonLd`. Consumers who already ship their own graph items
+ * (breadcrumbs, Organization, …) pass them via `extraSchemas` and they end
+ * up in the same `@graph`.
+ */
+declare function BlogJsonLd({ blog, extraSchemas, ...opts }: {
+    blog: Blog;
+    extraSchemas?: Record<string, unknown>[];
+} & BlogJsonLdOptions): React.JSX.Element | null;
+
+/**
+ * Default components for each Block type. All are headless — no
+ * classNames baked in. Consumers customize via:
+ *   - `classNames={{ heading: "..." }}` on `<BlogRenderer>` — threads
+ *     through to `className` on the Default component below.
+ *   - `components={{ heading: MyHeading }}` — full replacement.
+ */
+declare const DefaultHeading: ({ level, children, className, }: {
+    level: 1 | 2 | 3;
     children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-declare const DefaultList: ({ items }: {
-    items: string[];
-}) => react_jsx_runtime.JSX.Element;
-declare const DefaultQuote: ({ children }: {
+    className?: string;
+}) => React.JSX.Element;
+declare const DefaultParagraph: ({ children, className, }: {
     children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-declare const DefaultCode: ({ children }: {
+    className?: string;
+}) => React.JSX.Element;
+declare const DefaultBulletList: ({ items, className, renderBlock, }: {
+    items: ListItem[];
+    className?: string;
+    renderBlock: (b: Block, i: number) => React.ReactNode;
+}) => React.JSX.Element;
+declare const DefaultOrderedList: ({ items, className, renderBlock, }: {
+    items: ListItem[];
+    className?: string;
+    renderBlock: (b: Block, i: number) => React.ReactNode;
+}) => React.JSX.Element;
+declare const DefaultBlockquote: ({ children, className, }: {
     children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-declare const DefaultImage: ({ src, alt, }: {
-    src?: string;
+    className?: string;
+}) => React.JSX.Element;
+declare const DefaultCodeBlock: ({ language, code, className, }: {
+    language?: string;
+    code: string;
+    className?: string;
+}) => React.JSX.Element;
+declare const DefaultImage: ({ src, alt, caption, width, height, className, }: {
+    src: string;
     alt: string;
-}) => react_jsx_runtime.JSX.Element | null;
+    caption?: string;
+    width?: number;
+    height?: number;
+    mediaId?: string;
+    className?: string;
+}) => React.JSX.Element;
+declare const DefaultDivider: ({ className }: {
+    className?: string;
+}) => React.JSX.Element;
+/**
+ * Default renderer for a single embedded media item. Bare HTML — no
+ * classNames, no styles. Override via `components.media` on `<BlogRenderer>`.
+ * `alt` falls back to the generation prompt, which is a sensible description
+ * string since it was the LLM input that produced the image.
+ */
+declare const DefaultMedia: ({ media }: {
+    media: EmbeddedMedia;
+}) => React.JSX.Element;
 
-export { Block, type BlockComponents, BlockRenderer, Blog, BlogRenderer, DefaultCode, DefaultHeading, DefaultImage, DefaultList, DefaultParagraph, DefaultQuote };
+export { Block, type BlockClassNames, type BlockComponents, BlockRenderer, BlockType, Blog, BlogDetail, type BlogDetailComponents, BlogIndex, type BlogIndexFormat, type BlogIndexProps, BlogJsonLd, BlogJsonLdOptions, BlogRenderer, DefaultBlockquote, DefaultBulletList, DefaultCodeBlock, DefaultDivider, DefaultHeading, DefaultImage, DefaultMedia, DefaultOrderedList, DefaultParagraph, EmbeddedMedia, JsonLdGraph, ListItem };