chaingrow-blog 0.2.2 → 0.7.0

package/dist/chunk-BXEQ6QKM.js

@@ -0,0 +1,636 @@
+import {
+  SCHEMA_ORG_CONTEXT,
+  buildBlogJsonLd,
+  createClient,
+  interleaveMedia
+} from "./chunk-K3HNYPEP.js";
+
+// src/next/metadata.ts
+var trimTrailingSlash = (s) => s.replace(/\/+$/, "");
+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;
+};
+var blogUrlFor = (alternates, language, slug) => {
+  const base = trimTrailingSlash(alternates.siteUrl);
+  const rawPrefix = typeof alternates.pathPrefix === "function" ? alternates.pathPrefix(language) : alternates.pathPrefix ?? "/blog";
+  return `${base}${normalizePathPrefix(rawPrefix)}/${slug}`;
+};
+async function generateBlogMetadata(slug, language, opts) {
+  const blog = await getBlog(slug, language, opts);
+  if (!blog) return {};
+  const images = blog.og_image ? [blog.og_image] : void 0;
+  const description = blog.description ?? void 0;
+  const meta = {
+    title: blog.title,
+    ...description ? { description } : {},
+    openGraph: {
+      type: "article",
+      title: blog.title,
+      ...description ? { description } : {},
+      ...images ? { images } : {},
+      ...blog.published_at ? { publishedTime: blog.published_at } : {}
+    },
+    twitter: {
+      card: blog.og_image ? "summary_large_image" : "summary",
+      title: blog.title,
+      ...description ? { description } : {},
+      ...images ? { images } : {}
+    }
+  };
+  if (opts?.alternates) {
+    const alternates = opts.alternates;
+    const canonical = blogUrlFor(alternates, blog.language, blog.slug);
+    let languages;
+    try {
+      const all = await listBlogs({ status: "PUBLISHED" }, opts);
+      const variants = all.filter((b) => b.slug === blog.slug && b.language);
+      if (variants.length > 1) {
+        languages = {};
+        for (const variant of variants) {
+          languages[variant.language] = blogUrlFor(
+            alternates,
+            variant.language,
+            variant.slug
+          );
+        }
+        const xDefaultUrl = alternates.xDefaultLanguage ? languages[alternates.xDefaultLanguage] : void 0;
+        if (xDefaultUrl) languages["x-default"] = xDefaultUrl;
+      }
+    } catch (err) {
+      console.error(
+        "chaingrow-blog: hreflang variant lookup failed, emitting canonical only:",
+        err
+      );
+    }
+    meta.alternates = {
+      canonical,
+      ...languages ? { languages } : {}
+    };
+  }
+  return meta;
+}
+function generateBlogIndexMetadata(opts) {
+  const { title, description, canonical, ogImage } = opts;
+  const images = ogImage ? [ogImage] : void 0;
+  return {
+    title,
+    ...description ? { description } : {},
+    ...canonical ? { alternates: { canonical } } : {},
+    openGraph: {
+      type: "website",
+      title,
+      ...description ? { description } : {},
+      ...canonical ? { url: canonical } : {},
+      ...images ? { images } : {}
+    },
+    twitter: {
+      card: ogImage ? "summary_large_image" : "summary",
+      title,
+      ...description ? { description } : {},
+      ...images ? { images } : {}
+    }
+  };
+}
+
+// src/next/BlogPage.tsx
+import { notFound } from "next/navigation";
+
+// src/react/defaults.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DefaultHeading = ({
+  level,
+  children,
+  className
+}) => {
+  if (level === 1) return /* @__PURE__ */ jsx("h1", { className, children });
+  if (level === 3) return /* @__PURE__ */ jsx("h3", { className, children });
+  return /* @__PURE__ */ jsx("h2", { className, children });
+};
+var DefaultParagraph = ({
+  children,
+  className
+}) => /* @__PURE__ */ jsx("p", { className, children });
+var DefaultBulletList = ({
+  items,
+  className,
+  renderBlock
+}) => /* @__PURE__ */ jsx("ul", { className, children: items.map((item, i) => /* @__PURE__ */ jsx("li", { children: item.content.map((b, j) => renderBlock(b, j)) }, i)) });
+var DefaultOrderedList = ({
+  items,
+  className,
+  renderBlock
+}) => /* @__PURE__ */ jsx("ol", { className, children: items.map((item, i) => /* @__PURE__ */ jsx("li", { children: item.content.map((b, j) => renderBlock(b, j)) }, i)) });
+var DefaultBlockquote = ({
+  children,
+  className
+}) => /* @__PURE__ */ jsx("blockquote", { className, children });
+var DefaultCodeBlock = ({
+  language,
+  code,
+  className
+}) => /* @__PURE__ */ jsx("pre", { className, children: /* @__PURE__ */ jsx("code", { className: language ? `language-${language}` : void 0, children: code }) });
+var DefaultImage = ({
+  src,
+  alt,
+  caption,
+  width,
+  height,
+  className
+}) => {
+  const img = (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ jsx("img", { src, alt, width, height })
+  );
+  if (caption) {
+    return /* @__PURE__ */ jsxs("figure", { className, children: [
+      img,
+      /* @__PURE__ */ jsx("figcaption", { children: caption })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("span", { className, children: img });
+};
+var DefaultDivider = ({ className }) => /* @__PURE__ */ jsx("hr", { className });
+var DefaultMedia = ({ media }) => {
+  if (media.media_type === "VIDEO") {
+    return /* @__PURE__ */ jsx(
+      "video",
+      {
+        src: media.media_url,
+        controls: true,
+        playsInline: true,
+        preload: "metadata"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("img", { src: media.media_url, alt: media.prompt });
+};
+
+// src/react/BlogRenderer.tsx
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var MARK_ORDER = [
+  "bold",
+  "italic",
+  "strike",
+  "code",
+  "link"
+];
+function InlineRenderer({ inline }) {
+  return /* @__PURE__ */ jsx2(Fragment, { children: inline.map((run, i) => /* @__PURE__ */ jsx2(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__ */ jsx2("strong", { children: node });
+        break;
+      case "italic":
+        node = /* @__PURE__ */ jsx2("em", { children: node });
+        break;
+      case "strike":
+        node = /* @__PURE__ */ jsx2("s", { children: node });
+        break;
+      case "code":
+        node = /* @__PURE__ */ jsx2("code", { children: node });
+        break;
+      case "link":
+        node = /* @__PURE__ */ jsx2("a", { href: mark.href, rel: "noopener noreferrer", children: node });
+        break;
+    }
+  }
+  return /* @__PURE__ */ jsx2(Fragment, { children: node });
+}
+function BlockRenderer({
+  block,
+  components = {},
+  classNames = {},
+  renderBlock
+}) {
+  const recurse = renderBlock ?? ((b, i) => /* @__PURE__ */ jsx2(
+    BlockRenderer,
+    {
+      block: b,
+      components,
+      classNames,
+      renderBlock: recurse
+    },
+    i
+  ));
+  switch (block.type) {
+    case "heading": {
+      const Heading = components.heading ?? DefaultHeading;
+      return /* @__PURE__ */ jsx2(Heading, { level: block.level, className: classNames.heading, children: /* @__PURE__ */ jsx2(InlineRenderer, { inline: block.content }) });
+    }
+    case "paragraph": {
+      const Paragraph = components.paragraph ?? DefaultParagraph;
+      return /* @__PURE__ */ jsx2(Paragraph, { className: classNames.paragraph, children: /* @__PURE__ */ jsx2(InlineRenderer, { inline: block.content }) });
+    }
+    case "bulletList": {
+      const BulletList = components.bulletList ?? DefaultBulletList;
+      return /* @__PURE__ */ jsx2(
+        BulletList,
+        {
+          items: block.items,
+          className: classNames.bulletList,
+          renderBlock: recurse
+        }
+      );
+    }
+    case "orderedList": {
+      const OrderedList = components.orderedList ?? DefaultOrderedList;
+      return /* @__PURE__ */ jsx2(
+        OrderedList,
+        {
+          items: block.items,
+          className: classNames.orderedList,
+          renderBlock: recurse
+        }
+      );
+    }
+    case "blockquote": {
+      const Blockquote = components.blockquote ?? DefaultBlockquote;
+      return /* @__PURE__ */ jsx2(Blockquote, { className: classNames.blockquote, children: /* @__PURE__ */ jsx2(InlineRenderer, { inline: block.content }) });
+    }
+    case "codeBlock": {
+      const CodeBlock = components.codeBlock ?? DefaultCodeBlock;
+      return /* @__PURE__ */ jsx2(
+        CodeBlock,
+        {
+          language: block.language,
+          code: block.code,
+          className: classNames.codeBlock
+        }
+      );
+    }
+    case "image": {
+      const ImageComp = components.image ?? DefaultImage;
+      return /* @__PURE__ */ jsx2(
+        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__ */ jsx2(Divider, { className: classNames.divider });
+    }
+  }
+}
+function BlogRenderer({
+  blog,
+  components = {},
+  classNames = {}
+}) {
+  const Media = components.media ?? DefaultMedia;
+  const Wrapper = components.wrapper;
+  const slots = interleaveMedia(blog.blocks, blog.generatedMedia);
+  const content = /* @__PURE__ */ jsx2(Fragment, { children: slots.map(
+    (slot) => slot.kind === "block" ? /* @__PURE__ */ jsx2(
+      BlockRenderer,
+      {
+        block: slot.block,
+        components,
+        classNames
+      },
+      `b:${slot.index}`
+    ) : /* @__PURE__ */ jsx2(Media, { media: slot.media }, `m:${slot.media.id}`)
+  ) });
+  if (Wrapper) return /* @__PURE__ */ jsx2(Wrapper, { blog, children: content });
+  return content;
+}
+
+// src/react/BlogDetail.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "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__ */ jsx3("img", { src: blog.og_image, alt: blog.title }) : null;
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    heroImage,
+    /* @__PURE__ */ jsx3("h1", { children: blog.title }),
+    blog.published_at && /* @__PURE__ */ jsx3("time", { dateTime: blog.published_at, children: formatDate(blog.published_at) }),
+    blog.description && /* @__PURE__ */ jsx3("p", { children: blog.description })
+  ] });
+}
+function BlogDetail({
+  blog,
+  components,
+  formatDate = defaultFormatDate
+}) {
+  const Header = components?.Header ?? DefaultHeader;
+  const Footer = components?.Footer;
+  return /* @__PURE__ */ jsxs2("article", { children: [
+    /* @__PURE__ */ jsx3(Header, { blog, formatDate }),
+    /* @__PURE__ */ jsx3(BlogRenderer, { blog, components: components?.blocks }),
+    Footer ? /* @__PURE__ */ jsx3(Footer, { blog }) : null
+  ] });
+}
+
+// src/react/BlogJsonLd.tsx
+import { jsx as jsx4 } from "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__ */ jsx4(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: payload }
+    }
+  );
+}
+function BlogJsonLd({
+  blog,
+  extraSchemas,
+  ...opts
+}) {
+  const items = [...extraSchemas ?? [], ...buildBlogJsonLd(blog, opts)];
+  return /* @__PURE__ */ jsx4(JsonLdGraph, { items });
+}
+
+// src/next/BlogPage.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+async function BlogPage({
+  params
+}) {
+  const { slug, locale } = await params;
+  let blog = null;
+  try {
+    blog = await getBlog(slug, locale);
+  } catch (err) {
+    console.error("chaingrow-blog: <BlogPage> getBlog failed:", err);
+  }
+  if (!blog) notFound();
+  return /* @__PURE__ */ jsxs3("div", { className: "cg-blog-article", children: [
+    /* @__PURE__ */ jsx5("style", { dangerouslySetInnerHTML: { __html: ARTICLE_CSS } }),
+    /* @__PURE__ */ jsx5(BlogJsonLd, { blog }),
+    /* @__PURE__ */ jsx5(BlogDetail, { blog })
+  ] });
+}
+var ARTICLE_CSS = `
+.cg-blog-article {
+  max-width: 720px;
+  margin: 0 auto;
+  padding: 4rem 1.5rem 6rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-size: 1.0625rem;
+  line-height: 1.7;
+  color: inherit;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.cg-blog-article h1 {
+  font-size: clamp(2rem, 4vw, 2.625rem);
+  font-weight: 700;
+  line-height: 1.15;
+  letter-spacing: -0.022em;
+  color: inherit;
+  margin: 0 0 1rem;
+}
+.cg-blog-article time {
+  display: block;
+  font-size: 0.8125rem;
+  color: currentColor;
+  opacity: 0.55;
+  margin: 0 0 2rem;
+  font-weight: 400;
+}
+.cg-blog-article h2 {
+  font-size: 1.625rem;
+  font-weight: 700;
+  line-height: 1.25;
+  letter-spacing: -0.015em;
+  color: inherit;
+  margin: 3rem 0 1rem;
+}
+.cg-blog-article h3 {
+  font-size: 1.25rem;
+  font-weight: 700;
+  line-height: 1.3;
+  color: inherit;
+  margin: 2.25rem 0 0.75rem;
+}
+.cg-blog-article h4 {
+  font-size: 1.0625rem;
+  font-weight: 700;
+  color: inherit;
+  margin: 1.75rem 0 0.5rem;
+}
+.cg-blog-article p {
+  margin: 0 0 1.25rem;
+  color: inherit;
+}
+.cg-blog-article a {
+  color: inherit;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-thickness: 1px;
+  transition: opacity 150ms ease;
+}
+.cg-blog-article a:hover { opacity: 0.7; }
+.cg-blog-article strong { color: inherit; font-weight: 700; }
+.cg-blog-article em { font-style: italic; }
+.cg-blog-article ul,
+.cg-blog-article ol {
+  margin: 0 0 1.5rem;
+  padding-left: 1.5rem;
+  color: inherit;
+}
+.cg-blog-article li {
+  margin-bottom: 0.5rem;
+  line-height: 1.65;
+}
+.cg-blog-article li > p { margin: 0 0 0.5rem; }
+.cg-blog-article li:last-child > p:last-child { margin-bottom: 0; }
+.cg-blog-article blockquote {
+  margin: 2rem 0;
+  padding: 0.5rem 0 0.5rem 1.5rem;
+  border-left: 3px solid currentColor;
+  font-style: italic;
+  color: inherit;
+  font-size: 1.125rem;
+  line-height: 1.6;
+}
+.cg-blog-article blockquote p:last-child { margin-bottom: 0; }
+.cg-blog-article img {
+  display: block;
+  width: 100%;
+  height: auto;
+  margin: 2.25rem 0;
+  border-radius: 6px;
+  background: rgba(128, 128, 128, 0.08);
+}
+.cg-blog-article video {
+  display: block;
+  width: 100%;
+  height: auto;
+  margin: 2.25rem 0;
+  border-radius: 6px;
+  background: rgba(128, 128, 128, 0.15);
+}
+.cg-blog-article hr {
+  border: 0;
+  height: 1px;
+  background: currentColor;
+  opacity: 0.15;
+  margin: 3rem 0;
+}
+.cg-blog-article code {
+  background: rgba(128, 128, 128, 0.15);
+  color: inherit;
+  padding: 0.15em 0.4em;
+  border-radius: 3px;
+  font-size: 0.9em;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+}
+.cg-blog-article pre {
+  background: rgba(128, 128, 128, 0.12);
+  color: inherit;
+  padding: 1.25rem 1.5rem;
+  border-radius: 6px;
+  overflow-x: auto;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+  margin: 1.75rem 0;
+}
+.cg-blog-article pre code {
+  background: transparent;
+  color: inherit;
+  padding: 0;
+  border-radius: 0;
+  font-size: inherit;
+}
+@media (max-width: 640px) {
+  .cg-blog-article {
+    padding: 2.5rem 1.25rem 4rem;
+    font-size: 1rem;
+  }
+  .cg-blog-article h2 { margin-top: 2.25rem; }
+  .cg-blog-article h3 { margin-top: 1.75rem; }
+}
+`;
+function generateBlogPageMetadata(opts) {
+  return async ({ params }) => {
+    const { slug, locale } = await params;
+    try {
+      return await generateBlogMetadata(slug, locale, opts);
+    } catch (err) {
+      console.error(
+        "chaingrow-blog: generateBlogPageMetadata failed:",
+        err
+      );
+      return {};
+    }
+  };
+}
+
+// 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 getBlog(slug, language, opts = {}) {
+  const { apiUrl, apiKey } = resolveEnv(opts);
+  const client = createClient({
+    apiUrl,
+    apiKey,
+    fetch: buildFetch(`chaingrow:blog:${slug}`, opts.revalidate)
+  });
+  return client.getBlog(slug, language);
+}
+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);
+}
+var trimTrailingSlash2 = (s) => s.replace(/\/+$/, "");
+var normalizePathPrefix2 = (s) => {
+  let p = s.trim();
+  if (!p.startsWith("/")) p = "/" + p;
+  while (p.length > 1 && p.endsWith("/")) p = p.slice(0, -1);
+  return p;
+};
+async function getBlogSitemapEntries(opts) {
+  const baseUrl = trimTrailingSlash2(opts.siteUrl);
+  const pathPrefix = normalizePathPrefix2(opts.pathPrefix ?? "/blog");
+  const blogs = await listBlogs(
+    { status: "PUBLISHED", language: opts.language },
+    {
+      apiKey: opts.apiKey,
+      apiUrl: opts.apiUrl,
+      revalidate: opts.revalidate
+    }
+  );
+  return blogs.map((blog) => ({
+    url: `${baseUrl}${pathPrefix}/${blog.slug}`,
+    lastModified: new Date(blog.published_at)
+  }));
+}
+
+export {
+  generateBlogMetadata,
+  generateBlogIndexMetadata,
+  DefaultHeading,
+  DefaultParagraph,
+  DefaultBulletList,
+  DefaultOrderedList,
+  DefaultBlockquote,
+  DefaultCodeBlock,
+  DefaultImage,
+  DefaultDivider,
+  DefaultMedia,
+  BlockRenderer,
+  BlogRenderer,
+  BlogDetail,
+  JsonLdGraph,
+  BlogJsonLd,
+  BlogPage,
+  generateBlogPageMetadata,
+  getBlog,
+  listBlogs,
+  getBlogSitemapEntries
+};
+//# sourceMappingURL=chunk-BXEQ6QKM.js.map