@jant/core 0.3.21 → 0.3.23

package/dist/themes/minimal/pages/ArchivePage.js

@@ -0,0 +1,156 @@
+/**
+ * Minimal Theme - Archive Page
+ *
+ * Date-first list with type filter and cursor pagination.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { POST_TYPES } from "../../../types.js";
+import { Pagination as DefaultPagination } from "../../../theme/components/Pagination.js";
+function getTypeLabel(type) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const labels = {
+        note: $__i18n._({
+            id: "KiJn9B",
+            message: "Note"
+        }),
+        article: $__i18n._({
+            id: "f6e0Ry",
+            message: "Article"
+        }),
+        link: $__i18n._({
+            id: "yzF66j",
+            message: "Link"
+        }),
+        quote: $__i18n._({
+            id: "ZhhOwV",
+            message: "Quote"
+        }),
+        image: $__i18n._({
+            id: "hG89Ed",
+            message: "Image"
+        }),
+        page: $__i18n._({
+            id: "6WdDG7",
+            message: "Page"
+        })
+    };
+    return labels[type] ?? type;
+}
+function getTypeLabelPlural(type) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const labels = {
+        note: $__i18n._({
+            id: "1DBGsz",
+            message: "Notes"
+        }),
+        article: $__i18n._({
+            id: "Tt5T6+",
+            message: "Articles"
+        }),
+        link: $__i18n._({
+            id: "Rj01Fz",
+            message: "Links"
+        }),
+        quote: $__i18n._({
+            id: "eWLklq",
+            message: "Quotes"
+        }),
+        image: $__i18n._({
+            id: "an5hVd",
+            message: "Images"
+        }),
+        page: $__i18n._({
+            id: "wRR604",
+            message: "Pages"
+        })
+    };
+    return labels[type] ?? `${type}s`;
+}
+export const ArchivePage = ({ groups, hasMore, nextCursor, type, theme })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const title = type ? getTypeLabelPlural(type) : $__i18n._({
+        id: "B495Gs",
+        message: "Archive"
+    });
+    const PaginationComponent = theme?.Pagination ?? DefaultPagination;
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsxs("header", {
+                class: "mb-8",
+                children: [
+                    /*#__PURE__*/ _jsx("h1", {
+                        class: "text-2xl font-semibold",
+                        children: title
+                    }),
+                    /*#__PURE__*/ _jsxs("nav", {
+                        class: "flex flex-wrap gap-2 mt-4",
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "/archive",
+                                class: `text-sm ${!type ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+                                children: $__i18n._({
+                                    id: "N40H+G",
+                                    message: "All"
+                                })
+                            }),
+                            POST_TYPES.filter((t)=>t !== "page").map((typeKey)=>/*#__PURE__*/ _jsx("a", {
+                                    href: `/archive?type=${typeKey}`,
+                                    class: `text-sm ${type === typeKey ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+                                    children: getTypeLabelPlural(typeKey)
+                                }, typeKey))
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                children: groups.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                    class: "text-muted-foreground",
+                    children: $__i18n._({
+                        id: "Hzi9AA",
+                        message: "No posts found."
+                    })
+                }) : groups.map((group)=>/*#__PURE__*/ _jsxs("section", {
+                        class: "mb-8",
+                        children: [
+                            /*#__PURE__*/ _jsx("h2", {
+                                class: "text-lg font-medium mb-4 text-muted-foreground",
+                                children: group.label
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                class: "flex flex-col gap-3",
+                                children: group.posts.map((post)=>/*#__PURE__*/ _jsxs("article", {
+                                        class: "flex items-baseline gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("time", {
+                                                class: "text-sm text-muted-foreground w-12 shrink-0",
+                                                datetime: post.publishedAt,
+                                                children: new Date(post.publishedAt).getUTCDate()
+                                            }),
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                class: "flex-1 min-w-0",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("a", {
+                                                        href: post.permalink,
+                                                        class: "hover:underline",
+                                                        children: post.title || post.content?.slice(0, 80) || `Post #${post.id}`
+                                                    }),
+                                                    !type && /*#__PURE__*/ _jsx("span", {
+                                                        class: "ml-2 text-xs text-muted-foreground",
+                                                        children: getTypeLabel(post.type)
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }, post.id))
+                            })
+                        ]
+                    }, `${group.year}-${group.month}`))
+            }),
+            /*#__PURE__*/ _jsx(PaginationComponent, {
+                baseUrl: type ? `/archive?type=${type}` : "/archive",
+                hasMore: hasMore,
+                nextCursor: nextCursor
+            })
+        ]
+    });
+};

package/dist/themes/minimal/pages/CollectionPage.js

@@ -0,0 +1,65 @@
+/**
+ * Minimal Theme - Collection Page
+ *
+ * Simple list of posts in a collection.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export const CollectionPage = ({ collection, posts })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsxs("header", {
+                class: "mb-8",
+                children: [
+                    /*#__PURE__*/ _jsx("h1", {
+                        class: "text-2xl font-semibold",
+                        children: collection.title
+                    }),
+                    collection.description && /*#__PURE__*/ _jsx("p", {
+                        class: "text-muted-foreground mt-2",
+                        children: collection.description
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                class: "flex flex-col",
+                children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                    class: "text-muted-foreground",
+                    children: $__i18n._({
+                        id: "J4FNfC",
+                        message: "No posts in this collection."
+                    })
+                }) : posts.map((post, i)=>/*#__PURE__*/ _jsxs("article", {
+                        class: "h-entry",
+                        children: [
+                            i > 0 && /*#__PURE__*/ _jsx("hr", {
+                                class: "my-6 border-border"
+                            }),
+                            post.title && /*#__PURE__*/ _jsx("h2", {
+                                class: "p-name text-lg font-medium mb-2",
+                                children: /*#__PURE__*/ _jsx("a", {
+                                    href: post.permalink,
+                                    class: "u-url hover:underline",
+                                    children: post.title
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                class: "e-content prose prose-sm",
+                                dangerouslySetInnerHTML: {
+                                    __html: post.contentHtml || ""
+                                }
+                            }),
+                            /*#__PURE__*/ _jsx("footer", {
+                                class: "mt-2 text-sm text-muted-foreground",
+                                children: /*#__PURE__*/ _jsx("time", {
+                                    class: "dt-published",
+                                    datetime: post.publishedAt,
+                                    children: post.publishedAtFormatted
+                                })
+                            })
+                        ]
+                    }, post.id))
+            })
+        ]
+    });
+};

package/dist/themes/minimal/pages/HomePage.js

@@ -0,0 +1,25 @@
+/**
+ * Minimal Theme - Home Page
+ *
+ * Renders the timeline feed with thread previews.
+ */ import { jsx as _jsx, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { TimelineFeed as DefaultTimelineFeed } from "../timeline/TimelineFeed.js";
+export const HomePage = ({ items, hasMore, nextCursor, theme })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const Feed = theme?.TimelineFeed ?? DefaultTimelineFeed;
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: items.length === 0 ? /*#__PURE__*/ _jsx("p", {
+            class: "text-muted-foreground",
+            children: $__i18n._({
+                id: "ODiSoW",
+                message: "No posts yet."
+            })
+        }) : /*#__PURE__*/ _jsx(Feed, {
+            items: items,
+            hasMore: hasMore,
+            nextCursor: nextCursor,
+            theme: theme
+        })
+    });
+};

package/dist/themes/minimal/pages/PostPage.js

@@ -0,0 +1,47 @@
+/**
+ * Minimal Theme - Post Page
+ *
+ * Clean article layout for a single post.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { MediaGallery as DefaultMediaGallery } from "../../../theme/components/MediaGallery.js";
+export const PostPage = ({ post, theme })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const Gallery = theme?.MediaGallery ?? DefaultMediaGallery;
+    return /*#__PURE__*/ _jsxs("article", {
+        class: "h-entry",
+        children: [
+            post.title && /*#__PURE__*/ _jsx("h1", {
+                class: "p-name text-2xl font-semibold mb-4",
+                children: post.title
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "e-content prose",
+                dangerouslySetInnerHTML: {
+                    __html: post.contentHtml || ""
+                }
+            }),
+            post.media.length > 0 && /*#__PURE__*/ _jsx(Gallery, {
+                attachments: post.media
+            }),
+            /*#__PURE__*/ _jsxs("footer", {
+                class: "mt-8 pt-4 border-t border-border text-sm text-muted-foreground",
+                children: [
+                    /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
+                    }),
+                    /*#__PURE__*/ _jsx("a", {
+                        href: post.permalink,
+                        class: "u-url ml-4 hover:underline",
+                        children: $__i18n._({
+                            id: "D9Oea+",
+                            message: "Permalink"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/themes/minimal/pages/SearchPage.js

@@ -0,0 +1,121 @@
+/**
+ * Minimal Theme - Search Page
+ *
+ * Minimal search form + results with page-based pagination.
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { PagePagination as DefaultPagePagination } from "../../../theme/components/Pagination.js";
+export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const searchTitle = $__i18n._({
+        id: "A1taO8",
+        message: "Search"
+    });
+    const PaginationComponent = theme?.PagePagination ?? DefaultPagePagination;
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-6",
+                children: searchTitle
+            }),
+            /*#__PURE__*/ _jsx("form", {
+                method: "get",
+                action: "/search",
+                class: "mb-8",
+                children: /*#__PURE__*/ _jsxs("div", {
+                    class: "flex gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsx("input", {
+                            type: "search",
+                            name: "q",
+                            class: "input flex-1",
+                            placeholder: $__i18n._({
+                                id: "MqghUt",
+                                message: "Search posts..."
+                            }),
+                            value: query,
+                            autofocus: true
+                        }),
+                        /*#__PURE__*/ _jsx("button", {
+                            type: "submit",
+                            class: "btn",
+                            children: $__i18n._({
+                                id: "A1taO8",
+                                message: "Search"
+                            })
+                        })
+                    ]
+                })
+            }),
+            error && /*#__PURE__*/ _jsx("div", {
+                class: "alert-destructive mb-6",
+                children: /*#__PURE__*/ _jsx("h2", {
+                    children: error
+                })
+            }),
+            query && !error && /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        class: "text-sm text-muted-foreground mb-4",
+                        children: results.length === 0 ? $__i18n._({
+                            id: "MZbQHL",
+                            message: "No results found."
+                        }) : results.length === 1 ? $__i18n._({
+                            id: "z8ajIE",
+                            message: "Found 1 result"
+                        }) : $__i18n._({
+                            id: "zH6KqE",
+                            message: "Found {count} results"
+                        })
+                    }),
+                    results.length > 0 && /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                class: "flex flex-col gap-4",
+                                children: results.map((result)=>/*#__PURE__*/ _jsx("article", {
+                                        class: "py-3",
+                                        children: /*#__PURE__*/ _jsxs("a", {
+                                            href: result.post.permalink,
+                                            class: "block group",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("h2", {
+                                                    class: "font-medium group-hover:underline",
+                                                    children: result.post.title || result.post.content?.slice(0, 60) || `Post #${result.post.id}`
+                                                }),
+                                                result.snippet && /*#__PURE__*/ _jsx("p", {
+                                                    class: "text-sm text-muted-foreground mt-1 line-clamp-2",
+                                                    dangerouslySetInnerHTML: {
+                                                        __html: result.snippet
+                                                    }
+                                                }),
+                                                /*#__PURE__*/ _jsxs("footer", {
+                                                    class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("span", {
+                                                            children: result.post.type
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("span", {
+                                                            children: "·"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("time", {
+                                                            datetime: result.post.publishedAt,
+                                                            children: result.post.publishedAtFormatted
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    }, result.post.id))
+                            }),
+                            /*#__PURE__*/ _jsx(PaginationComponent, {
+                                baseUrl: `/search?q=${encodeURIComponent(query)}`,
+                                currentPage: page,
+                                hasMore: hasMore
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/themes/minimal/pages/SinglePage.js

@@ -0,0 +1,22 @@
+/**
+ * Minimal Theme - Single Page
+ *
+ * Simple page content layout for type="page" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export const SinglePage = ({ page })=>{
+    return /*#__PURE__*/ _jsxs("article", {
+        class: "h-entry",
+        children: [
+            page.title && /*#__PURE__*/ _jsx("h1", {
+                class: "p-name text-2xl font-semibold mb-6",
+                children: page.title
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "e-content prose",
+                dangerouslySetInnerHTML: {
+                    __html: page.contentHtml || ""
+                }
+            })
+        ]
+    });
+};

package/dist/themes/minimal/timeline/ArticleCard.js

@@ -0,0 +1,36 @@
+/**
+ * Minimal Theme - Article Card
+ *
+ * Title + excerpt, borderless, for type="article" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export const ArticleCard = ({ post, compact })=>{
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry${compact ? " text-sm" : ""}`,
+        children: [
+            post.title && /*#__PURE__*/ _jsx("h2", {
+                class: `p-name font-semibold ${compact ? "text-sm" : "text-lg"}`,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "u-url hover:underline",
+                    children: post.title
+                })
+            }),
+            !compact && post.excerpt && /*#__PURE__*/ _jsx("p", {
+                class: "e-content text-muted-foreground mt-1 line-clamp-3",
+                children: post.excerpt
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
+                    })
+                })
+            })
+        ]
+    });
+};

package/dist/themes/minimal/timeline/ImageCard.js

@@ -0,0 +1,67 @@
+/**
+ * Minimal Theme - Image Card
+ *
+ * Inline images with no card frame for type="image" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { MediaGallery } from "../../../theme/components/MediaGallery.js";
+export const ImageCard = ({ post, compact })=>{
+    if (compact) {
+        return /*#__PURE__*/ _jsxs("article", {
+            class: "h-entry text-sm",
+            children: [
+                post.title && /*#__PURE__*/ _jsx("h2", {
+                    class: "p-name font-medium text-sm",
+                    children: /*#__PURE__*/ _jsx("a", {
+                        href: post.permalink,
+                        class: "u-url hover:underline",
+                        children: post.title
+                    })
+                }),
+                post.contentHtml && /*#__PURE__*/ _jsx("div", {
+                    class: "e-content prose prose-sm text-muted-foreground",
+                    dangerouslySetInnerHTML: {
+                        __html: post.contentHtml
+                    }
+                }),
+                /*#__PURE__*/ _jsx("footer", {
+                    class: "mt-1",
+                    children: /*#__PURE__*/ _jsx("a", {
+                        href: post.permalink,
+                        class: "u-url text-xs text-muted-foreground hover:text-foreground",
+                        children: /*#__PURE__*/ _jsx("time", {
+                            class: "dt-published",
+                            datetime: post.publishedAt,
+                            children: post.publishedAtFormatted
+                        })
+                    })
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs("article", {
+        class: "h-entry",
+        children: [
+            post.contentHtml && /*#__PURE__*/ _jsx("div", {
+                class: "e-content prose prose-sm",
+                dangerouslySetInnerHTML: {
+                    __html: post.contentHtml
+                }
+            }),
+            post.media.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
+                attachments: post.media
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
+                    })
+                })
+            })
+        ]
+    });
+};

package/dist/themes/minimal/timeline/LinkCard.js

@@ -0,0 +1,47 @@
+/**
+ * Minimal Theme - Link Card
+ *
+ * Subtle external link indicator for type="link" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export const LinkCard = ({ post, compact })=>{
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry${compact ? " text-sm" : ""}`,
+        children: [
+            post.title && /*#__PURE__*/ _jsx("h2", {
+                class: `p-name font-semibold ${compact ? "text-sm" : "text-base"}`,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.sourceUrl || post.permalink,
+                    class: "u-url hover:underline",
+                    target: post.sourceUrl ? "_blank" : undefined,
+                    rel: post.sourceUrl ? "noopener noreferrer" : undefined,
+                    children: post.title
+                })
+            }),
+            post.sourceDomain && /*#__PURE__*/ _jsxs("div", {
+                class: "text-xs text-muted-foreground mt-0.5",
+                children: [
+                    "↗ ",
+                    post.sourceDomain
+                ]
+            }),
+            !compact && post.contentHtml && /*#__PURE__*/ _jsx("div", {
+                class: "e-content prose prose-sm text-muted-foreground mt-1",
+                dangerouslySetInnerHTML: {
+                    __html: post.contentHtml
+                }
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "text-xs text-muted-foreground hover:text-foreground",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
+                    })
+                })
+            })
+        ]
+    });
+};

package/dist/themes/minimal/timeline/NoteCard.js

@@ -0,0 +1,34 @@
+/**
+ * Minimal Theme - Note Card
+ *
+ * Borderless, content-first card for type="note" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { MediaGallery } from "../../../theme/components/MediaGallery.js";
+export const NoteCard = ({ post, compact })=>{
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry${compact ? " text-sm" : ""}`,
+        children: [
+            post.contentHtml && /*#__PURE__*/ _jsx("div", {
+                class: `e-content prose ${compact ? "prose-sm" : ""}`,
+                dangerouslySetInnerHTML: {
+                    __html: post.contentHtml
+                }
+            }),
+            !compact && post.media.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
+                attachments: post.media
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
+                    })
+                })
+            })
+        ]
+    });
+};