chaingrow-blog 0.2.2 → 0.7.0

package/dist/react/index.cjs

@@ -21,93 +21,777 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var react_exports = {};
 __export(react_exports, {
   BlockRenderer: () => BlockRenderer,
+  BlogDetail: () => BlogDetail,
+  BlogIndex: () => BlogIndex,
+  BlogJsonLd: () => BlogJsonLd,
   BlogRenderer: () => BlogRenderer,
-  DefaultCode: () => DefaultCode,
+  DefaultBlockquote: () => DefaultBlockquote,
+  DefaultBulletList: () => DefaultBulletList,
+  DefaultCodeBlock: () => DefaultCodeBlock,
+  DefaultDivider: () => DefaultDivider,
   DefaultHeading: () => DefaultHeading,
   DefaultImage: () => DefaultImage,
-  DefaultList: () => DefaultList,
+  DefaultMedia: () => DefaultMedia,
+  DefaultOrderedList: () => DefaultOrderedList,
   DefaultParagraph: () => DefaultParagraph,
-  DefaultQuote: () => DefaultQuote
+  JsonLdGraph: () => JsonLdGraph,
+  distributeMediaPositions: () => distributeMediaPositions,
+  interleaveMedia: () => interleaveMedia,
+  mergeBlogs: () => mergeBlogs,
+  toBlogCard: () => toBlogCard
 });
 module.exports = __toCommonJS(react_exports);
 
+// src/media-placement.ts
+function distributeMediaPositions(blockCount, mediaCount) {
+  if (mediaCount <= 0) return [];
+  if (blockCount <= 0) return Array.from({ length: mediaCount }, () => 0);
+  return Array.from(
+    { length: mediaCount },
+    (_, i) => Math.floor(i * blockCount / mediaCount)
+  );
+}
+function interleaveMedia(blocks, media) {
+  const mediaList = media ?? [];
+  const positions = distributeMediaPositions(blocks.length, mediaList.length);
+  const slots = [];
+  let mediaCursor = 0;
+  for (let b = 0; b <= blocks.length; b++) {
+    while (mediaCursor < mediaList.length && positions[mediaCursor] === b) {
+      const media2 = mediaList[mediaCursor];
+      slots.push({ kind: "media", media: media2, index: mediaCursor });
+      mediaCursor++;
+    }
+    if (b < blocks.length) {
+      const block = blocks[b];
+      slots.push({ kind: "block", block, index: b });
+    }
+  }
+  return slots;
+}
+
 // src/react/defaults.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultHeading = ({
   level,
-  children
+  children,
+  className
 }) => {
-  const Tag = level === 2 ? "h2" : level === 4 ? "h4" : "h3";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { children });
+  if (level === 1) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className, children });
+  if (level === 3) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className, children });
 };
 var DefaultParagraph = ({
-  children
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children });
-var DefaultList = ({ items }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: item }, i)) });
-var DefaultQuote = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("blockquote", { children });
-var DefaultCode = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children }) });
+  children,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className, children });
+var DefaultBulletList = ({
+  items,
+  className,
+  renderBlock
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: item.content.map((b, j) => renderBlock(b, j)) }, i)) });
+var DefaultOrderedList = ({
+  items,
+  className,
+  renderBlock
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: item.content.map((b, j) => renderBlock(b, j)) }, i)) });
+var DefaultBlockquote = ({
+  children,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("blockquote", { className, children });
+var DefaultCodeBlock = ({
+  language,
+  code,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: language ? `language-${language}` : void 0, children: code }) });
 var DefaultImage = ({
   src,
-  alt
+  alt,
+  caption,
+  width,
+  height,
+  className
 }) => {
-  if (!src) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src, alt });
+  const img = (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src, alt, width, height })
+  );
+  if (caption) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className, children: [
+      img,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figcaption", { children: caption })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, children: img });
+};
+var DefaultDivider = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { className });
+var DefaultMedia = ({ media }) => {
+  if (media.media_type === "VIDEO") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "video",
+      {
+        src: media.media_url,
+        controls: true,
+        playsInline: true,
+        preload: "metadata"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: media.media_url, alt: media.prompt });
 };
 
 // src/react/BlogRenderer.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var parseListItems = (content) => content.split("\n").map((line) => line.replace(/^\s*[-•*]\s*/, "").trim()).filter(Boolean);
+var MARK_ORDER = [
+  "bold",
+  "italic",
+  "strike",
+  "code",
+  "link"
+];
+function InlineRenderer({ inline }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: inline.map((run, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InlineRun, { run }, i)) });
+}
+function InlineRun({ run }) {
+  const marks = run.marks ? [...run.marks].sort(
+    (a, b) => MARK_ORDER.indexOf(b.type) - MARK_ORDER.indexOf(a.type)
+  ) : [];
+  let node = run.text;
+  for (const mark of marks) {
+    switch (mark.type) {
+      case "bold":
+        node = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: node });
+        break;
+      case "italic":
+        node = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: node });
+        break;
+      case "strike":
+        node = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("s", { children: node });
+        break;
+      case "code":
+        node = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: node });
+        break;
+      case "link":
+        node = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: mark.href, rel: "noopener noreferrer", children: node });
+        break;
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: node });
+}
 function BlockRenderer({
   block,
-  components = {}
+  components = {},
+  classNames = {},
+  renderBlock
 }) {
+  const recurse = renderBlock ?? ((b, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    BlockRenderer,
+    {
+      block: b,
+      components,
+      classNames,
+      renderBlock: recurse
+    },
+    i
+  ));
   switch (block.type) {
     case "heading": {
       const Heading = components.heading ?? DefaultHeading;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Heading, { level: block.level ?? 2, children: block.content });
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Heading, { level: block.level, className: classNames.heading, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InlineRenderer, { inline: block.content }) });
     }
     case "paragraph": {
       const Paragraph = components.paragraph ?? DefaultParagraph;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Paragraph, { children: block.content });
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Paragraph, { className: classNames.paragraph, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InlineRenderer, { inline: block.content }) });
+    }
+    case "bulletList": {
+      const BulletList = components.bulletList ?? DefaultBulletList;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        BulletList,
+        {
+          items: block.items,
+          className: classNames.bulletList,
+          renderBlock: recurse
+        }
+      );
     }
-    case "list": {
-      const List = components.list ?? DefaultList;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(List, { items: parseListItems(block.content) });
+    case "orderedList": {
+      const OrderedList = components.orderedList ?? DefaultOrderedList;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        OrderedList,
+        {
+          items: block.items,
+          className: classNames.orderedList,
+          renderBlock: recurse
+        }
+      );
     }
-    case "quote": {
-      const Quote = components.quote ?? DefaultQuote;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Quote, { children: block.content });
+    case "blockquote": {
+      const Blockquote = components.blockquote ?? DefaultBlockquote;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Blockquote, { className: classNames.blockquote, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InlineRenderer, { inline: block.content }) });
     }
-    case "code": {
-      const Code = components.code ?? DefaultCode;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Code, { children: block.content });
+    case "codeBlock": {
+      const CodeBlock = components.codeBlock ?? DefaultCodeBlock;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        CodeBlock,
+        {
+          language: block.language,
+          code: block.code,
+          className: classNames.codeBlock
+        }
+      );
     }
-    case "image_placeholder": {
-      const Image = components.image ?? DefaultImage;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Image, { alt: block.content });
+    case "image": {
+      const ImageComp = components.image ?? DefaultImage;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        ImageComp,
+        {
+          src: block.src,
+          alt: block.alt,
+          caption: block.caption,
+          width: block.width,
+          height: block.height,
+          mediaId: block.mediaId,
+          className: classNames.image
+        }
+      );
+    }
+    case "divider": {
+      const Divider = components.divider ?? DefaultDivider;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Divider, { className: classNames.divider });
     }
-    default:
-      return null;
   }
 }
 function BlogRenderer({
   blog,
-  components = {}
+  components = {},
+  classNames = {}
 }) {
+  const Media = components.media ?? DefaultMedia;
   const Wrapper = components.wrapper;
-  const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: blog.blocks.map((block, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BlockRenderer, { block, components }, i)) });
+  const slots = interleaveMedia(blog.blocks, blog.generatedMedia);
+  const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: slots.map(
+    (slot) => slot.kind === "block" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      BlockRenderer,
+      {
+        block: slot.block,
+        components,
+        classNames
+      },
+      `b:${slot.index}`
+    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Media, { media: slot.media }, `m:${slot.media.id}`)
+  ) });
   if (Wrapper) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Wrapper, { blog, children: content });
   return content;
 }
+
+// src/react/BlogDetail.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var defaultFormatDate = (iso) => new Date(iso).toLocaleDateString();
+function DefaultHeader({
+  blog,
+  formatDate
+}) {
+  const hasInlineMedia = (blog.generatedMedia?.length ?? 0) > 0;
+  const heroImage = !hasInlineMedia && blog.og_image ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: blog.og_image, alt: blog.title }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    heroImage,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: blog.title }),
+    blog.published_at && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("time", { dateTime: blog.published_at, children: formatDate(blog.published_at) }),
+    blog.description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: blog.description })
+  ] });
+}
+function BlogDetail({
+  blog,
+  components,
+  formatDate = defaultFormatDate
+}) {
+  const Header = components?.Header ?? DefaultHeader;
+  const Footer = components?.Footer;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Header, { blog, formatDate }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlogRenderer, { blog, components: components?.blocks }),
+    Footer ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Footer, { blog }) : null
+  ] });
+}
+
+// src/client.ts
+function createClient(opts) {
+  const baseUrl = opts.apiUrl.replace(/\/$/, "");
+  const doFetch = opts.fetch ?? fetch;
+  const request = async (path, init) => {
+    const url = `${baseUrl}${path}`;
+    const method = init?.method ?? "GET";
+    const buildInit = () => ({
+      ...init,
+      headers: {
+        "X-API-Key": opts.apiKey,
+        Accept: "application/json",
+        ...init?.headers ?? {}
+      }
+    });
+    let res;
+    try {
+      res = await doFetch(url, buildInit());
+      if (res.status === 429) {
+        const waitSec = parseInt(res.headers.get("Retry-After") ?? "1", 10);
+        await new Promise(
+          (resolve) => setTimeout(resolve, Math.max(0, waitSec) * 1e3)
+        );
+        res = await doFetch(url, buildInit());
+      }
+    } catch (err) {
+      const cause = err instanceof Error ? err.cause : void 0;
+      const code = cause && typeof cause === "object" && "code" in cause ? String(cause.code) : void 0;
+      const detail = code ? `${code}${err instanceof Error && err.message ? ` (${err.message})` : ""}` : err instanceof Error ? err.message : String(err);
+      const e = new Error(
+        `chaingrow-blog: could not reach ${method} ${url} \u2014 ${detail}. Set CHAINGROW_API_URL to override the API host (default https://api.chaingrow.de).`
+      );
+      e.cause = err;
+      throw e;
+    }
+    if (res.status === 404) return null;
+    if (!res.ok) {
+      throw new Error(
+        `chaingrow-blog: ${method} ${url} failed (${res.status})`
+      );
+    }
+    return await res.json();
+  };
+  return {
+    async getBlog(slug, language) {
+      const qs = language ? `?language=${encodeURIComponent(language)}` : "";
+      return request(
+        `/api/v1/blogs/by-slug/${encodeURIComponent(slug)}${qs}`
+      );
+    },
+    async getBlogById(id) {
+      return request(`/api/v1/blogs/${encodeURIComponent(id)}`);
+    },
+    async listBlogs(listOpts = {}) {
+      const collected = [];
+      const MAX_PAGES = 100;
+      for (let page = 0; page < MAX_PAGES; page++) {
+        const params = new URLSearchParams();
+        if (listOpts.status) params.set("status", listOpts.status);
+        if (listOpts.language) params.set("language", listOpts.language);
+        if (collected.length > 0)
+          params.set("offset", String(collected.length));
+        const qs = params.toString();
+        const response = await request(
+          `/api/v1/blogs${qs ? `?${qs}` : ""}`
+        );
+        if (!response) break;
+        const batch = response.data ?? [];
+        collected.push(...batch);
+        const total = typeof response.total === "number" ? response.total : collected.length;
+        if (batch.length === 0 || collected.length >= total) break;
+      }
+      if (listOpts.language) {
+        return collected.filter((b) => b.language === listOpts.language);
+      }
+      return collected;
+    }
+  };
+}
+
+// src/json-ld.ts
+var Schema = Object.freeze({ context: "https://schema.org" });
+function buildBlogPostingSchema(blog, opts = {}) {
+  const schema = {
+    "@type": "BlogPosting",
+    headline: blog.title,
+    datePublished: blog.published_at
+  };
+  if (blog.description) schema.description = blog.description;
+  if (blog.og_image) schema.image = blog.og_image;
+  if (opts.url) {
+    schema.url = opts.url;
+    schema.mainEntityOfPage = opts.url;
+  }
+  if (opts.author) {
+    schema.author = {
+      "@type": opts.author.type ?? "Organization",
+      name: opts.author.name,
+      ...opts.author.url ? { url: opts.author.url } : {}
+    };
+  }
+  if (opts.publisher) {
+    schema.publisher = {
+      "@type": "Organization",
+      name: opts.publisher.name,
+      ...opts.publisher.logo ? { logo: { "@type": "ImageObject", url: opts.publisher.logo } } : {}
+    };
+  }
+  return schema;
+}
+function buildFAQPageSchema(faq) {
+  if (!faq || faq.length === 0) return null;
+  return {
+    "@type": "FAQPage",
+    mainEntity: faq.map(({ question, answer }) => ({
+      "@type": "Question",
+      name: question,
+      acceptedAnswer: { "@type": "Answer", text: answer }
+    }))
+  };
+}
+function buildBlogJsonLd(blog, opts = {}) {
+  const items = [buildBlogPostingSchema(blog, opts)];
+  const faq = buildFAQPageSchema(blog.faq);
+  if (faq) items.push(faq);
+  items.push(...extractLlmJsonLd(blog.structured_data));
+  return items;
+}
+var SCHEMA_ORG_CONTEXT = Schema.context;
+function extractLlmJsonLd(sd) {
+  if (!sd || typeof sd !== "object") return [];
+  const ld = sd.jsonLd;
+  if (!Array.isArray(ld)) return [];
+  return ld.filter(
+    (entry) => typeof entry === "object" && entry !== null && !Array.isArray(entry)
+  );
+}
+
+// src/react/BlogJsonLd.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function JsonLdGraph({
+  items
+}) {
+  if (!items || items.length === 0) return null;
+  const payload = JSON.stringify({
+    "@context": SCHEMA_ORG_CONTEXT,
+    "@graph": items
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: payload }
+    }
+  );
+}
+function BlogJsonLd({
+  blog,
+  extraSchemas,
+  ...opts
+}) {
+  const items = [...extraSchemas ?? [], ...buildBlogJsonLd(blog, opts)];
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(JsonLdGraph, { items });
+}
+
+// src/next/index.ts
+var DEFAULT_API_URL = "https://api.chaingrow.de";
+var DEFAULT_REVALIDATE_SECONDS = 60 * 60 * 24 * 7;
+var resolveEnv = (opts = {}) => {
+  const apiUrl = opts.apiUrl ?? process.env.CHAINGROW_API_URL ?? DEFAULT_API_URL;
+  const apiKey = opts.apiKey ?? process.env.CHAINGROW_API_KEY;
+  if (!apiKey) {
+    throw new Error(
+      "chaingrow-blog: CHAINGROW_API_KEY is not set (env var or apiKey option required)"
+    );
+  }
+  return { apiUrl, apiKey };
+};
+var buildFetch = (tag, revalidate) => {
+  const effectiveRevalidate = revalidate === void 0 ? DEFAULT_REVALIDATE_SECONDS : revalidate;
+  return ((input, init) => fetch(input, {
+    ...init,
+    next: {
+      tags: ["chaingrow:blog", tag],
+      revalidate: effectiveRevalidate
+    }
+  }));
+};
+async function listBlogs(listOpts = {}, opts = {}) {
+  const { apiUrl, apiKey } = resolveEnv(opts);
+  const client = createClient({
+    apiUrl,
+    apiKey,
+    fetch: buildFetch("chaingrow:blog:list", opts.revalidate)
+  });
+  return client.listBlogs(listOpts);
+}
+
+// src/blog-cards.ts
+var normalizePathPrefix = (s) => {
+  let p = s.trim();
+  if (!p.startsWith("/")) p = "/" + p;
+  while (p.length > 1 && p.endsWith("/")) p = p.slice(0, -1);
+  return p;
+};
+function toBlogCard(blog, opts = {}) {
+  const prefix = normalizePathPrefix(opts.pathPrefix ?? "/blog");
+  return {
+    id: blog.id,
+    href: opts.hrefFor ? opts.hrefFor(blog) : `${prefix}/${blog.slug}`,
+    title: blog.title,
+    description: blog.description,
+    og_image: blog.og_image,
+    published_at: blog.published_at,
+    language: blog.language
+  };
+}
+function mergeBlogs(chaingrow, extra = []) {
+  const combined = [...chaingrow, ...extra];
+  combined.sort((a, b) => {
+    const ta = a.published_at ? Date.parse(a.published_at) : 0;
+    const tb = b.published_at ? Date.parse(b.published_at) : 0;
+    return tb - ta;
+  });
+  return combined;
+}
+
+// src/react/BlogIndex.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var defaultFormatDate2 = (iso) => new Date(iso).toLocaleDateString();
+async function BlogIndex({
+  format = "minimalist",
+  language,
+  pathPrefix,
+  hrefFor,
+  formatDate = defaultFormatDate2,
+  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__ */ (0, import_jsx_runtime5.jsx)(EmptyState, {});
+  }
+  if (format === "bare") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BareLayout, { cards, formatDate });
+  if (format === "list") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ListLayout, { cards, formatDate });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MinimalistLayout, { cards, formatDate });
+}
+function EmptyState() {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "No posts yet." });
+}
+function BareLayout({
+  cards,
+  formatDate
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: card.href, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: card.title }) }),
+    card.published_at && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("time", { dateTime: card.published_at, children: formatDate(card.published_at) }),
+    card.description && /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cg-blog-min-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("style", { dangerouslySetInnerHTML: { __html: MINIMALIST_CSS } }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "cg-blog-min-grid", children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("a", { href: card.href, className: "cg-blog-min-card", children: [
+      card.og_image ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "img",
+          {
+            src: card.og_image,
+            alt: card.title,
+            className: "cg-blog-min-image",
+            loading: "lazy"
+          }
+        )
+      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cg-blog-min-no-image", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "cg-blog-min-title", children: card.title }),
+      card.published_at && /* @__PURE__ */ (0, import_jsx_runtime5.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 ListLayout({
+  cards,
+  formatDate
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("style", { dangerouslySetInnerHTML: { __html: LIST_CSS } }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "cg-blog-list", children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { className: "cg-blog-list-item", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("a", { href: card.href, className: "cg-blog-list-link", children: [
+      card.og_image && // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "img",
+        {
+          src: card.og_image,
+          alt: card.title,
+          className: "cg-blog-list-image"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cg-blog-list-body", children: [
+        card.published_at && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "cg-blog-list-date", children: formatDate(card.published_at) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "cg-blog-list-title", children: card.title }),
+        card.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "cg-blog-list-description", children: card.description })
+      ] })
+    ] }) }, card.id)) })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BlockRenderer,
+  BlogDetail,
+  BlogIndex,
+  BlogJsonLd,
   BlogRenderer,
-  DefaultCode,
+  DefaultBlockquote,
+  DefaultBulletList,
+  DefaultCodeBlock,
+  DefaultDivider,
   DefaultHeading,
   DefaultImage,
-  DefaultList,
+  DefaultMedia,
+  DefaultOrderedList,
   DefaultParagraph,
-  DefaultQuote
+  JsonLdGraph,
+  distributeMediaPositions,
+  interleaveMedia,
+  mergeBlogs,
+  toBlogCard
 });
 //# sourceMappingURL=index.cjs.map