chaingrow-blog 0.2.2 → 0.7.0

package/dist/react/index.d.ts

@@ -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.js';
-export { F as FaqItem, S as SocialPost } from '../types-CoPD0ejB.js';
+import { b as BlockType, L as ListItem, a as Block, E as EmbeddedMedia, B as Blog } from '../types-DvkCm1rh.js';
+export { F as FaqItem, I as Inline, M as Mark, S as SocialPost } from '../types-DvkCm1rh.js';
+import { NextClientOptions } from '../next/index.js';
+import { a as BlogJsonLdOptions } from '../blog-cards-D1j7ZqHK.js';
+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-D1j7ZqHK.js';
+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 };

package/dist/react/index.js

@@ -1,79 +1,279 @@
-// src/react/defaults.tsx
-import { jsx } from "react/jsx-runtime";
-var DefaultHeading = ({
-  level,
-  children
-}) => {
-  const Tag = level === 2 ? "h2" : level === 4 ? "h4" : "h3";
-  return /* @__PURE__ */ jsx(Tag, { children });
-};
-var DefaultParagraph = ({
-  children
-}) => /* @__PURE__ */ jsx("p", { children });
-var DefaultList = ({ items }) => /* @__PURE__ */ jsx("ul", { children: items.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) });
-var DefaultQuote = ({ children }) => /* @__PURE__ */ jsx("blockquote", { children });
-var DefaultCode = ({ children }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children }) });
-var DefaultImage = ({
-  src,
-  alt
-}) => {
-  if (!src) return null;
-  return /* @__PURE__ */ jsx("img", { src, alt });
-};
+import {
+  mergeBlogs,
+  toBlogCard
+} from "../chunk-4EKET2DQ.js";
+import {
+  BlockRenderer,
+  BlogDetail,
+  BlogJsonLd,
+  BlogRenderer,
+  DefaultBlockquote,
+  DefaultBulletList,
+  DefaultCodeBlock,
+  DefaultDivider,
+  DefaultHeading,
+  DefaultImage,
+  DefaultMedia,
+  DefaultOrderedList,
+  DefaultParagraph,
+  JsonLdGraph,
+  listBlogs
+} from "../chunk-BXEQ6QKM.js";
+import {
+  distributeMediaPositions,
+  interleaveMedia
+} from "../chunk-K3HNYPEP.js";
 
-// src/react/BlogRenderer.tsx
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var parseListItems = (content) => content.split("\n").map((line) => line.replace(/^\s*[-•*]\s*/, "").trim()).filter(Boolean);
-function BlockRenderer({
-  block,
-  components = {}
+// src/react/BlogIndex.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var defaultFormatDate = (iso) => new Date(iso).toLocaleDateString();
+async function BlogIndex({
+  format = "minimalist",
+  language,
+  pathPrefix,
+  hrefFor,
+  formatDate = defaultFormatDate,
+  apiKey,
+  apiUrl,
+  revalidate
+} = {}) {
+  const blogs = await listBlogs(
+    { status: "PUBLISHED", language },
+    { apiKey, apiUrl, revalidate }
+  );
+  const cards = blogs.map((b) => toBlogCard(b, { pathPrefix, hrefFor }));
+  if (cards.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, {});
+  }
+  if (format === "bare") return /* @__PURE__ */ jsx(BareLayout, { cards, formatDate });
+  if (format === "list") return /* @__PURE__ */ jsx(ListLayout, { cards, formatDate });
+  return /* @__PURE__ */ jsx(MinimalistLayout, { cards, formatDate });
+}
+function EmptyState() {
+  return /* @__PURE__ */ jsx("p", { children: "No posts yet." });
+}
+function BareLayout({
+  cards,
+  formatDate
 }) {
-  switch (block.type) {
-    case "heading": {
-      const Heading = components.heading ?? DefaultHeading;
-      return /* @__PURE__ */ jsx2(Heading, { level: block.level ?? 2, children: block.content });
-    }
-    case "paragraph": {
-      const Paragraph = components.paragraph ?? DefaultParagraph;
-      return /* @__PURE__ */ jsx2(Paragraph, { children: block.content });
-    }
-    case "list": {
-      const List = components.list ?? DefaultList;
-      return /* @__PURE__ */ jsx2(List, { items: parseListItems(block.content) });
-    }
-    case "quote": {
-      const Quote = components.quote ?? DefaultQuote;
-      return /* @__PURE__ */ jsx2(Quote, { children: block.content });
-    }
-    case "code": {
-      const Code = components.code ?? DefaultCode;
-      return /* @__PURE__ */ jsx2(Code, { children: block.content });
-    }
-    case "image_placeholder": {
-      const Image = components.image ?? DefaultImage;
-      return /* @__PURE__ */ jsx2(Image, { alt: block.content });
-    }
-    default:
-      return null;
+  return /* @__PURE__ */ jsx("ul", { children: cards.map((card) => /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsx("a", { href: card.href, children: /* @__PURE__ */ jsx("h2", { children: card.title }) }),
+    card.published_at && /* @__PURE__ */ jsx("time", { dateTime: card.published_at, children: formatDate(card.published_at) }),
+    card.description && /* @__PURE__ */ jsx("p", { children: card.description })
+  ] }, card.id)) });
+}
+var MINIMALIST_CSS = `
+.cg-blog-min-container {
+  max-width: 1400px;
+  margin: 4rem auto;
+  padding: 0 2rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.cg-blog-min-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  column-gap: 2rem;
+  row-gap: 4rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.cg-blog-min-grid > li { list-style: none; }
+.cg-blog-min-card {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+}
+.cg-blog-min-card:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 4px;
+  border-radius: 4px;
+}
+.cg-blog-min-image {
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  object-fit: cover;
+  display: block;
+  border-radius: 6px;
+  background: rgba(128, 128, 128, 0.08);
+  margin-bottom: 1.25rem;
+  transition: opacity 200ms ease;
+}
+.cg-blog-min-card:hover .cg-blog-min-image {
+  opacity: 0.88;
+}
+.cg-blog-min-no-image {
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  background: rgba(128, 128, 128, 0.08);
+  border-radius: 6px;
+  margin-bottom: 1.25rem;
+}
+.cg-blog-min-title {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin: 0 0 0.5rem;
+  line-height: 1.35;
+  color: inherit;
+  letter-spacing: -0.01em;
+}
+.cg-blog-min-date {
+  font-size: 0.8125rem;
+  color: currentColor;
+  opacity: 0.55;
+  margin: 0;
+  font-weight: 400;
+}
+@media (max-width: 1024px) {
+  .cg-blog-min-grid {
+    grid-template-columns: repeat(2, 1fr);
+    column-gap: 1.5rem;
+    row-gap: 3rem;
+  }
+}
+@media (max-width: 640px) {
+  .cg-blog-min-container {
+    margin: 2.5rem auto;
+    padding: 0 1.25rem;
+  }
+  .cg-blog-min-grid {
+    grid-template-columns: 1fr;
+    row-gap: 2.5rem;
   }
+  .cg-blog-min-title { font-size: 1.125rem; }
+}
+`;
+function MinimalistLayout({
+  cards,
+  formatDate
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "cg-blog-min-container", children: [
+    /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: MINIMALIST_CSS } }),
+    /* @__PURE__ */ jsx("ul", { className: "cg-blog-min-grid", children: cards.map((card) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", { href: card.href, className: "cg-blog-min-card", children: [
+      card.og_image ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: card.og_image,
+            alt: card.title,
+            className: "cg-blog-min-image",
+            loading: "lazy"
+          }
+        )
+      ) : /* @__PURE__ */ jsx("div", { className: "cg-blog-min-no-image", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("h2", { className: "cg-blog-min-title", children: card.title }),
+      card.published_at && /* @__PURE__ */ jsx("p", { className: "cg-blog-min-date", children: formatDate(card.published_at) })
+    ] }) }, card.id)) })
+  ] });
+}
+var LIST_CSS = `
+.cg-blog-list { list-style: none; padding: 0; margin: 0; }
+.cg-blog-list-item {
+  margin-bottom: 2rem;
+  padding-bottom: 2rem;
+  border-bottom: 1px solid currentColor;
+}
+.cg-blog-list-item { border-bottom-color: color-mix(in srgb, currentColor 15%, transparent); }
+.cg-blog-list-item:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+  border-bottom: none;
+}
+.cg-blog-list-link {
+  display: flex;
+  gap: 1.5rem;
+  text-decoration: none;
+  color: inherit;
+  align-items: flex-start;
+}
+.cg-blog-list-image {
+  flex-shrink: 0;
+  width: 12rem;
+  height: 8rem;
+  object-fit: cover;
+  border-radius: 0.5rem;
+  background: rgba(128, 128, 128, 0.08);
+  transition: opacity 200ms ease;
+}
+.cg-blog-list-link:hover .cg-blog-list-image { opacity: 0.88; }
+.cg-blog-list-body { flex: 1; min-width: 0; }
+.cg-blog-list-date {
+  font-size: 0.75rem;
+  color: currentColor;
+  opacity: 0.55;
+  margin: 0 0 0.5rem 0;
+}
+.cg-blog-list-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  margin: 0 0 0.5rem 0;
+  line-height: 1.3;
+  color: inherit;
+  transition: opacity 150ms ease;
+}
+.cg-blog-list-link:hover .cg-blog-list-title { opacity: 0.7; }
+.cg-blog-list-description {
+  font-size: 1rem;
+  color: currentColor;
+  opacity: 0.65;
+  margin: 0;
+  line-height: 1.6;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+@media (max-width: 640px) {
+  .cg-blog-list-link { flex-direction: column; }
+  .cg-blog-list-image { width: 100%; height: 12rem; }
 }
-function BlogRenderer({
-  blog,
-  components = {}
+`;
+function ListLayout({
+  cards,
+  formatDate
 }) {
-  const Wrapper = components.wrapper;
-  const content = /* @__PURE__ */ jsx2(Fragment, { children: blog.blocks.map((block, i) => /* @__PURE__ */ jsx2(BlockRenderer, { block, components }, i)) });
-  if (Wrapper) return /* @__PURE__ */ jsx2(Wrapper, { blog, children: content });
-  return content;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: LIST_CSS } }),
+    /* @__PURE__ */ jsx("ul", { className: "cg-blog-list", children: cards.map((card) => /* @__PURE__ */ jsx("li", { className: "cg-blog-list-item", children: /* @__PURE__ */ jsxs("a", { href: card.href, className: "cg-blog-list-link", children: [
+      card.og_image && // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: card.og_image,
+          alt: card.title,
+          className: "cg-blog-list-image"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "cg-blog-list-body", children: [
+        card.published_at && /* @__PURE__ */ jsx("p", { className: "cg-blog-list-date", children: formatDate(card.published_at) }),
+        /* @__PURE__ */ jsx("h2", { className: "cg-blog-list-title", children: card.title }),
+        card.description && /* @__PURE__ */ jsx("p", { className: "cg-blog-list-description", children: card.description })
+      ] })
+    ] }) }, card.id)) })
+  ] });
 }
 export {
   BlockRenderer,
+  BlogDetail,
+  BlogIndex,
+  BlogJsonLd,
   BlogRenderer,
-  DefaultCode,
+  DefaultBlockquote,
+  DefaultBulletList,
+  DefaultCodeBlock,
+  DefaultDivider,
   DefaultHeading,
   DefaultImage,
-  DefaultList,
+  DefaultMedia,
+  DefaultOrderedList,
   DefaultParagraph,
-  DefaultQuote
+  JsonLdGraph,
+  distributeMediaPositions,
+  interleaveMedia,
+  mergeBlogs,
+  toBlogCard
 };
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/defaults.tsx","../../src/react/BlogRenderer.tsx"],"sourcesContent":["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":";AAaS;AAXF,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,MAAO,UAAU,IAAI,OAAO,UAAU,IAAI,OAAO;AAIvD,SAAO,oBAAC,OAAK,UAAS;AACxB;AAEO,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AACF,MAEM,oBAAC,OAAG,UAAS;AAEZ,IAAM,cAAc,CAAC,EAAE,MAAM,MAClC,oBAAC,QACE,gBAAM,IAAI,CAAC,MAAM,MAChB,oBAAC,QAAY,kBAAJ,CAAS,CACnB,GACH;AAGK,IAAM,eAAe,CAAC,EAAE,SAAS,MACtC,oBAAC,gBAAY,UAAS;AAGjB,IAAM,cAAc,CAAC,EAAE,SAAS,MACrC,oBAAC,SACC,8BAAC,UAAM,UAAS,GAClB;AAGK,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAGM;AACJ,MAAI,CAAC,IAAK,QAAO;AAEjB,SAAO,oBAAC,SAAI,KAAU,KAAU;AAClC;;;ACba,SAoCT,UApCS,OAAAA,YAAA;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,gBAAAA,KAAC,WAAQ,OAAO,MAAM,SAAS,GAAI,gBAAM,SAAQ;AAAA,IAC1D;AAAA,IACA,KAAK,aAAa;AAChB,YAAM,YAAY,WAAW,aAAa;AAC1C,aAAO,gBAAAA,KAAC,aAAW,gBAAM,SAAQ;AAAA,IACnC;AAAA,IACA,KAAK,QAAQ;AACX,YAAM,OAAO,WAAW,QAAQ;AAChC,aAAO,gBAAAA,KAAC,QAAK,OAAO,eAAe,MAAM,OAAO,GAAG;AAAA,IACrD;AAAA,IACA,KAAK,SAAS;AACZ,YAAM,QAAQ,WAAW,SAAS;AAClC,aAAO,gBAAAA,KAAC,SAAO,gBAAM,SAAQ;AAAA,IAC/B;AAAA,IACA,KAAK,QAAQ;AACX,YAAM,OAAO,WAAW,QAAQ;AAChC,aAAO,gBAAAA,KAAC,QAAM,gBAAM,SAAQ;AAAA,IAC9B;AAAA,IACA,KAAK,qBAAqB;AACxB,YAAM,QAAQ,WAAW,SAAS;AAClC,aAAO,gBAAAA,KAAC,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,gBAAAA,KAAA,YACG,eAAK,OAAO,IAAI,CAAC,OAAO,MACvB,gBAAAA,KAAC,iBAAsB,OAAc,cAAjB,CAAyC,CAC9D,GACH;AAEF,MAAI,QAAS,QAAO,gBAAAA,KAAC,WAAQ,MAAa,mBAAQ;AAClD,SAAO;AACT;","names":["jsx"]}
+{"version":3,"sources":["../../src/react/BlogIndex.tsx"],"sourcesContent":["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":[]}