hazo_blog 0.1.0

package/dist/components/blog-search.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import Link from "next/link";
+import { cn } from "hazo_ui/utils";
+import { trackBlogEvent } from "../lib/analytics.js";
+export function BlogSearch({ endpoint, basePath = "/blog", placeholder = "Search posts…", className, }) {
+    const url = endpoint ?? `${basePath}/api/search`;
+    const [query, setQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [open, setOpen] = useState(false);
+    const timer = useRef(null);
+    useEffect(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        const q = query.trim();
+        if (q.length < 2) {
+            setResults([]);
+            setOpen(false);
+            return;
+        }
+        timer.current = setTimeout(async () => {
+            try {
+                const res = await fetch(`${url}?q=${encodeURIComponent(q)}`);
+                if (!res.ok)
+                    return;
+                const data = (await res.json());
+                const posts = ("posts" in data && data.posts) || ("data" in data && data.data) || [];
+                setResults(posts);
+                setOpen(true);
+                trackBlogEvent("blog_search", { query: q, results: posts.length });
+            }
+            catch {
+                /* ignore network errors */
+            }
+        }, 250);
+        return () => {
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
+    }, [query, url]);
+    return (_jsxs("div", { className: cn("relative", className), children: [_jsx("input", { type: "search", value: query, onChange: (e) => setQuery(e.target.value), placeholder: placeholder, className: "w-full rounded-lg border border-border bg-background px-4 py-2 text-sm outline-none focus:ring-2 focus:ring-primary" }), open && results.length > 0 && (_jsx("ul", { className: "absolute z-10 mt-1 max-h-80 w-full overflow-auto rounded-lg border border-border bg-popover shadow-lg", children: results.map((r) => (_jsx("li", { children: _jsxs(Link, { href: `${basePath}/${r.slug}`, className: "block px-4 py-2 text-sm hover:bg-accent", onClick: () => setOpen(false), children: [_jsx("span", { className: "font-medium", children: r.title }), r.excerpt && (_jsx("span", { className: "block truncate text-xs text-muted-foreground", children: r.excerpt }))] }) }, r.slug))) }))] }));
+}

package/dist/components/faq-section.d.ts

@@ -0,0 +1,9 @@
+import type { FaqItem } from "../types/index.js";
+export interface FaqSectionProps {
+    faq: FaqItem[];
+    title?: string;
+    className?: string;
+}
+/** Renders FAQ as a no-JS <details> accordion (the FAQPage JSON-LD is emitted separately). */
+export declare function FaqSection({ faq, title, className }: FaqSectionProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=faq-section.d.ts.map

package/dist/components/faq-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"faq-section.d.ts","sourceRoot":"","sources":["../../src/components/faq-section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,OAAO,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8FAA8F;AAC9F,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,KAAoC,EAAE,SAAS,EAAE,EAAE,eAAe,kDAiBnG"}

package/dist/components/faq-section.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "hazo_ui/utils";
+/** Renders FAQ as a no-JS <details> accordion (the FAQPage JSON-LD is emitted separately). */
+export function FaqSection({ faq, title = "Frequently asked questions", className }) {
+    if (!faq || faq.length === 0)
+        return null;
+    return (_jsxs("section", { className: cn("my-8", className), children: [_jsx("h2", { className: "mb-4 text-2xl font-bold text-foreground", children: title }), _jsx("dl", { className: "divide-y divide-border rounded-xl border border-border", children: faq.map((item, i) => (_jsxs("details", { className: "group p-4", children: [_jsx("summary", { className: "cursor-pointer list-none font-medium text-foreground", children: _jsx("dt", { className: "inline", children: item.question }) }), _jsx("dd", { className: "mt-2 text-sm text-muted-foreground", children: item.answer })] }, i))) })] }));
+}

package/dist/components/index.d.ts

@@ -0,0 +1,12 @@
+export { PostCard, type PostCardProps } from "./post-card.js";
+export { PostHero, type PostHeroProps } from "./post-hero.js";
+export { AuthorBio, type AuthorBioProps } from "./author-bio.js";
+export { FaqSection, type FaqSectionProps } from "./faq-section.js";
+export { TableOfContents, type TableOfContentsProps } from "./table-of-contents.js";
+export { RelatedPosts, type RelatedPostsProps } from "./related-posts.js";
+export { BlogSearch, type BlogSearchProps } from "./blog-search.js";
+export { BlogPostViewTracker, type BlogPostViewTrackerProps, } from "./blog-post-view-tracker.js";
+export { PostForm, type PostFormProps } from "./admin/post-form.js";
+export { YouTube, Callout, BlogImage, CodeBlock, InlineCode, defaultMdxComponents, } from "./mdx/index.js";
+export type { YouTubeProps, CalloutProps, CalloutType, BlogImageProps, CodeBlockProps, } from "./mdx/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAU,EACV,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,gBAAgB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,13 @@
+// hazo_blog client component barrel. All client-safe (no Node/server imports).
+export { PostCard } from "./post-card.js";
+export { PostHero } from "./post-hero.js";
+export { AuthorBio } from "./author-bio.js";
+export { FaqSection } from "./faq-section.js";
+export { TableOfContents } from "./table-of-contents.js";
+export { RelatedPosts } from "./related-posts.js";
+export { BlogSearch } from "./blog-search.js";
+export { BlogPostViewTracker, } from "./blog-post-view-tracker.js";
+// Admin authoring UI.
+export { PostForm } from "./admin/post-form.js";
+// MDX embed registry + components.
+export { YouTube, Callout, BlogImage, CodeBlock, InlineCode, defaultMdxComponents, } from "./mdx/index.js";

package/dist/components/mdx/blog-image.d.ts

@@ -0,0 +1,10 @@
+export interface BlogImageProps {
+    src: string;
+    alt?: string;
+    caption?: string;
+    width?: number;
+    height?: number;
+    className?: string;
+}
+export declare function BlogImage({ src, alt, caption, width, height, className, }: BlogImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=blog-image.d.ts.map

package/dist/components/mdx/blog-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog-image.d.ts","sourceRoot":"","sources":["../../../src/components/mdx/blog-image.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,GAAQ,EACR,OAAO,EACP,KAAY,EACZ,MAAY,EACZ,SAAS,GACV,EAAE,cAAc,2CAkBhB"}

package/dist/components/mdx/blog-image.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// <BlogImage src caption alt /> — next/image wrapper with optional caption.
+import Image from "next/image";
+import { cn } from "hazo_ui/utils";
+export function BlogImage({ src, alt = "", caption, width = 1200, height = 675, className, }) {
+    return (_jsxs("figure", { className: cn("my-6", className), children: [_jsx(Image, { src: src, alt: alt || caption || "", width: width, height: height, className: "h-auto w-full rounded-lg", sizes: "(max-width: 768px) 100vw, 768px" }), caption && (_jsx("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground", children: caption }))] }));
+}

package/dist/components/mdx/callout.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export type CalloutType = "info" | "warning" | "tip" | "note";
+export interface CalloutProps {
+    type?: CalloutType;
+    title?: string;
+    children?: ReactNode;
+    className?: string;
+}
+export declare function Callout({ type, title, children, className }: CalloutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=callout.d.ts.map

package/dist/components/mdx/callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/components/mdx/callout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,OAAO,CAAC,EAAE,IAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAclF"}

package/dist/components/mdx/callout.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "hazo_ui/utils";
+const STYLES = {
+    info: "border-blue-500/40 bg-blue-500/10 text-blue-900 dark:text-blue-100",
+    warning: "border-amber-500/40 bg-amber-500/10 text-amber-900 dark:text-amber-100",
+    tip: "border-emerald-500/40 bg-emerald-500/10 text-emerald-900 dark:text-emerald-100",
+    note: "border-border bg-muted/50 text-foreground",
+};
+const ICONS = {
+    info: "ℹ️",
+    warning: "⚠️",
+    tip: "💡",
+    note: "📝",
+};
+export function Callout({ type = "info", title, children, className }) {
+    return (_jsx("div", { className: cn("my-6 rounded-lg border-l-4 p-4", STYLES[type], className), children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { "aria-hidden": true, className: "text-lg leading-none", children: ICONS[type] }), _jsxs("div", { className: "min-w-0 flex-1", children: [title && _jsx("p", { className: "mb-1 font-semibold", children: title }), _jsx("div", { className: "prose-sm [&>p]:my-1", children: children })] })] }) }));
+}

package/dist/components/mdx/code-block.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export interface CodeBlockProps {
+    children?: ReactNode;
+    className?: string;
+}
+export declare function CodeBlock({ children, className }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function InlineCode({ children, className }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/mdx/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/mdx/code-block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAWhE;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAMjE"}

package/dist/components/mdx/code-block.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "hazo_ui/utils";
+export function CodeBlock({ children, className }) {
+    return (_jsx("pre", { className: cn("my-6 overflow-x-auto rounded-lg bg-zinc-900 p-4 text-sm text-zinc-100", className), children: children }));
+}
+export function InlineCode({ children, className }) {
+    return (_jsx("code", { className: cn("rounded bg-muted px-1.5 py-0.5 text-[0.9em]", className), children: children }));
+}

package/dist/components/mdx/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentType } from "react";
+import { YouTube } from "./youtube.js";
+import { Callout } from "./callout.js";
+import { BlogImage } from "./blog-image.js";
+import { CodeBlock, InlineCode } from "./code-block.js";
+export { YouTube, Callout, BlogImage, CodeBlock, InlineCode };
+export type { YouTubeProps } from "./youtube.js";
+export type { CalloutProps, CalloutType } from "./callout.js";
+export type { BlogImageProps } from "./blog-image.js";
+export type { CodeBlockProps } from "./code-block.js";
+/** The default embed components available inside MDX content. */
+export declare const defaultMdxComponents: Record<string, ComponentType<unknown>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/mdx/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/mdx/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,iEAAiE;AACjE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,CAMvE,CAAC"}

package/dist/components/mdx/index.js

@@ -0,0 +1,13 @@
+import { YouTube } from "./youtube.js";
+import { Callout } from "./callout.js";
+import { BlogImage } from "./blog-image.js";
+import { CodeBlock, InlineCode } from "./code-block.js";
+export { YouTube, Callout, BlogImage, CodeBlock, InlineCode };
+/** The default embed components available inside MDX content. */
+export const defaultMdxComponents = {
+    YouTube: YouTube,
+    Callout: Callout,
+    BlogImage: BlogImage,
+    pre: CodeBlock,
+    code: InlineCode,
+};

package/dist/components/mdx/youtube.d.ts

@@ -0,0 +1,8 @@
+export interface YouTubeProps {
+    id: string;
+    title?: string;
+    start?: number;
+    className?: string;
+}
+export declare function YouTube({ id, title, start, className }: YouTubeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=youtube.d.ts.map

package/dist/components/mdx/youtube.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"youtube.d.ts","sourceRoot":"","sources":["../../../src/components/mdx/youtube.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,EAAE,KAAuB,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,YAAY,2CActF"}

package/dist/components/mdx/youtube.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// <YouTube id="..." title="..." start={30} /> — privacy-friendly lazy embed.
+import { cn } from "hazo_ui/utils";
+export function YouTube({ id, title = "YouTube video", start, className }) {
+    const src = `https://www.youtube-nocookie.com/embed/${id}${start ? `?start=${start}` : ""}`;
+    return (_jsx("div", { className: cn("my-6 aspect-video w-full overflow-hidden rounded-lg", className), children: _jsx("iframe", { src: src, title: title, loading: "lazy", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, className: "h-full w-full border-0" }) }));
+}

package/dist/components/post-card.d.ts

@@ -0,0 +1,8 @@
+import type { BlogPostWithRelations } from "../types/index.js";
+export interface PostCardProps {
+    post: BlogPostWithRelations;
+    basePath?: string;
+    className?: string;
+}
+export declare function PostCard({ post, basePath, className }: PostCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=post-card.d.ts.map

package/dist/components/post-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-card.d.ts","sourceRoot":"","sources":["../../src/components/post-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAkB,EAAE,SAAS,EAAE,EAAE,aAAa,2CA2C9E"}

package/dist/components/post-card.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import Image from "next/image";
+import { cn } from "hazo_ui/utils";
+export function PostCard({ post, basePath = "/blog", className }) {
+    return (_jsx("article", { className: cn("group overflow-hidden rounded-xl border border-border bg-card transition-shadow hover:shadow-md", className), children: _jsxs(Link, { href: `${basePath}/${post.slug}`, className: "block", children: [post.featured_image && (_jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: _jsx(Image, { src: post.featured_image, alt: post.title, fill: true, className: "object-cover transition-transform duration-300 group-hover:scale-105", sizes: "(max-width: 768px) 100vw, 33vw" }) })), _jsxs("div", { className: "p-5", children: [post.category && (_jsx("span", { className: "mb-2 inline-block rounded-full px-2.5 py-0.5 text-xs font-medium", style: {
+                                backgroundColor: `${post.category.colour}20`,
+                                color: post.category.colour,
+                            }, children: post.category.name })), _jsx("h3", { className: "mb-1 line-clamp-2 text-lg font-semibold text-foreground group-hover:text-primary", children: post.title }), post.excerpt && (_jsx("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: post.excerpt })), _jsxs("p", { className: "mt-3 text-xs text-muted-foreground", children: [post.reading_time, " min read"] })] })] }) }));
+}

package/dist/components/post-hero.d.ts

@@ -0,0 +1,7 @@
+import type { BlogPostWithRelations } from "../types/index.js";
+export interface PostHeroProps {
+    post: BlogPostWithRelations;
+    className?: string;
+}
+export declare function PostHero({ post, className }: PostHeroProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=post-hero.d.ts.map

package/dist/components/post-hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-hero.d.ts","sourceRoot":"","sources":["../../src/components/post-hero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,aAAa,2CAmC1D"}

package/dist/components/post-hero.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import { cn } from "hazo_ui/utils";
+function formatDate(value) {
+    if (!value)
+        return "";
+    const d = new Date(value);
+    if (Number.isNaN(d.getTime()))
+        return "";
+    return d.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric" });
+}
+export function PostHero({ post, className }) {
+    return (_jsxs("header", { className: cn("mb-8", className), children: [_jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-3 text-sm text-muted-foreground", children: [post.category && (_jsx("span", { className: "rounded-full px-2.5 py-0.5 text-xs font-medium", style: {
+                            backgroundColor: `${post.category.colour}20`,
+                            color: post.category.colour,
+                        }, children: post.category.name })), post.publish_date && _jsx("time", { dateTime: post.publish_date, children: formatDate(post.publish_date) }), _jsxs("span", { children: ["\u00B7 ", post.reading_time, " min read"] })] }), _jsx("h1", { className: "text-3xl font-bold tracking-tight text-foreground sm:text-4xl", children: post.title }), post.featured_image && (_jsx("div", { className: "relative mt-6 aspect-video w-full overflow-hidden rounded-xl", children: _jsx(Image, { src: post.featured_image, alt: post.title, fill: true, priority: true, className: "object-cover", sizes: "(max-width: 768px) 100vw, 768px" }) }))] }));
+}

package/dist/components/related-posts.d.ts

@@ -0,0 +1,9 @@
+import type { BlogPostWithRelations } from "../types/index.js";
+export interface RelatedPostsProps {
+    posts: BlogPostWithRelations[];
+    basePath?: string;
+    title?: string;
+    className?: string;
+}
+export declare function RelatedPosts({ posts, basePath, title, className, }: RelatedPostsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=related-posts.d.ts.map

package/dist/components/related-posts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-posts.d.ts","sourceRoot":"","sources":["../../src/components/related-posts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG/D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAkB,EAClB,KAAuB,EACvB,SAAS,GACV,EAAE,iBAAiB,kDAYnB"}

package/dist/components/related-posts.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "hazo_ui/utils";
+import { PostCard } from "./post-card.js";
+export function RelatedPosts({ posts, basePath = "/blog", title = "Related posts", className, }) {
+    if (!posts || posts.length === 0)
+        return null;
+    return (_jsxs("section", { className: cn("my-10", className), children: [_jsx("h2", { className: "mb-4 text-2xl font-bold text-foreground", children: title }), _jsx("div", { className: "grid gap-5 sm:grid-cols-2 lg:grid-cols-3", children: posts.map((p) => (_jsx(PostCard, { post: p, basePath: basePath }, p.id))) })] }));
+}

package/dist/components/table-of-contents.d.ts

@@ -0,0 +1,8 @@
+import type { TocHeading } from "../lib/text.js";
+export interface TableOfContentsProps {
+    headings: TocHeading[];
+    title?: string;
+    className?: string;
+}
+export declare function TableOfContents({ headings, title, className }: TableOfContentsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=table-of-contents.d.ts.map

package/dist/components/table-of-contents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-of-contents.d.ts","sourceRoot":"","sources":["../../src/components/table-of-contents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAsB,EAAE,SAAS,EAAE,EAAE,oBAAoB,kDAgBpG"}

package/dist/components/table-of-contents.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "hazo_ui/utils";
+export function TableOfContents({ headings, title = "On this page", className }) {
+    if (!headings || headings.length === 0)
+        return null;
+    return (_jsxs("nav", { className: cn("rounded-xl border border-border bg-muted/30 p-4 text-sm", className), "aria-label": title, children: [_jsx("p", { className: "mb-2 font-semibold text-foreground", children: title }), _jsx("ul", { className: "space-y-1", children: headings.map((h) => (_jsx("li", { className: h.depth === 3 ? "pl-4" : "", children: _jsx("a", { href: `#${h.id}`, className: "text-muted-foreground hover:text-primary", children: h.text }) }, h.id))) })] }));
+}

package/dist/config/index.d.ts

@@ -0,0 +1,3 @@
+export type { BlogConfig, ResolvedBlogConfig, AuthorInfo, BlogAnalyticsEvent, } from "../types/index.js";
+export { resolveConfig } from "../service/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,UAAU,EACV,kBAAkB,EAClB,UAAU,EACV,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/config/index.js

@@ -0,0 +1 @@
+export { resolveConfig } from "../service/index.js";

package/dist/index.client.d.ts

@@ -0,0 +1,5 @@
+export type { BlogPost, BlogPostWithRelations, BlogCategory, BlogTag, FaqItem, AuthorInfo, PostStatus, BlogAnalyticsEvent, BlogConfig, } from "./types/index.js";
+export { slugify, mdxToPlainText, calculateReadingTime, buildExcerpt, extractToc, type TocHeading, } from "./lib/text.js";
+export { trackBlogEvent } from "./lib/analytics.js";
+export * from "./components/index.js";
+//# sourceMappingURL=index.client.d.ts.map

package/dist/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../src/index.client.ts"],"names":[],"mappings":"AAIA,YAAY,EACV,QAAQ,EACR,qBAAqB,EACrB,YAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,UAAU,GACX,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,OAAO,EACP,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,KAAK,UAAU,GAChB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,cAAc,uBAAuB,CAAC"}

package/dist/index.client.js

@@ -0,0 +1,8 @@
+// hazo_blog/src/index.client.ts — client-safe entry point.
+// Never import Node.js builtins (fs/path/crypto) from here or anything it imports.
+// Pure utilities.
+export { slugify, mdxToPlainText, calculateReadingTime, buildExcerpt, extractToc, } from "./lib/text.js";
+// Client-safe analytics emitter.
+export { trackBlogEvent } from "./lib/analytics.js";
+// Client/presentational components + MDX registry.
+export * from "./components/index.js";

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./types/index.js";
+export * from "./lib/index.js";
+export { createBlogRepository, type BlogRepository, type RepositoryOptions, type ListQuery, } from "./repository/index.js";
+export { createBlogService, resolveConfig, type BlogService, } from "./service/index.js";
+export * from "./seo/index.js";
+export { createBlogManageRoutes, createBlogAdminRoutes, createBlogSearchRoute, createBlogFeedRoute, createBlogSitemapRoute, } from "./next/routes.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EACL,oBAAoB,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,SAAS,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,KAAK,WAAW,GACjB,MAAM,oBAAoB,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAI/B,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,15 @@
+// hazo_blog/src/index.ts — server entry point.
+// Import hazo_core / hazo_connect via peer deps. Never import this from a
+// client component (it pulls in server-only repository code).
+// Domain types + the BlogConfig contract.
+export * from "./types/index.js";
+// Pure utilities (slug, reading-time, excerpt, toc).
+export * from "./lib/index.js";
+// Storage + business logic.
+export { createBlogRepository, } from "./repository/index.js";
+export { createBlogService, resolveConfig, } from "./service/index.js";
+// SEO emission helpers (also available via the `hazo_blog/seo` subpath).
+export * from "./seo/index.js";
+// Route-handler factories — React-free, so API routes can import them without
+// pulling in the React page components from `hazo_blog/next`.
+export { createBlogManageRoutes, createBlogAdminRoutes, createBlogSearchRoute, createBlogFeedRoute, createBlogSitemapRoute, } from "./next/routes.js";

package/dist/lib/analytics.d.ts

@@ -0,0 +1,4 @@
+import type { BlogAnalyticsEvent } from "../types/index.js";
+/** Emit a blog analytics event to whatever GA the host already wired. */
+export declare function trackBlogEvent(name: BlogAnalyticsEvent, params?: Record<string, unknown>): void;
+//# sourceMappingURL=analytics.d.ts.map

package/dist/lib/analytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../src/lib/analytics.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAS5D,yEAAyE;AACzE,wBAAgB,cAAc,CAC5B,IAAI,EAAE,kBAAkB,EACxB,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GACnC,IAAI,CAQN"}

package/dist/lib/analytics.js

@@ -0,0 +1,14 @@
+// Client-safe analytics emitter. Sends blog events to the host's existing GA4
+// via window.gtag, falling back to window.dataLayer. No GA script is bundled.
+/** Emit a blog analytics event to whatever GA the host already wired. */
+export function trackBlogEvent(name, params = {}) {
+    if (typeof window === "undefined")
+        return;
+    const w = window;
+    if (typeof w.gtag === "function") {
+        w.gtag("event", name, params);
+    }
+    else if (Array.isArray(w.dataLayer)) {
+        w.dataLayer.push({ event: name, ...params });
+    }
+}

package/dist/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./text.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC"}

package/dist/lib/index.js

@@ -0,0 +1,2 @@
+// hazo_blog/src/lib/index.ts — core library exports (server-safe).
+export * from "./text.js";

package/dist/lib/text.d.ts

@@ -0,0 +1,25 @@
+/** Convert a string into a URL-safe slug. */
+export declare function slugify(input: string): string;
+/**
+ * Strip MDX/Markdown down to readable plain text. Removes JSX tags, code
+ * fences, images, link syntax, headings markers, emphasis, and HTML comments.
+ * Good enough for reading-time, excerpts, and RSS descriptions.
+ */
+export declare function mdxToPlainText(mdx: string): string;
+/** Count words in a plain-text string. */
+export declare function countWords(text: string): number;
+/**
+ * Reading time in minutes from raw MDX. Mirrors the original gotimer formula:
+ * max(3, ceil(words / 220)).
+ */
+export declare function calculateReadingTime(mdx: string, wordsPerMinute?: number): number;
+/** Build a plain-text excerpt of at most `maxChars`, breaking on a word boundary. */
+export declare function buildExcerpt(mdx: string, maxChars?: number): string;
+/** Extract `{depth, text, id}` headings (h2/h3) from MDX for a table of contents. */
+export interface TocHeading {
+    depth: 2 | 3;
+    text: string;
+    id: string;
+}
+export declare function extractToc(mdx: string): TocHeading[];
+//# sourceMappingURL=text.d.ts.map

package/dist/lib/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/lib/text.ts"],"names":[],"mappings":"AAGA,6CAA6C;AAC7C,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAS7C;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAalD;AAED,0CAA0C;AAC1C,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,cAAc,SAAM,GAAG,MAAM,CAG9E;AAED,qFAAqF;AACrF,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAM,GAAG,MAAM,CAMhE;AAED,qFAAqF;AACrF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,EAAE,CAYpD"}

package/dist/lib/text.js

@@ -0,0 +1,69 @@
+// hazo_blog — pure text utilities (slug, reading-time, MDX→plaintext, excerpt).
+// No I/O, no Node builtins — safe to unit-test and import anywhere.
+/** Convert a string into a URL-safe slug. */
+export function slugify(input) {
+    return input
+        .normalize("NFKD")
+        .replace(/[̀-ͯ]/g, "") // strip diacritics
+        .toLowerCase()
+        .trim()
+        .replace(/[^a-z0-9]+/g, "-") // non-alphanumerics → hyphen
+        .replace(/^-+|-+$/g, "") // trim leading/trailing hyphens
+        .replace(/-{2,}/g, "-"); // collapse repeats
+}
+/**
+ * Strip MDX/Markdown down to readable plain text. Removes JSX tags, code
+ * fences, images, link syntax, headings markers, emphasis, and HTML comments.
+ * Good enough for reading-time, excerpts, and RSS descriptions.
+ */
+export function mdxToPlainText(mdx) {
+    return mdx
+        .replace(/<!--[\s\S]*?-->/g, " ") // html comments
+        .replace(/```[\s\S]*?```/g, " ") // fenced code blocks
+        .replace(/`[^`]*`/g, " ") // inline code
+        .replace(/<[^>]+>/g, " ") // JSX / HTML tags
+        .replace(/!\[[^\]]*\]\([^)]*\)/g, " ") // images
+        .replace(/\[([^\]]*)\]\([^)]*\)/g, "$1") // links → text
+        .replace(/^#{1,6}\s+/gm, "") // heading markers
+        .replace(/[*_~>]/g, " ") // emphasis / blockquote markers
+        .replace(/\|/g, " ") // table pipes
+        .replace(/\s+/g, " ")
+        .trim();
+}
+/** Count words in a plain-text string. */
+export function countWords(text) {
+    const trimmed = text.trim();
+    if (!trimmed)
+        return 0;
+    return trimmed.split(/\s+/).length;
+}
+/**
+ * Reading time in minutes from raw MDX. Mirrors the original gotimer formula:
+ * max(3, ceil(words / 220)).
+ */
+export function calculateReadingTime(mdx, wordsPerMinute = 220) {
+    const words = countWords(mdxToPlainText(mdx));
+    return Math.max(3, Math.ceil(words / wordsPerMinute));
+}
+/** Build a plain-text excerpt of at most `maxChars`, breaking on a word boundary. */
+export function buildExcerpt(mdx, maxChars = 160) {
+    const text = mdxToPlainText(mdx);
+    if (text.length <= maxChars)
+        return text;
+    const slice = text.slice(0, maxChars);
+    const lastSpace = slice.lastIndexOf(" ");
+    return (lastSpace > 0 ? slice.slice(0, lastSpace) : slice).trimEnd() + "…";
+}
+export function extractToc(mdx) {
+    const headings = [];
+    // Ignore content inside fenced code blocks.
+    const withoutCode = mdx.replace(/```[\s\S]*?```/g, "");
+    const re = /^(#{2,3})\s+(.+?)\s*#*\s*$/gm;
+    let m;
+    while ((m = re.exec(withoutCode)) !== null) {
+        const depth = m[1].length;
+        const text = m[2].replace(/[*_`~]/g, "").trim();
+        headings.push({ depth, text, id: slugify(text) });
+    }
+    return headings;
+}

package/dist/next/blog-content.d.ts

@@ -0,0 +1,7 @@
+import type { ResolvedBlogConfig } from "../types/index.js";
+export interface BlogContentProps {
+    source: string;
+    config: ResolvedBlogConfig;
+}
+export declare function BlogContent({ source, config }: BlogContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=blog-content.d.ts.map

package/dist/next/blog-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog-content.d.ts","sourceRoot":"","sources":["../../src/next/blog-content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAW/D"}

package/dist/next/blog-content.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Server component that renders raw MDX to HTML at build/ISR time via
+// next-mdx-remote/rsc, merging the default embed registry with host overrides.
+import { MDXRemote } from "next-mdx-remote/rsc";
+import remarkGfm from "remark-gfm";
+import { defaultMdxComponents } from "../components/mdx/index.js";
+export function BlogContent({ source, config }) {
+    const components = { ...defaultMdxComponents, ...(config.mdxComponents ?? {}) };
+    return (_jsx("div", { className: "prose prose-zinc max-w-none dark:prose-invert", children: _jsx(MDXRemote, { source: source, components: components, options: { mdxOptions: { remarkPlugins: [remarkGfm] } } }) }));
+}

package/dist/next/index.d.ts

@@ -0,0 +1,5 @@
+export { createBlogIndexPage, createBlogPostPage, createBlogTagPage, } from "./pages.js";
+export { BlogContent, type BlogContentProps } from "./blog-content.js";
+export { resolveConfig } from "../service/index.js";
+export type { BlogConfig, ResolvedBlogConfig } from "../types/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/next/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/next/index.ts"],"names":[],"mappings":"AASA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAOvE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/next/index.js

@@ -0,0 +1,15 @@
+// hazo_blog/src/next — Next.js sealed adapters the host re-exports.
+//
+// Page factories (host passes BlogConfig in a tiny file):
+//   createBlogIndexPage, createBlogPostPage, createBlogTagPage
+// Route-handler factories:
+//   createBlogManageRoutes, createBlogAdminRoutes, createBlogSearchRoute,
+//   createBlogFeedRoute, createBlogSitemapRoute
+// Server MDX renderer: BlogContent
+export { createBlogIndexPage, createBlogPostPage, createBlogTagPage, } from "./pages.js";
+export { BlogContent } from "./blog-content.js";
+// NOTE: route-handler factories (createBlogAdminRoutes, createBlogManageRoutes,
+// createBlogSearchRoute, createBlogFeedRoute, createBlogSitemapRoute) are exported
+// from the main `hazo_blog` entry — they are React-free, so API routes import them
+// without pulling in the React page components above.
+export { resolveConfig } from "../service/index.js";