@jant/core 0.3.21 → 0.3.22

package/dist/routes/pages/page.js

@@ -1,29 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Custom Page Route
  *
  * Catch-all route for custom pages accessible via their path field
  */ import { Hono } from "hono";
-import { BaseLayout, SiteLayout } from "../../theme/layouts/index.js";
+import { SinglePage as DefaultSinglePage } from "../../theme/pages/SinglePage.js";
 import { getNavigationData } from "../../lib/navigation.js";
+import { renderPublicPage } from "../../lib/render.js";
+import { createMediaContext, toPostViewFromPost } from "../../lib/view.js";
 export const pageRoutes = new Hono();
-function PageContent({ 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 || ""
-                }
-            })
-        ]
-    });
-}
 // Catch-all for custom page paths
 pageRoutes.get("/:path", async (c)=>{
     const path = c.req.param("path");
@@ -38,15 +23,18 @@ pageRoutes.get("/:path", async (c)=>{
         return c.notFound();
     }
     const navData = await getNavigationData(c);
-    return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
+    // Transform to View Model
+    const mediaCtx = createMediaContext(c);
+    const pageView = toPostViewFromPost(page, mediaCtx);
+    const components = c.var.config.theme?.components;
+    const Page = components?.SinglePage ?? DefaultSinglePage;
+    return renderPublicPage(c, {
         title: `${page.title} - ${navData.siteName}`,
         description: page.content?.slice(0, 160),
-        c: c,
-        children: /*#__PURE__*/ _jsx(SiteLayout, {
-            ...navData,
-            children: /*#__PURE__*/ _jsx(PageContent, {
-                page: page
-            })
+        navData,
+        content: /*#__PURE__*/ _jsx(Page, {
+            page: pageView,
+            theme: components
         })
-    }));
+    });
 });

package/dist/routes/pages/post.js

@@ -1,54 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Single Post Page Route
  */ import { Hono } from "hono";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { BaseLayout, SiteLayout } from "../../theme/layouts/index.js";
-import { MediaGallery } from "../../theme/components/index.js";
+import { PostPage as DefaultPostPage } from "../../theme/pages/PostPage.js";
 import * as sqid from "../../lib/sqid.js";
-import * as time from "../../lib/time.js";
-import { getMediaUrl, getImageUrl, getPublicUrlForProvider } from "../../lib/image.js";
 import { getNavigationData } from "../../lib/navigation.js";
+import { renderPublicPage } from "../../lib/render.js";
+import { buildMediaMap } from "../../lib/media-helpers.js";
+import { createMediaContext, toPostView } from "../../lib/view.js";
 export const postRoutes = new Hono();
-function PostContent({ post, mediaAttachments }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    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 || ""
-                }
-            }),
-            mediaAttachments.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
-                attachments: mediaAttachments
-            }),
-            /*#__PURE__*/ _jsxs("footer", {
-                class: "mt-6 pt-4 border-t text-sm text-muted-foreground",
-                children: [
-                    /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: time.toISOString(post.publishedAt),
-                        children: time.formatDate(post.publishedAt)
-                    }),
-                    /*#__PURE__*/ _jsx("a", {
-                        href: `/p/${sqid.encode(post.id)}`,
-                        class: "u-url ml-4",
-                        children: $__i18n._({
-                            id: "D9Oea+",
-                            message: "Permalink"
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-}
 postRoutes.get("/:id", async (c)=>{
     const paramId = c.req.param("id");
     // Try to decode as sqid first
@@ -67,42 +27,28 @@ postRoutes.get("/:id", async (c)=>{
     if (post.visibility === "draft") {
         return c.notFound();
     }
-    // Load media attachments
-    const rawMedia = await c.var.services.media.getByPostId(post.id);
-    const r2PublicUrl = c.env.R2_PUBLIC_URL;
-    const imageTransformUrl = c.env.IMAGE_TRANSFORM_URL;
-    const s3PublicUrl = c.env.S3_PUBLIC_URL;
-    const mediaAttachments = rawMedia.map((m)=>{
-        const publicUrl = getPublicUrlForProvider(m.provider, r2PublicUrl, s3PublicUrl);
-        return {
-            id: m.id,
-            url: getMediaUrl(m.id, m.storageKey, publicUrl),
-            previewUrl: getImageUrl(getMediaUrl(m.id, m.storageKey, publicUrl), imageTransformUrl, {
-                width: 400,
-                quality: 80,
-                format: "auto",
-                fit: "cover"
-            }),
-            alt: m.alt,
-            blurhash: m.blurhash,
-            width: m.width,
-            height: m.height,
-            position: m.position,
-            mimeType: m.mimeType
-        };
-    });
+    // Batch load media attachments
+    const rawMediaMap = await c.var.services.media.getByPostIds([
+        post.id
+    ]);
+    const mediaCtx = createMediaContext(c);
+    const mediaMap = buildMediaMap(rawMediaMap, mediaCtx.r2PublicUrl, mediaCtx.imageTransformUrl, mediaCtx.s3PublicUrl);
+    // Transform to View Model
+    const postView = toPostView({
+        ...post,
+        mediaAttachments: mediaMap.get(post.id) ?? []
+    }, mediaCtx);
     const navData = await getNavigationData(c);
     const title = post.title || navData.siteName;
-    return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
-        title: title,
+    const components = c.var.config.theme?.components;
+    const Page = components?.PostPage ?? DefaultPostPage;
+    return renderPublicPage(c, {
+        title,
         description: post.content?.slice(0, 160),
-        c: c,
-        children: /*#__PURE__*/ _jsx(SiteLayout, {
-            ...navData,
-            children: /*#__PURE__*/ _jsx(PostContent, {
-                post: post,
-                mediaAttachments: mediaAttachments
-            })
+        navData,
+        content: /*#__PURE__*/ _jsx(Page, {
+            post: postView,
+            theme: components
         })
-    }));
+    });
 });

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/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
                     })
                 })
             })