@jant/core 0.3.20 → 0.3.22

package/dist/theme/components/timeline/TimelineItem.js

@@ -2,6 +2,7 @@
  * Timeline Item Component
  *
  * Dispatches to the correct card component based on post type.
+ * Resolves card overrides from theme components if provided.
  */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 import { NoteCard } from "./NoteCard.js";
 import { ArticleCard } from "./ArticleCard.js";
@@ -16,10 +17,29 @@ const CARD_MAP = {
     image: ImageCard,
     page: NoteCard
 };
-export const TimelineItem = ({ item, compact, cardOverride })=>{
-    const Card = cardOverride ?? CARD_MAP[item.post.type];
+const THEME_KEY_MAP = {
+    note: "NoteCard",
+    article: "ArticleCard",
+    link: "LinkCard",
+    quote: "QuoteCard",
+    image: "ImageCard",
+    page: "NoteCard"
+};
+export const TimelineItem = ({ item, compact, cardOverride, theme })=>{
+    const themeKey = THEME_KEY_MAP[item.post.type];
+    const themeCard = theme?.[themeKey];
+    const Card = cardOverride ?? themeCard ?? CARD_MAP[item.post.type];
     return /*#__PURE__*/ _jsx(Card, {
         post: item.post,
         compact: compact
     });
 };
+export const TimelineItemFromPost = ({ post, compact, cardOverride, theme })=>{
+    const themeKey = THEME_KEY_MAP[post.type];
+    const themeCard = theme?.[themeKey];
+    const Card = cardOverride ?? themeCard ?? CARD_MAP[post.type];
+    return /*#__PURE__*/ _jsx(Card, {
+        post: post,
+        compact: compact
+    });
+};

package/dist/theme/components/timeline/index.js

@@ -4,5 +4,5 @@ export { LinkCard } from "./LinkCard.js";
 export { QuoteCard } from "./QuoteCard.js";
 export { ImageCard } from "./ImageCard.js";
 export { ThreadPreview } from "./ThreadPreview.js";
-export { TimelineItem } from "./TimelineItem.js";
+export { TimelineItem, TimelineItemFromPost } from "./TimelineItem.js";
 export { TimelineFeed } from "./TimelineFeed.js";

package/dist/theme/index.js

@@ -5,12 +5,13 @@
  *
  * @example
  * ```typescript
- * import { PostCard } from "@jant/core/theme";
+ * import { PostPage } from "@jant/core/theme";
+ * import type { PostPageProps } from "@jant/core";
  *
- * export function MyPostCard(props) {
+ * export function MyPostPage(props: PostPageProps) {
  *   return (
  *     <div class="my-wrapper">
- *       <PostCard {...props} />
+ *       <PostPage {...props} />
  *     </div>
  *   );
  * }
@@ -19,3 +20,5 @@
 export * from "./layouts/index.js";
 // UI components
 export * from "./components/index.js";
+// Page components
+export * from "./pages/index.js";

package/dist/theme/layouts/SiteLayout.js

@@ -4,58 +4,31 @@
  * Two-column layout for public pages with sidebar navigation.
  * On mobile, uses a slide-out drawer menu.
  */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-/**
- * Determine if a navigation link is active based on the current path.
- *
- * @param linkUrl - The link's URL
- * @param currentPath - The current page path
- * @returns Whether the link should be shown as active
- */ function isLinkActive(linkUrl, currentPath) {
-    // External links are never active
-    if (linkUrl.startsWith("http://") || linkUrl.startsWith("https://")) {
-        return false;
-    }
-    // Exact match for home
-    if (linkUrl === "/") {
-        return currentPath === "/";
-    }
-    // Prefix match for other internal links
-    return currentPath === linkUrl || currentPath.startsWith(linkUrl + "/");
-}
-/**
- * Check if a URL is external
- */ function isExternalUrl(url) {
-    return url.startsWith("http://") || url.startsWith("https://");
-}
 /**
  * Render navigation links with dot indicator for active state.
- */ function NavLinks({ navigationLinks, currentPath }) {
+ */ function NavLinks({ links }) {
     return /*#__PURE__*/ _jsx(_Fragment, {
-        children: navigationLinks.map((link)=>{
-            const active = isLinkActive(link.url, currentPath);
-            const external = isExternalUrl(link.url);
-            return /*#__PURE__*/ _jsxs("a", {
+        children: links.map((link)=>/*#__PURE__*/ _jsxs("a", {
                 href: link.url,
-                class: `text-sm flex items-center gap-2 py-0.5 ${active ? "text-primary font-medium" : "text-muted-foreground hover:text-foreground"}`,
-                ...external ? {
+                class: `text-sm flex items-center gap-2 py-0.5 ${link.isActive ? "text-primary font-medium" : "text-muted-foreground hover:text-foreground"}`,
+                ...link.isExternal ? {
                     target: "_blank",
                     rel: "noopener noreferrer"
                 } : {},
                 children: [
                     /*#__PURE__*/ _jsx("span", {
-                        class: `size-1.5 rounded-full shrink-0 ${active ? "bg-primary" : "bg-transparent"}`
+                        class: `size-1.5 rounded-full shrink-0 ${link.isActive ? "bg-primary" : "bg-transparent"}`
                     }),
                     link.label,
-                    external && /*#__PURE__*/ _jsx("span", {
+                    link.isExternal && /*#__PURE__*/ _jsx("span", {
                         class: "ml-1 text-xs opacity-50",
                         children: "↗"
                     })
                 ]
-            }, link.id);
-        })
+            }, link.id))
     });
 }
-export const SiteLayout = ({ siteName, navigationLinks, currentPath, children })=>{
+export const SiteLayout = ({ siteName, links, children })=>{
     return /*#__PURE__*/ _jsxs("div", {
         class: "container py-8 md:flex md:gap-12",
         "data-signals": JSON.stringify({
@@ -128,8 +101,7 @@ export const SiteLayout = ({ siteName, navigationLinks, currentPath, children })
                     /*#__PURE__*/ _jsx("nav", {
                         class: "flex flex-col gap-0.5",
                         children: /*#__PURE__*/ _jsx(NavLinks, {
-                            navigationLinks: navigationLinks,
-                            currentPath: currentPath
+                            links: links
                         })
                     })
                 ]
@@ -145,8 +117,7 @@ export const SiteLayout = ({ siteName, navigationLinks, currentPath, children })
                     /*#__PURE__*/ _jsx("nav", {
                         class: "flex flex-col gap-0.5",
                         children: /*#__PURE__*/ _jsx(NavLinks, {
-                            navigationLinks: navigationLinks,
-                            currentPath: currentPath
+                            links: links
                         })
                     })
                 ]

package/dist/theme/pages/ArchivePage.js

@@ -0,0 +1,157 @@
+/**
+ * Default Archive Page Component
+ *
+ * Renders posts grouped by year-month with type filter and cursor pagination.
+ * Theme authors can replace this entirely via ThemeComponents.ArchivePage.
+ */ 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 "../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: `badge ${!type ? "badge-primary" : "badge-outline"}`,
+                                children: $__i18n._({
+                                    id: "N40H+G",
+                                    message: "All"
+                                })
+                            }),
+                            POST_TYPES.filter((t)=>t !== "page").map((typeKey)=>/*#__PURE__*/ _jsx("a", {
+                                    href: `/archive?type=${typeKey}`,
+                                    class: `badge ${type === typeKey ? "badge-primary" : "badge-outline"}`,
+                                    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 badge-outline text-xs",
+                                                        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/theme/pages/CollectionPage.js

@@ -0,0 +1,63 @@
+/**
+ * Default Collection Page Component
+ *
+ * Renders a collection with its posts.
+ * Theme authors can replace this entirely via ThemeComponents.CollectionPage.
+ */ 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 gap-6",
+                children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                    class: "text-muted-foreground",
+                    children: $__i18n._({
+                        id: "J4FNfC",
+                        message: "No posts in this collection."
+                    })
+                }) : posts.map((post)=>/*#__PURE__*/ _jsxs("article", {
+                        class: "h-entry",
+                        children: [
+                            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/theme/pages/HomePage.js

@@ -0,0 +1,26 @@
+/**
+ * Default Home Page Component
+ *
+ * Renders the timeline feed with thread previews.
+ * Theme authors can replace this entirely via ThemeComponents.HomePage.
+ */ 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 "../components/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/theme/pages/PostPage.js

@@ -0,0 +1,48 @@
+/**
+ * Default Post Page Component
+ *
+ * Renders a single post with media gallery.
+ * Theme authors can replace this entirely via ThemeComponents.PostPage.
+ */ 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 "../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-6 pt-4 border-t 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",
+                        children: $__i18n._({
+                            id: "D9Oea+",
+                            message: "Permalink"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/theme/pages/SearchPage.js

@@ -0,0 +1,120 @@
+/**
+ * Default Search Page Component
+ *
+ * Renders search form and results with page-based pagination.
+ * Theme authors can replace this entirely via ThemeComponents.SearchPage.
+ */ 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 "../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: "p-4 rounded-lg border hover:border-primary",
+                                        children: /*#__PURE__*/ _jsxs("a", {
+                                            href: result.post.permalink,
+                                            class: "block",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("h2", {
+                                                    class: "font-medium 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-2 line-clamp-2",
+                                                    dangerouslySetInnerHTML: {
+                                                        __html: result.snippet
+                                                    }
+                                                }),
+                                                /*#__PURE__*/ _jsxs("footer", {
+                                                    class: "flex items-center gap-2 mt-2 text-xs text-muted-foreground",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("span", {
+                                                            class: "badge-outline",
+                                                            children: result.post.type
+                                                        }),
+                                                        /*#__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/theme/pages/SinglePage.js

@@ -0,0 +1,23 @@
+/**
+ * Default Single Page Component
+ *
+ * Renders a custom page (type "page").
+ * Theme authors can replace this entirely via ThemeComponents.SinglePage.
+ */ 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-3xl font-semibold mb-6",
+                children: page.title
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "e-content prose",
+                dangerouslySetInnerHTML: {
+                    __html: page.contentHtml || ""
+                }
+            })
+        ]
+    });
+};

package/dist/theme/pages/index.js

@@ -0,0 +1,11 @@
+/**
+ * Default Page Components
+ *
+ * These are the built-in page components that render each public page.
+ * Theme authors can import these to wrap/extend them.
+ */ export { HomePage } from "./HomePage.js";
+export { PostPage } from "./PostPage.js";
+export { SinglePage } from "./SinglePage.js";
+export { ArchivePage } from "./ArchivePage.js";
+export { SearchPage } from "./SearchPage.js";
+export { CollectionPage } from "./CollectionPage.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jant/core",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "description": "A modern, open-source microblogging platform built on Cloudflare Workers",
   "type": "module",
   "bin": {
@@ -45,6 +45,7 @@
     "zod": "^4.3.6"
   },
   "peerDependencies": {
+    "hono": "^4.0.0",
     "tailwindcss": "^4.0.0"
   },
   "devDependencies": {