@jant/core 0.3.6 → 0.3.8

package/dist/theme/components/PostForm.js

@@ -2,16 +2,21 @@
  * Post Creation/Edit Form
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const PostForm = ({ post, action })=>{
+import { getMediaUrl, getImageUrl } from "../../lib/image.js";
+export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTransformUrl, collections, postCollectionIds })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const isEdit = !!post;
+    const existingMediaIds = (mediaAttachments ?? []).map((m)=>m.id);
     const signals = JSON.stringify({
         type: post?.type ?? "note",
         title: post?.title ?? "",
         content: post?.content ?? "",
         sourceUrl: post?.sourceUrl ?? "",
+        sourceName: post?.sourceName ?? "",
         visibility: post?.visibility ?? "quiet",
-        path: post?.path ?? ""
+        path: post?.path ?? "",
+        mediaIds: existingMediaIds,
+        collectionIds: postCollectionIds ?? []
     }).replace(/</g, "\\u003c");
     return /*#__PURE__*/ _jsxs("form", {
         "data-signals": signals,
@@ -123,6 +128,70 @@ export const PostForm = ({ post, action })=>{
                     })
                 ]
             }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "field",
+                "data-show": "$type !== 'page'",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        class: "label",
+                        children: $__i18n._({
+                            id: "xYilR2",
+                            message: "Media"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        class: "text-xs text-muted-foreground mb-2",
+                        "data-show": "$type === 'image'",
+                        children: $__i18n._({
+                            id: "I8hDlV",
+                            message: "At least 1 image required for image posts."
+                        })
+                    }),
+                    mediaAttachments && mediaAttachments.length > 0 && /*#__PURE__*/ _jsx("div", {
+                        class: "grid grid-cols-4 sm:grid-cols-6 gap-2 mb-2",
+                        children: mediaAttachments.map((m)=>{
+                            const url = getMediaUrl(m.id, m.r2Key, r2PublicUrl);
+                            const thumbUrl = getImageUrl(url, imageTransformUrl, {
+                                width: 150,
+                                quality: 80,
+                                format: "auto",
+                                fit: "cover"
+                            });
+                            return /*#__PURE__*/ _jsxs("div", {
+                                class: "relative group aspect-square",
+                                "data-show": `$mediaIds.includes('${m.id}')`,
+                                children: [
+                                    /*#__PURE__*/ _jsx("img", {
+                                        src: thumbUrl,
+                                        alt: m.alt || m.originalName,
+                                        class: "w-full h-full object-cover rounded-lg border",
+                                        loading: "lazy"
+                                    }),
+                                    /*#__PURE__*/ _jsx("button", {
+                                        type: "button",
+                                        class: "absolute top-1 right-1 w-5 h-5 flex items-center justify-center bg-black/60 text-white rounded-full text-xs opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer",
+                                        "data-on:click": `$mediaIds = $mediaIds.filter(id => id !== '${m.id}')`,
+                                        title: $__i18n._({
+                                            id: "t/YqKh",
+                                            message: "Remove"
+                                        }),
+                                        children: "×"
+                                    })
+                                ]
+                            }, m.id);
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        class: "btn-outline text-sm",
+                        "data-on:click": "document.getElementById('media-picker-dialog').showModal(); fetch('/dash/media/picker').then(r => r.text()).then(html => document.getElementById('media-picker-grid').innerHTML = html)",
+                        children: $__i18n._({
+                            id: "qiXmlF",
+                            message: "Add Media"
+                        })
+                    })
+                ]
+            }),
             /*#__PURE__*/ _jsxs("div", {
                 class: "field",
                 children: [
@@ -141,6 +210,27 @@ export const PostForm = ({ post, action })=>{
                     })
                 ]
             }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "field",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        class: "label",
+                        children: $__i18n._({
+                            id: "oJFOZk",
+                            message: "Source Name (optional)"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("input", {
+                        type: "text",
+                        "data-bind": "sourceName",
+                        class: "input",
+                        placeholder: $__i18n._({
+                            id: "1o+wgo",
+                            message: "e.g. The Verge, John Doe"
+                        })
+                    })
+                ]
+            }),
             /*#__PURE__*/ _jsxs("div", {
                 class: "field",
                 children: [
@@ -191,6 +281,33 @@ export const PostForm = ({ post, action })=>{
                     })
                 ]
             }),
+            collections && collections.length > 0 && /*#__PURE__*/ _jsxs("fieldset", {
+                class: "field",
+                children: [
+                    /*#__PURE__*/ _jsx("legend", {
+                        class: "label",
+                        children: $__i18n._({
+                            id: "MWBOxm",
+                            message: "Collections (optional)"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        class: "flex flex-col gap-1",
+                        children: collections.map((col)=>/*#__PURE__*/ _jsxs("label", {
+                                class: "flex items-center gap-2 text-sm",
+                                children: [
+                                    /*#__PURE__*/ _jsx("input", {
+                                        type: "checkbox",
+                                        class: "checkbox",
+                                        "data-attr:checked": `$collectionIds.includes(${col.id})`,
+                                        "data-on:change": `$collectionIds.includes(${col.id}) ? $collectionIds = $collectionIds.filter(id => id !== ${col.id}) : $collectionIds = [...$collectionIds, ${col.id}]`
+                                    }),
+                                    col.title
+                                ]
+                            }, col.id))
+                    })
+                ]
+            }),
             /*#__PURE__*/ _jsxs("div", {
                 class: "field",
                 children: [
@@ -232,6 +349,45 @@ export const PostForm = ({ post, action })=>{
                         })
                     })
                 ]
+            }),
+            /*#__PURE__*/ _jsxs("dialog", {
+                id: "media-picker-dialog",
+                class: "p-6 rounded-lg max-w-2xl w-full backdrop:bg-black/50",
+                onclick: "event.target === this && this.close()",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex items-center justify-between mb-4",
+                        children: [
+                            /*#__PURE__*/ _jsx("h2", {
+                                class: "text-lg font-semibold",
+                                children: $__i18n._({
+                                    id: "2fUwEY",
+                                    message: "Select Media"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("button", {
+                                type: "button",
+                                class: "btn-outline text-sm",
+                                onclick: "this.closest('dialog').close()",
+                                children: $__i18n._({
+                                    id: "DPfwMq",
+                                    message: "Done"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        id: "media-picker-grid",
+                        class: "grid grid-cols-4 gap-2 max-h-96 overflow-y-auto",
+                        children: /*#__PURE__*/ _jsx("p", {
+                            class: "text-muted-foreground text-sm col-span-4",
+                            children: $__i18n._({
+                                id: "Z3FXyt",
+                                message: "Loading..."
+                            })
+                        })
+                    })
+                ]
             })
         ]
     });

package/dist/theme/components/PostList.js

@@ -37,6 +37,11 @@ export const PostList = ({ posts })=>{
                     viewLabel: $__i18n._({
                         id: "jpctdh",
                         message: "View"
+                    }),
+                    deleteAction: `/dash/posts/${sqid.encode(post.id)}/delete`,
+                    deleteConfirm: $__i18n._({
+                        id: "KmGXnO",
+                        message: "Are you sure you want to delete this post? This cannot be undone."
                     })
                 }),
                 children: [

package/dist/theme/components/index.js

@@ -3,6 +3,7 @@ export { CrudPageHeader } from "./CrudPageHeader.js";
 export { DangerZone } from "./DangerZone.js";
 export { EmptyState } from "./EmptyState.js";
 export { ListItemRow } from "./ListItemRow.js";
+export { MediaGallery } from "./MediaGallery.js";
 export { PageForm } from "./PageForm.js";
 export { Pagination, LoadMore, PagePagination } from "./Pagination.js";
 export { PostForm } from "./PostForm.js";
@@ -10,3 +11,5 @@ export { PostList } from "./PostList.js";
 export { ThreadView } from "./ThreadView.js";
 export { TypeBadge } from "./TypeBadge.js";
 export { VisibilityBadge } from "./VisibilityBadge.js";
+// Timeline components
+export { NoteCard, ArticleCard, LinkCard, QuoteCard, ImageCard, ThreadPreview, TimelineItem, TimelineFeed } from "./timeline/index.js";

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

@@ -0,0 +1,50 @@
+/**
+ * Article Card Component
+ *
+ * Prominent title + excerpt for type="article" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import * as sqid from "../../../lib/sqid.js";
+import * as time from "../../../lib/time.js";
+export const ArticleCard = ({ post, compact })=>{
+    const permalink = `/p/${sqid.encode(post.id)}`;
+    const excerpt = post.content ? post.content.length > 160 ? post.content.slice(0, 160) + "..." : post.content : null;
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry timeline-card${compact ? " timeline-card-compact" : ""}`,
+        children: [
+            post.title && /*#__PURE__*/ _jsx("h2", {
+                class: `p-name font-semibold ${compact ? "text-sm" : "text-lg"} mb-1`,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: permalink,
+                    class: "u-url hover:underline",
+                    children: post.title
+                })
+            }),
+            !compact && excerpt && /*#__PURE__*/ _jsx("p", {
+                class: "e-content text-sm text-muted-foreground line-clamp-3",
+                children: excerpt
+            }),
+            /*#__PURE__*/ _jsxs("footer", {
+                class: "mt-2 text-xs text-muted-foreground",
+                children: [
+                    /*#__PURE__*/ _jsx("a", {
+                        href: permalink,
+                        class: "u-url hover:underline",
+                        children: /*#__PURE__*/ _jsx("time", {
+                            class: "dt-published",
+                            datetime: time.toISOString(post.publishedAt),
+                            children: time.formatDate(post.publishedAt)
+                        })
+                    }),
+                    !compact && /*#__PURE__*/ _jsx("span", {
+                        class: "ml-2",
+                        children: /*#__PURE__*/ _jsx("a", {
+                            href: permalink,
+                            class: "hover:underline",
+                            children: "Read more →"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

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

@@ -0,0 +1,86 @@
+/**
+ * Image Card Component
+ *
+ * Image-first layout for type="image" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { MediaGallery } from "../MediaGallery.js";
+import * as sqid from "../../../lib/sqid.js";
+import * as time from "../../../lib/time.js";
+export const ImageCard = ({ post, compact })=>{
+    const permalink = `/p/${sqid.encode(post.id)}`;
+    if (compact) {
+        return /*#__PURE__*/ _jsxs("article", {
+            class: "h-entry timeline-card timeline-card-compact",
+            children: [
+                post.title && /*#__PURE__*/ _jsx("h2", {
+                    class: "p-name text-sm font-medium mb-1",
+                    children: /*#__PURE__*/ _jsx("a", {
+                        href: 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 text-xs text-muted-foreground",
+                    children: /*#__PURE__*/ _jsx("a", {
+                        href: permalink,
+                        class: "u-url hover:underline",
+                        children: /*#__PURE__*/ _jsx("time", {
+                            class: "dt-published",
+                            datetime: time.toISOString(post.publishedAt),
+                            children: time.formatDate(post.publishedAt)
+                        })
+                    })
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs("article", {
+        class: "h-entry timeline-card timeline-card-image",
+        children: [
+            post.mediaAttachments.length > 0 && /*#__PURE__*/ _jsx("div", {
+                class: "timeline-card-image-gallery",
+                children: /*#__PURE__*/ _jsx(MediaGallery, {
+                    attachments: post.mediaAttachments
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "p-4",
+                children: [
+                    post.title && /*#__PURE__*/ _jsx("h2", {
+                        class: "p-name font-medium mb-1",
+                        children: /*#__PURE__*/ _jsx("a", {
+                            href: permalink,
+                            class: "u-url hover:underline",
+                            children: post.title
+                        })
+                    }),
+                    post.contentHtml && /*#__PURE__*/ _jsx("div", {
+                        class: "e-content prose prose-sm",
+                        dangerouslySetInnerHTML: {
+                            __html: post.contentHtml
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx("footer", {
+                        class: "mt-2 text-xs text-muted-foreground",
+                        children: /*#__PURE__*/ _jsx("a", {
+                            href: permalink,
+                            class: "u-url hover:underline",
+                            children: /*#__PURE__*/ _jsx("time", {
+                                class: "dt-published",
+                                datetime: time.toISOString(post.publishedAt),
+                                children: time.formatDate(post.publishedAt)
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

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

@@ -0,0 +1,62 @@
+/**
+ * Link Card Component
+ *
+ * External link emphasis for type="link" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import * as sqid from "../../../lib/sqid.js";
+import * as time from "../../../lib/time.js";
+export const LinkCard = ({ post, compact })=>{
+    const permalink = `/p/${sqid.encode(post.id)}`;
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry timeline-card timeline-card-link${compact ? " timeline-card-compact" : ""}`,
+        children: [
+            post.sourceDomain && /*#__PURE__*/ _jsxs("div", {
+                class: "text-xs text-muted-foreground mb-1 flex items-center gap-1",
+                children: [
+                    /*#__PURE__*/ _jsx("svg", {
+                        class: "size-3",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        "stroke-width": "2",
+                        stroke: "currentColor",
+                        children: /*#__PURE__*/ _jsx("path", {
+                            d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        children: post.sourceDomain
+                    })
+                ]
+            }),
+            post.title && /*#__PURE__*/ _jsx("h2", {
+                class: `p-name font-semibold ${compact ? "text-sm" : "text-base"} mb-1`,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.sourceUrl || permalink,
+                    class: "u-url hover:underline",
+                    target: post.sourceUrl ? "_blank" : undefined,
+                    rel: post.sourceUrl ? "noopener noreferrer" : undefined,
+                    children: post.title
+                })
+            }),
+            !compact && post.contentHtml && /*#__PURE__*/ _jsx("div", {
+                class: "e-content prose prose-sm text-muted-foreground",
+                dangerouslySetInnerHTML: {
+                    __html: post.contentHtml
+                }
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2 text-xs text-muted-foreground",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: permalink,
+                    class: "hover:underline",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: time.toISOString(post.publishedAt),
+                        children: time.formatDate(post.publishedAt)
+                    })
+                })
+            })
+        ]
+    });
+};

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

@@ -0,0 +1,37 @@
+/**
+ * Note Card Component
+ *
+ * Text-first, minimal card for type="note" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { MediaGallery } from "../MediaGallery.js";
+import * as sqid from "../../../lib/sqid.js";
+import * as time from "../../../lib/time.js";
+export const NoteCard = ({ post, compact })=>{
+    const permalink = `/p/${sqid.encode(post.id)}`;
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry timeline-card${compact ? " timeline-card-compact" : ""}`,
+        children: [
+            post.contentHtml && /*#__PURE__*/ _jsx("div", {
+                class: `e-content prose ${compact ? "prose-sm" : "prose-sm"}`,
+                dangerouslySetInnerHTML: {
+                    __html: post.contentHtml
+                }
+            }),
+            !compact && post.mediaAttachments.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
+                attachments: post.mediaAttachments
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2 text-xs text-muted-foreground",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: permalink,
+                    class: "u-url hover:underline",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: time.toISOString(post.publishedAt),
+                        children: time.formatDate(post.publishedAt)
+                    })
+                })
+            })
+        ]
+    });
+};

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

@@ -0,0 +1,51 @@
+/**
+ * Quote Card Component
+ *
+ * Blockquote + attribution for type="quote" posts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import * as sqid from "../../../lib/sqid.js";
+import * as time from "../../../lib/time.js";
+export const QuoteCard = ({ post, compact })=>{
+    const permalink = `/p/${sqid.encode(post.id)}`;
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry timeline-card timeline-card-quote${compact ? " timeline-card-compact" : ""}`,
+        children: [
+            post.contentHtml && /*#__PURE__*/ _jsx("blockquote", {
+                class: `e-content italic ${compact ? "text-sm" : "text-base"} leading-relaxed`,
+                children: /*#__PURE__*/ _jsx("div", {
+                    dangerouslySetInnerHTML: {
+                        __html: post.contentHtml
+                    }
+                })
+            }),
+            !compact && (post.sourceName || post.sourceUrl) && /*#__PURE__*/ _jsxs("div", {
+                class: "mt-2 text-sm text-muted-foreground",
+                children: [
+                    "—",
+                    " ",
+                    post.sourceUrl ? /*#__PURE__*/ _jsx("a", {
+                        href: post.sourceUrl,
+                        class: "hover:underline",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: post.sourceName || post.sourceDomain || "Source"
+                    }) : /*#__PURE__*/ _jsx("span", {
+                        children: post.sourceName
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2 text-xs text-muted-foreground",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: permalink,
+                    class: "u-url hover:underline",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: time.toISOString(post.publishedAt),
+                        children: time.formatDate(post.publishedAt)
+                    })
+                })
+            })
+        ]
+    });
+};

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

@@ -0,0 +1,52 @@
+/**
+ * Thread Preview Component
+ *
+ * Inline thread preview: root card + compact replies + "show more" link.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { TimelineItem } from "./TimelineItem.js";
+import * as sqid from "../../../lib/sqid.js";
+export const ThreadPreview = ({ rootPost, previewReplies, totalReplyCount })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const permalink = `/p/${sqid.encode(rootPost.id)}`;
+    const remainingCount = totalReplyCount - previewReplies.length;
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "timeline-thread",
+        children: [
+            /*#__PURE__*/ _jsx(TimelineItem, {
+                item: {
+                    post: rootPost
+                }
+            }),
+            previewReplies.length > 0 && /*#__PURE__*/ _jsxs("div", {
+                class: "timeline-thread-replies",
+                children: [
+                    previewReplies.map((reply)=>/*#__PURE__*/ _jsx("div", {
+                            class: "timeline-thread-reply",
+                            children: /*#__PURE__*/ _jsx(TimelineItem, {
+                                item: {
+                                    post: reply
+                                },
+                                compact: true
+                            })
+                        }, reply.id)),
+                    remainingCount > 0 && /*#__PURE__*/ _jsx("div", {
+                        class: "timeline-thread-reply",
+                        children: /*#__PURE__*/ _jsx("a", {
+                            href: permalink,
+                            class: "text-sm text-muted-foreground hover:text-foreground hover:underline",
+                            children: $__i18n._({
+                                id: "smzF8S",
+                                message: "Show {remainingCount} more {0}",
+                                values: {
+                                    remainingCount: remainingCount,
+                                    0: remainingCount === 1 ? "reply" : "replies"
+                                }
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

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

@@ -0,0 +1,43 @@
+/**
+ * Timeline Feed Component
+ *
+ * Main feed wrapper with load-more button.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { TimelineItem } from "./TimelineItem.js";
+import { ThreadPreview } from "./ThreadPreview.js";
+export const TimelineFeed = ({ items, hasMore, nextCursor })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                id: "timeline-feed",
+                class: "flex flex-col gap-4",
+                children: items.map((item)=>{
+                    if (item.threadPreview) {
+                        return /*#__PURE__*/ _jsx(ThreadPreview, {
+                            rootPost: item.post,
+                            previewReplies: item.threadPreview.replies,
+                            totalReplyCount: item.threadPreview.totalReplyCount
+                        }, item.post.id);
+                    }
+                    return /*#__PURE__*/ _jsx(TimelineItem, {
+                        item: item
+                    }, item.post.id);
+                })
+            }),
+            hasMore && nextCursor && /*#__PURE__*/ _jsx("div", {
+                id: "load-more-container",
+                class: "mt-6 text-center",
+                children: /*#__PURE__*/ _jsx("button", {
+                    class: "btn btn-outline",
+                    "data-on:click": `@get('/api/timeline?cursor=${nextCursor}')`,
+                    children: $__i18n._({
+                        id: "yQ2kGp",
+                        message: "Load more"
+                    })
+                })
+            })
+        ]
+    });
+};

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

@@ -0,0 +1,25 @@
+/**
+ * Timeline Item Component
+ *
+ * Dispatches to the correct card component based on post type.
+ */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+import { NoteCard } from "./NoteCard.js";
+import { ArticleCard } from "./ArticleCard.js";
+import { LinkCard } from "./LinkCard.js";
+import { QuoteCard } from "./QuoteCard.js";
+import { ImageCard } from "./ImageCard.js";
+const CARD_MAP = {
+    note: NoteCard,
+    article: ArticleCard,
+    link: LinkCard,
+    quote: QuoteCard,
+    image: ImageCard,
+    page: NoteCard
+};
+export const TimelineItem = ({ item, compact, cardOverride })=>{
+    const Card = cardOverride ?? CARD_MAP[item.post.type];
+    return /*#__PURE__*/ _jsx(Card, {
+        post: item.post,
+        compact: compact
+    });
+};

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

@@ -0,0 +1,8 @@
+export { NoteCard } from "./NoteCard.js";
+export { ArticleCard } from "./ArticleCard.js";
+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 { TimelineFeed } from "./TimelineFeed.js";