@jant/core 0.3.20 → 0.3.22

package/dist/routes/pages/search.js

@@ -1,126 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Search Page Route
  */ import { Hono } from "hono";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { BaseLayout, SiteLayout } from "../../theme/layouts/index.js";
-import { PagePagination } from "../../theme/components/index.js";
-import * as sqid from "../../lib/sqid.js";
-import * as time from "../../lib/time.js";
+import { SearchPage as DefaultSearchPage } from "../../theme/pages/SearchPage.js";
 import { getNavigationData } from "../../lib/navigation.js";
+import { renderPublicPage } from "../../lib/render.js";
+import { createMediaContext, toSearchResultViews } from "../../lib/view.js";
 const PAGE_SIZE = 10;
 export const searchRoutes = new Hono();
-function SearchContent({ query, results, error, hasMore, page }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const searchTitle = $__i18n._({
-        id: "A1taO8",
-        message: "Search"
-    });
-    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: `/p/${sqid.encode(result.post.id)}`,
-                                            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: time.toISOString(result.post.publishedAt),
-                                                            children: time.formatDate(result.post.publishedAt)
-                                                        })
-                                                    ]
-                                                })
-                                            ]
-                                        })
-                                    }, result.post.id))
-                            }),
-                            /*#__PURE__*/ _jsx(PagePagination, {
-                                baseUrl: `/search?q=${encodeURIComponent(query)}`,
-                                currentPage: page,
-                                hasMore: hasMore
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-}
 searchRoutes.get("/", async (c)=>{
     const query = c.req.query("q") || "";
     const pageParam = c.req.query("page");
@@ -128,7 +15,7 @@ searchRoutes.get("/", async (c)=>{
     const navData = await getNavigationData(c);
     // Only search if there's a query
     let results = [];
-    let error = null;
+    let error;
     let hasMore = false;
     if (query.trim()) {
         try {
@@ -151,18 +38,21 @@ searchRoutes.get("/", async (c)=>{
             error = "Search failed. Please try again.";
         }
     }
-    return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
+    // Transform to View Models
+    const mediaCtx = createMediaContext(c);
+    const resultViews = toSearchResultViews(results, mediaCtx);
+    const components = c.var.config.theme?.components;
+    const Page = components?.SearchPage ?? DefaultSearchPage;
+    return renderPublicPage(c, {
         title: query ? `Search: ${query} - ${navData.siteName}` : `Search - ${navData.siteName}`,
-        c: c,
-        children: /*#__PURE__*/ _jsx(SiteLayout, {
-            ...navData,
-            children: /*#__PURE__*/ _jsx(SearchContent, {
-                query: query,
-                results: results,
-                error: error,
-                hasMore: hasMore,
-                page: page
-            })
+        navData,
+        content: /*#__PURE__*/ _jsx(Page, {
+            query: query,
+            results: resultViews,
+            error: error,
+            hasMore: hasMore,
+            page: page,
+            theme: components
         })
-    }));
+    });
 });

package/dist/theme/components/MediaGallery.js

@@ -17,8 +17,8 @@ export const MediaGallery = ({ attachments })=>{
                 target: "_blank",
                 rel: "noopener noreferrer",
                 children: /*#__PURE__*/ _jsx("img", {
-                    src: img.previewUrl,
-                    alt: img.alt || "",
+                    src: img.thumbnailUrl,
+                    alt: img.altText || "",
                     width: img.width ?? undefined,
                     height: img.height ?? undefined,
                     class: "rounded-lg max-w-full h-auto",
@@ -36,8 +36,8 @@ export const MediaGallery = ({ attachments })=>{
                     rel: "noopener noreferrer",
                     class: "aspect-square",
                     children: /*#__PURE__*/ _jsx("img", {
-                        src: img.previewUrl,
-                        alt: img.alt || "",
+                        src: img.thumbnailUrl,
+                        alt: img.altText || "",
                         class: "w-full h-full object-cover",
                         loading: "lazy"
                     })
@@ -56,8 +56,8 @@ export const MediaGallery = ({ attachments })=>{
                     rel: "noopener noreferrer",
                     class: "row-span-2",
                     children: /*#__PURE__*/ _jsx("img", {
-                        src: first.previewUrl,
-                        alt: first.alt || "",
+                        src: first.thumbnailUrl,
+                        alt: first.altText || "",
                         class: "w-full h-full object-cover",
                         loading: "lazy"
                     })
@@ -68,8 +68,8 @@ export const MediaGallery = ({ attachments })=>{
                         rel: "noopener noreferrer",
                         class: "aspect-square",
                         children: /*#__PURE__*/ _jsx("img", {
-                            src: img.previewUrl,
-                            alt: img.alt || "",
+                            src: img.thumbnailUrl,
+                            alt: img.altText || "",
                             class: "w-full h-full object-cover",
                             loading: "lazy"
                         })
@@ -89,8 +89,8 @@ export const MediaGallery = ({ attachments })=>{
                 class: "relative aspect-square",
                 children: [
                     /*#__PURE__*/ _jsx("img", {
-                        src: img.previewUrl,
-                        alt: img.alt || "",
+                        src: img.thumbnailUrl,
+                        alt: img.altText || "",
                         class: "w-full h-full object-cover",
                         loading: "lazy"
                     }),

package/dist/theme/components/PageForm.js

@@ -16,6 +16,7 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
     return /*#__PURE__*/ _jsxs("form", {
         "data-signals": signals,
         "data-on:submit__prevent": `@post('${action}')`,
+        "data-indicator": "_loading",
         class: "flex flex-col gap-4",
         children: [
             /*#__PURE__*/ _jsx("div", {
@@ -149,16 +150,29 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
             /*#__PURE__*/ _jsxs("div", {
                 class: "flex gap-2",
                 children: [
-                    /*#__PURE__*/ _jsx("button", {
+                    /*#__PURE__*/ _jsxs("button", {
                         type: "submit",
                         class: "btn",
-                        children: isEdit ? $__i18n._({
-                            id: "oYPBa0",
-                            message: "Update Page"
-                        }) : $__i18n._({
-                            id: "Y+7JGK",
-                            message: "Create Page"
-                        })
+                        "data-attr-disabled": "$_loading",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                "data-show": "!$_loading",
+                                children: isEdit ? $__i18n._({
+                                    id: "oYPBa0",
+                                    message: "Update Page"
+                                }) : $__i18n._({
+                                    id: "Y+7JGK",
+                                    message: "Create Page"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                "data-show": "$_loading",
+                                children: $__i18n._({
+                                    id: "k1ifdL",
+                                    message: "Processing..."
+                                })
+                            })
+                        ]
                     }),
                     /*#__PURE__*/ _jsx("a", {
                         href: cancelUrl,

package/dist/theme/components/PostForm.js

@@ -21,6 +21,7 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
     return /*#__PURE__*/ _jsxs("form", {
         "data-signals": signals,
         "data-on:submit__prevent": `@post('${action}')`,
+        "data-indicator": "_loading",
         class: "flex flex-col gap-4",
         children: [
             /*#__PURE__*/ _jsx("div", {
@@ -330,16 +331,29 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
             /*#__PURE__*/ _jsxs("div", {
                 class: "flex gap-2",
                 children: [
-                    /*#__PURE__*/ _jsx("button", {
+                    /*#__PURE__*/ _jsxs("button", {
                         type: "submit",
                         class: "btn",
-                        children: isEdit ? $__i18n._({
-                            id: "EkH9pt",
-                            message: "Update"
-                        }) : $__i18n._({
-                            id: "EEYbdt",
-                            message: "Publish"
-                        })
+                        "data-attr-disabled": "$_loading",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                "data-show": "!$_loading",
+                                children: isEdit ? $__i18n._({
+                                    id: "EkH9pt",
+                                    message: "Update"
+                                }) : $__i18n._({
+                                    id: "EEYbdt",
+                                    message: "Publish"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                "data-show": "$_loading",
+                                children: $__i18n._({
+                                    id: "k1ifdL",
+                                    message: "Processing..."
+                                })
+                            })
+                        ]
                     }),
                     /*#__PURE__*/ _jsx("a", {
                         href: "/dash/posts",

package/dist/theme/components/index.js

@@ -12,4 +12,4 @@ 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";
+export { NoteCard, ArticleCard, LinkCard, QuoteCard, ImageCard, ThreadPreview, TimelineItem, TimelineItemFromPost, TimelineFeed } from "./timeline/index.js";

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

@@ -3,42 +3,38 @@
  *
  * 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,
+                    href: post.permalink,
                     class: "u-url hover:underline",
                     children: post.title
                 })
             }),
-            !compact && excerpt && /*#__PURE__*/ _jsx("p", {
+            !compact && post.excerpt && /*#__PURE__*/ _jsx("p", {
                 class: "e-content text-sm text-muted-foreground line-clamp-3",
-                children: excerpt
+                children: post.excerpt
             }),
             /*#__PURE__*/ _jsxs("footer", {
                 class: "mt-2 text-xs text-muted-foreground",
                 children: [
                     /*#__PURE__*/ _jsx("a", {
-                        href: permalink,
+                        href: post.permalink,
                         class: "u-url hover:underline",
                         children: /*#__PURE__*/ _jsx("time", {
                             class: "dt-published",
-                            datetime: time.toISOString(post.publishedAt),
-                            children: time.formatDate(post.publishedAt)
+                            datetime: post.publishedAt,
+                            children: post.publishedAtFormatted
                         })
                     }),
                     !compact && /*#__PURE__*/ _jsx("span", {
                         class: "ml-2",
                         children: /*#__PURE__*/ _jsx("a", {
-                            href: permalink,
+                            href: post.permalink,
                             class: "hover:underline",
                             children: "Read more →"
                         })

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

@@ -4,10 +4,7 @@
  * 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",
@@ -15,7 +12,7 @@ export const ImageCard = ({ post, compact })=>{
                 post.title && /*#__PURE__*/ _jsx("h2", {
                     class: "p-name text-sm font-medium mb-1",
                     children: /*#__PURE__*/ _jsx("a", {
-                        href: permalink,
+                        href: post.permalink,
                         class: "u-url hover:underline",
                         children: post.title
                     })
@@ -29,12 +26,12 @@ export const ImageCard = ({ post, compact })=>{
                 /*#__PURE__*/ _jsx("footer", {
                     class: "mt-1 text-xs text-muted-foreground",
                     children: /*#__PURE__*/ _jsx("a", {
-                        href: permalink,
+                        href: post.permalink,
                         class: "u-url hover:underline",
                         children: /*#__PURE__*/ _jsx("time", {
                             class: "dt-published",
-                            datetime: time.toISOString(post.publishedAt),
-                            children: time.formatDate(post.publishedAt)
+                            datetime: post.publishedAt,
+                            children: post.publishedAtFormatted
                         })
                     })
                 })
@@ -44,10 +41,10 @@ export const ImageCard = ({ post, compact })=>{
     return /*#__PURE__*/ _jsxs("article", {
         class: "h-entry timeline-card timeline-card-image",
         children: [
-            post.mediaAttachments.length > 0 && /*#__PURE__*/ _jsx("div", {
+            post.media.length > 0 && /*#__PURE__*/ _jsx("div", {
                 class: "timeline-card-image-gallery",
                 children: /*#__PURE__*/ _jsx(MediaGallery, {
-                    attachments: post.mediaAttachments
+                    attachments: post.media
                 })
             }),
             /*#__PURE__*/ _jsxs("div", {
@@ -56,7 +53,7 @@ export const ImageCard = ({ post, compact })=>{
                     post.title && /*#__PURE__*/ _jsx("h2", {
                         class: "p-name font-medium mb-1",
                         children: /*#__PURE__*/ _jsx("a", {
-                            href: permalink,
+                            href: post.permalink,
                             class: "u-url hover:underline",
                             children: post.title
                         })
@@ -70,12 +67,12 @@ export const ImageCard = ({ post, compact })=>{
                     /*#__PURE__*/ _jsx("footer", {
                         class: "mt-2 text-xs text-muted-foreground",
                         children: /*#__PURE__*/ _jsx("a", {
-                            href: permalink,
+                            href: post.permalink,
                             class: "u-url hover:underline",
                             children: /*#__PURE__*/ _jsx("time", {
                                 class: "dt-published",
-                                datetime: time.toISOString(post.publishedAt),
-                                children: time.formatDate(post.publishedAt)
+                                datetime: post.publishedAt,
+                                children: post.publishedAtFormatted
                             })
                         })
                     })

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

@@ -3,10 +3,7 @@
  *
  * 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: [
@@ -32,7 +29,7 @@ export const LinkCard = ({ post, compact })=>{
             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,
+                    href: post.sourceUrl || post.permalink,
                     class: "u-url hover:underline",
                     target: post.sourceUrl ? "_blank" : undefined,
                     rel: post.sourceUrl ? "noopener noreferrer" : undefined,
@@ -48,12 +45,12 @@ export const LinkCard = ({ post, compact })=>{
             /*#__PURE__*/ _jsx("footer", {
                 class: "mt-2 text-xs text-muted-foreground",
                 children: /*#__PURE__*/ _jsx("a", {
-                    href: permalink,
+                    href: post.permalink,
                     class: "hover:underline",
                     children: /*#__PURE__*/ _jsx("time", {
                         class: "dt-published",
-                        datetime: time.toISOString(post.publishedAt),
-                        children: time.formatDate(post.publishedAt)
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
                     })
                 })
             })

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

@@ -4,10 +4,7 @@
  * 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: [
@@ -17,18 +14,18 @@ export const NoteCard = ({ post, compact })=>{
                     __html: post.contentHtml
                 }
             }),
-            !compact && post.mediaAttachments.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
-                attachments: post.mediaAttachments
+            !compact && post.media.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
+                attachments: post.media
             }),
             /*#__PURE__*/ _jsx("footer", {
                 class: "mt-2 text-xs text-muted-foreground",
                 children: /*#__PURE__*/ _jsx("a", {
-                    href: permalink,
+                    href: post.permalink,
                     class: "u-url hover:underline",
                     children: /*#__PURE__*/ _jsx("time", {
                         class: "dt-published",
-                        datetime: time.toISOString(post.publishedAt),
-                        children: time.formatDate(post.publishedAt)
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
                     })
                 })
             })

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

@@ -3,10 +3,7 @@
  *
  * 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: [
@@ -37,12 +34,12 @@ export const QuoteCard = ({ post, compact })=>{
             /*#__PURE__*/ _jsx("footer", {
                 class: "mt-2 text-xs text-muted-foreground",
                 children: /*#__PURE__*/ _jsx("a", {
-                    href: permalink,
+                    href: post.permalink,
                     class: "u-url hover:underline",
                     children: /*#__PURE__*/ _jsx("time", {
                         class: "dt-published",
-                        datetime: time.toISOString(post.publishedAt),
-                        children: time.formatDate(post.publishedAt)
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
                     })
                 })
             })

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

@@ -5,10 +5,9 @@
  */ 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 })=>{
+import { TimelineItemFromPost } from "./TimelineItem.js";
+export const ThreadPreview = ({ rootPost, previewReplies, totalReplyCount, theme })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const permalink = `/p/${sqid.encode(rootPost.id)}`;
     const remainingCount = totalReplyCount - previewReplies.length;
     return /*#__PURE__*/ _jsxs("div", {
         class: "timeline-thread",
@@ -16,24 +15,24 @@ export const ThreadPreview = ({ rootPost, previewReplies, totalReplyCount })=>{
             /*#__PURE__*/ _jsx(TimelineItem, {
                 item: {
                     post: rootPost
-                }
+                },
+                theme: theme
             }),
             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
+                            children: /*#__PURE__*/ _jsx(TimelineItemFromPost, {
+                                post: reply,
+                                compact: true,
+                                theme: theme
                             })
                         }, reply.id)),
                     remainingCount > 0 && /*#__PURE__*/ _jsx("div", {
                         class: "timeline-thread-reply",
                         children: /*#__PURE__*/ _jsx("a", {
-                            href: permalink,
+                            href: rootPost.permalink,
                             class: "text-sm text-muted-foreground hover:text-foreground hover:underline",
                             children: $__i18n._({
                                 id: "smzF8S",

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

@@ -5,9 +5,10 @@
  */ 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 })=>{
+import { ThreadPreview as DefaultThreadPreview } from "./ThreadPreview.js";
+export const TimelineFeed = ({ items, hasMore, nextCursor, theme })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
     return /*#__PURE__*/ _jsxs("div", {
         children: [
             /*#__PURE__*/ _jsx("div", {
@@ -15,14 +16,16 @@ export const TimelineFeed = ({ items, hasMore, nextCursor })=>{
                 class: "flex flex-col gap-4",
                 children: items.map((item)=>{
                     if (item.threadPreview) {
-                        return /*#__PURE__*/ _jsx(ThreadPreview, {
+                        return /*#__PURE__*/ _jsx(ResolvedThreadPreview, {
                             rootPost: item.post,
                             previewReplies: item.threadPreview.replies,
-                            totalReplyCount: item.threadPreview.totalReplyCount
+                            totalReplyCount: item.threadPreview.totalReplyCount,
+                            theme: theme
                         }, item.post.id);
                     }
                     return /*#__PURE__*/ _jsx(TimelineItem, {
-                        item: item
+                        item: item,
+                        theme: theme
                     }, item.post.id);
                 })
             }),