@jant/core 0.3.21 → 0.3.22

package/dist/routes/feed/rss.js

@@ -1,18 +1,19 @@
 /**
  * RSS Feed Routes
  */ import { Hono } from "hono";
-import * as sqid from "../../lib/sqid.js";
-import * as time from "../../lib/time.js";
-import { getMediaUrl, getPublicUrlForProvider } from "../../lib/image.js";
+import { defaultRssRenderer, defaultAtomRenderer } from "../../lib/feed.js";
+import { getSiteLanguage } from "../../lib/config.js";
+import { buildMediaMap } from "../../lib/media-helpers.js";
+import { createMediaContext, toPostViews } from "../../lib/view.js";
 export const rssRoutes = new Hono();
-// RSS 2.0 Feed - main feed at /feed
-rssRoutes.get("/", async (c)=>{
+/**
+ * Build FeedData from the Hono context.
+ */ async function buildFeedData(c) {
     const all = await c.var.services.settings.getAll();
     const siteName = all["SITE_NAME"] ?? "Jant";
     const siteDescription = all["SITE_DESCRIPTION"] ?? "";
     const siteUrl = c.env.SITE_URL;
-    const r2PublicUrl = c.env.R2_PUBLIC_URL;
-    const s3PublicUrl = c.env.S3_PUBLIC_URL;
+    const siteLanguage = await getSiteLanguage(c);
     const posts = await c.var.services.posts.list({
         visibility: [
             "featured",
@@ -22,36 +23,28 @@ rssRoutes.get("/", async (c)=>{
     });
     // Batch load media for enclosures
     const postIds = posts.map((p)=>p.id);
-    const mediaMap = await c.var.services.media.getByPostIds(postIds);
-    const items = posts.map((post)=>{
-        const link = `${siteUrl}/p/${sqid.encode(post.id)}`;
-        const title = post.title || `Post #${post.id}`;
-        const pubDate = new Date(post.publishedAt * 1000).toUTCString();
-        // Add enclosure for first media attachment
-        const postMedia = mediaMap.get(post.id);
-        const firstMedia = postMedia?.[0];
-        const enclosure = firstMedia ? `\n      <enclosure url="${getMediaUrl(firstMedia.id, firstMedia.storageKey, getPublicUrlForProvider(firstMedia.provider, r2PublicUrl, s3PublicUrl))}" length="${firstMedia.size}" type="${firstMedia.mimeType}"/>` : "";
-        return `
-    <item>
-      <title><![CDATA[${escapeXml(title)}]]></title>
-      <link>${link}</link>
-      <guid isPermaLink="true">${link}</guid>
-      <pubDate>${pubDate}</pubDate>
-      <description><![CDATA[${post.contentHtml || ""}]]></description>${enclosure}
-    </item>`;
-    }).join("");
-    const rss = `<?xml version="1.0" encoding="UTF-8"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>${escapeXml(siteName)}</title>
-    <link>${siteUrl}</link>
-    <description>${escapeXml(siteDescription)}</description>
-    <language>en</language>
-    <atom:link href="${siteUrl}/feed" rel="self" type="application/rss+xml"/>
-    ${items}
-  </channel>
-</rss>`;
-    return new Response(rss, {
+    const rawMediaMap = await c.var.services.media.getByPostIds(postIds);
+    const mediaCtx = createMediaContext(c);
+    const mediaMap = buildMediaMap(rawMediaMap, mediaCtx.r2PublicUrl, mediaCtx.imageTransformUrl, mediaCtx.s3PublicUrl);
+    // Transform to PostView[] with media
+    const postViews = toPostViews(posts.map((p)=>({
+            ...p,
+            mediaAttachments: mediaMap.get(p.id) ?? []
+        })), mediaCtx);
+    return {
+        siteName,
+        siteDescription,
+        siteUrl,
+        siteLanguage,
+        posts: postViews
+    };
+}
+// RSS 2.0 Feed - main feed at /feed
+rssRoutes.get("/", async (c)=>{
+    const feedData = await buildFeedData(c);
+    const renderer = c.var.config.theme?.feed?.rss ?? defaultRssRenderer;
+    const xml = renderer(feedData);
+    return new Response(xml, {
         headers: {
             "Content-Type": "application/rss+xml; charset=utf-8"
         }
@@ -59,49 +52,12 @@ rssRoutes.get("/", async (c)=>{
 });
 // Atom Feed
 rssRoutes.get("/atom.xml", async (c)=>{
-    const all = await c.var.services.settings.getAll();
-    const siteName = all["SITE_NAME"] ?? "Jant";
-    const siteDescription = all["SITE_DESCRIPTION"] ?? "";
-    const siteUrl = c.env.SITE_URL;
-    const posts = await c.var.services.posts.list({
-        visibility: [
-            "featured",
-            "quiet"
-        ],
-        limit: 50
-    });
-    const entries = posts.map((post)=>{
-        const link = `${siteUrl}/p/${sqid.encode(post.id)}`;
-        const title = post.title || `Post #${post.id}`;
-        const updated = time.toISOString(post.updatedAt);
-        const published = time.toISOString(post.publishedAt);
-        return `
-  <entry>
-    <title>${escapeXml(title)}</title>
-    <link href="${link}" rel="alternate"/>
-    <id>${link}</id>
-    <published>${published}</published>
-    <updated>${updated}</updated>
-    <content type="html"><![CDATA[${post.contentHtml || ""}]]></content>
-  </entry>`;
-    }).join("");
-    const now = time.toISOString(time.now());
-    const atom = `<?xml version="1.0" encoding="UTF-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom">
-  <title>${escapeXml(siteName)}</title>
-  <subtitle>${escapeXml(siteDescription)}</subtitle>
-  <link href="${siteUrl}" rel="alternate"/>
-  <link href="${siteUrl}/feed/atom.xml" rel="self"/>
-  <id>${siteUrl}/</id>
-  <updated>${now}</updated>
-  ${entries}
-</feed>`;
-    return new Response(atom, {
+    const feedData = await buildFeedData(c);
+    const renderer = c.var.config.theme?.feed?.atom ?? defaultAtomRenderer;
+    const xml = renderer(feedData);
+    return new Response(xml, {
         headers: {
             "Content-Type": "application/atom+xml; charset=utf-8"
         }
     });
 });
-function escapeXml(str) {
-    return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
-}

package/dist/routes/feed/sitemap.js

@@ -1,8 +1,8 @@
 /**
  * Sitemap Routes
  */ import { Hono } from "hono";
-import * as sqid from "../../lib/sqid.js";
-import * as time from "../../lib/time.js";
+import { defaultSitemapRenderer } from "../../lib/feed.js";
+import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";
 export const sitemapRoutes = new Hono();
 // XML Sitemap
 sitemapRoutes.get("/sitemap.xml", async (c)=>{
@@ -14,30 +14,15 @@ sitemapRoutes.get("/sitemap.xml", async (c)=>{
         ],
         limit: 1000
     });
-    const urls = posts.map((post)=>{
-        const loc = `${siteUrl}/p/${sqid.encode(post.id)}`;
-        const lastmod = time.toISOString(post.updatedAt).split("T")[0];
-        const priority = post.visibility === "featured" ? "0.8" : "0.6";
-        return `
-  <url>
-    <loc>${loc}</loc>
-    <lastmod>${lastmod}</lastmod>
-    <priority>${priority}</priority>
-  </url>`;
-    }).join("");
-    // Add homepage
-    const homepageUrl = `
-  <url>
-    <loc>${siteUrl}/</loc>
-    <priority>1.0</priority>
-    <changefreq>daily</changefreq>
-  </url>`;
-    const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-  ${homepageUrl}
-  ${urls}
-</urlset>`;
-    return new Response(sitemap, {
+    // Transform to PostView[]
+    const mediaCtx = createMediaContext(c);
+    const postViews = toPostViewsFromPosts(posts, mediaCtx);
+    const renderer = c.var.config.theme?.feed?.sitemap ?? defaultSitemapRenderer;
+    const xml = renderer({
+        siteUrl,
+        posts: postViews
+    });
+    return new Response(xml, {
         headers: {
             "Content-Type": "application/xml; charset=utf-8"
         }

package/dist/routes/pages/archive.js

@@ -1,191 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Archive Page Route
  *
  * Shows all posts, optionally filtered by type
  */ import { Hono } from "hono";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { BaseLayout, SiteLayout } from "../../theme/layouts/index.js";
-import { Pagination } from "../../theme/components/index.js";
 import { POST_TYPES } from "../../types.js";
-import * as sqid from "../../lib/sqid.js";
-import * as time from "../../lib/time.js";
+import { ArchivePage as DefaultArchivePage } from "../../theme/pages/ArchivePage.js";
 import { getNavigationData } from "../../lib/navigation.js";
+import { renderPublicPage } from "../../lib/render.js";
+import { createMediaContext, toArchiveGroups } from "../../lib/view.js";
 const PAGE_SIZE = 50;
 export const archiveRoutes = new Hono();
-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`;
-}
-function formatYearMonth(yearMonth) {
-    const [year, month] = yearMonth.split("-");
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- yearMonth format YYYY-MM guarantees both year and month exist
-    const date = new Date(parseInt(year, 10), parseInt(month, 10) - 1);
-    return date.toLocaleDateString("en-US", {
-        year: "numeric",
-        month: "long"
-    });
-}
-function ArchiveContent({ displayPosts, hasMore, nextCursor, type, grouped, replyCounts }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const title = type ? getTypeLabelPlural(type) : $__i18n._({
-        id: "B495Gs",
-        message: "Archive"
-    });
-    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: displayPosts.length === 0 ? /*#__PURE__*/ _jsx("p", {
-                    class: "text-muted-foreground",
-                    children: $__i18n._({
-                        id: "Hzi9AA",
-                        message: "No posts found."
-                    })
-                }) : Array.from(grouped.entries()).map(([yearMonth, monthPosts])=>/*#__PURE__*/ _jsxs("section", {
-                        class: "mb-8",
-                        children: [
-                            /*#__PURE__*/ _jsx("h2", {
-                                class: "text-lg font-medium mb-4 text-muted-foreground",
-                                children: formatYearMonth(yearMonth)
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                class: "flex flex-col gap-3",
-                                children: monthPosts.map((post)=>{
-                                    const replyCount = replyCounts.get(post.id);
-                                    return /*#__PURE__*/ _jsxs("article", {
-                                        class: "flex items-baseline gap-4",
-                                        children: [
-                                            /*#__PURE__*/ _jsx("time", {
-                                                class: "text-sm text-muted-foreground w-12 shrink-0",
-                                                datetime: time.toISOString(post.publishedAt),
-                                                children: new Date(post.publishedAt * 1000).getDate()
-                                            }),
-                                            /*#__PURE__*/ _jsxs("div", {
-                                                class: "flex-1 min-w-0",
-                                                children: [
-                                                    /*#__PURE__*/ _jsx("a", {
-                                                        href: `/p/${sqid.encode(post.id)}`,
-                                                        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)
-                                                    }),
-                                                    replyCount && replyCount > 0 && /*#__PURE__*/ _jsxs("span", {
-                                                        class: "ml-2 text-xs text-muted-foreground",
-                                                        children: [
-                                                            "(",
-                                                            replyCount === 1 ? $__i18n._({
-                                                                id: "TxE+Mj",
-                                                                message: "1 reply"
-                                                            }) : $__i18n._({
-                                                                id: "90Luob",
-                                                                message: "{count} replies"
-                                                            }),
-                                                            ")"
-                                                        ]
-                                                    })
-                                                ]
-                                            })
-                                        ]
-                                    }, post.id);
-                                })
-                            })
-                        ]
-                    }, yearMonth))
-            }),
-            /*#__PURE__*/ _jsx(Pagination, {
-                baseUrl: type ? `/archive?type=${type}` : "/archive",
-                hasMore: hasMore,
-                nextCursor: nextCursor
-            })
-        ]
-    });
-}
 // Archive page - all posts
 archiveRoutes.get("/", async (c)=>{
     const typeParam = c.req.query("type");
@@ -207,9 +32,6 @@ archiveRoutes.get("/", async (c)=>{
     });
     const hasMore = posts.length > PAGE_SIZE;
     const displayPosts = hasMore ? posts.slice(0, PAGE_SIZE) : posts;
-    // Get reply counts for thread indicators
-    const postIds = displayPosts.map((p)=>p.id);
-    const replyCounts = await c.var.services.posts.getReplyCounts(postIds);
     // Get next cursor
     const nextCursor = hasMore && displayPosts.length > 0 ? displayPosts[displayPosts.length - 1].id : undefined;
     // Group posts by year-month
@@ -223,19 +45,20 @@ archiveRoutes.get("/", async (c)=>{
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- Map.set() above guarantees key exists
         grouped.get(key).push(post);
     }
-    return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
+    // Transform to View Models
+    const mediaCtx = createMediaContext(c);
+    const groups = toArchiveGroups(grouped, mediaCtx);
+    const components = c.var.config.theme?.components;
+    const Page = components?.ArchivePage ?? DefaultArchivePage;
+    return renderPublicPage(c, {
         title: `Archive - ${navData.siteName}`,
-        c: c,
-        children: /*#__PURE__*/ _jsx(SiteLayout, {
-            ...navData,
-            children: /*#__PURE__*/ _jsx(ArchiveContent, {
-                displayPosts: displayPosts,
-                hasMore: hasMore,
-                nextCursor: nextCursor,
-                type: type,
-                grouped: grouped,
-                replyCounts: replyCounts
-            })
+        navData,
+        content: /*#__PURE__*/ _jsx(Page, {
+            groups: groups,
+            hasMore: hasMore,
+            nextCursor: nextCursor,
+            type: type,
+            theme: components
         })
-    }));
+    });
 });

package/dist/routes/pages/collection.js

@@ -1,85 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Collection Page Route
  */ import { Hono } from "hono";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { BaseLayout, SiteLayout } from "../../theme/layouts/index.js";
-import * as sqid from "../../lib/sqid.js";
-import * as time from "../../lib/time.js";
+import { CollectionPage as DefaultCollectionPage } from "../../theme/pages/CollectionPage.js";
 import { getNavigationData } from "../../lib/navigation.js";
+import { renderPublicPage } from "../../lib/render.js";
+import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";
 export const collectionRoutes = new Hono();
-function CollectionContent({ 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: `/p/${sqid.encode(post.id)}`,
-                                    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: time.toISOString(post.publishedAt),
-                                    children: time.formatDate(post.publishedAt)
-                                })
-                            })
-                        ]
-                    }, post.id))
-            })
-        ]
-    });
-}
 collectionRoutes.get("/:path", async (c)=>{
     const path = c.req.param("path");
     const collection = await c.var.services.collections.getByPath(path);
     if (!collection) return c.notFound();
     const posts = await c.var.services.collections.getPosts(collection.id);
     const navData = await getNavigationData(c);
-    return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
+    // Transform to View Models
+    const mediaCtx = createMediaContext(c);
+    const postViews = toPostViewsFromPosts(posts, mediaCtx);
+    const components = c.var.config.theme?.components;
+    const Page = components?.CollectionPage ?? DefaultCollectionPage;
+    return renderPublicPage(c, {
         title: `${collection.title} - ${navData.siteName}`,
         description: collection.description ?? undefined,
-        c: c,
-        children: /*#__PURE__*/ _jsx(SiteLayout, {
-            ...navData,
-            children: /*#__PURE__*/ _jsx(CollectionContent, {
-                collection: collection,
-                posts: posts
-            })
+        navData,
+        content: /*#__PURE__*/ _jsx(Page, {
+            collection: collection,
+            posts: postViews,
+            theme: components
         })
-    }));
+    });
 });

package/dist/routes/pages/home.js

@@ -1,31 +1,16 @@
-import { jsx as _jsx, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Home Page Route
  *
  * Timeline feed with per-type card components and thread previews.
  */ import { Hono } from "hono";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { BaseLayout, SiteLayout } from "../../theme/layouts/index.js";
 import { buildMediaMap } from "../../lib/media-helpers.js";
-import { resolveTimelineFeed } from "../../lib/theme-components.js";
-import { TimelineFeed as DefaultTimelineFeed } from "../../theme/components/timeline/TimelineFeed.js";
 import { getNavigationData } from "../../lib/navigation.js";
+import { renderPublicPage } from "../../lib/render.js";
+import { HomePage as DefaultHomePage } from "../../theme/pages/HomePage.js";
+import { createMediaContext, toPostView, toPostViews } from "../../lib/view.js";
 const PAGE_SIZE = 20;
 export const homeRoutes = new Hono();
-function HomeContent({ FeedComponent, feedProps }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: feedProps.items.length === 0 ? /*#__PURE__*/ _jsx("p", {
-            class: "text-muted-foreground",
-            children: $__i18n._({
-                id: "ODiSoW",
-                message: "No posts yet."
-            })
-        }) : /*#__PURE__*/ _jsx(FeedComponent, {
-            ...feedProps
-        })
-    });
-}
 homeRoutes.get("/", async (c)=>{
     const navData = await getNavigationData(c);
     // Fetch one extra to determine if there are more
@@ -45,10 +30,8 @@ homeRoutes.get("/", async (c)=>{
     // Batch load media attachments
     const postIds = displayPosts.map((p)=>p.id);
     const rawMediaMap = await c.var.services.media.getByPostIds(postIds);
-    const r2PublicUrl = c.env.R2_PUBLIC_URL;
-    const imageTransformUrl = c.env.IMAGE_TRANSFORM_URL;
-    const s3PublicUrl = c.env.S3_PUBLIC_URL;
-    const mediaMap = buildMediaMap(rawMediaMap, r2PublicUrl, imageTransformUrl, s3PublicUrl);
+    const mediaCtx = createMediaContext(c);
+    const mediaMap = buildMediaMap(rawMediaMap, mediaCtx.r2PublicUrl, mediaCtx.imageTransformUrl, mediaCtx.s3PublicUrl);
     // Get reply counts to identify thread roots
     const replyCounts = await c.var.services.posts.getReplyCounts(postIds);
     const threadRootIds = postIds.filter((id)=>(replyCounts.get(id) ?? 0) > 0);
@@ -61,50 +44,45 @@ homeRoutes.get("/", async (c)=>{
             previewReplyIds.push(reply.id);
         }
     }
-    const previewMediaMap = previewReplyIds.length > 0 ? buildMediaMap(await c.var.services.media.getByPostIds(previewReplyIds), r2PublicUrl, imageTransformUrl, s3PublicUrl) : new Map();
-    // Assemble timeline items
+    const previewMediaMap = previewReplyIds.length > 0 ? buildMediaMap(await c.var.services.media.getByPostIds(previewReplyIds), mediaCtx.r2PublicUrl, mediaCtx.imageTransformUrl, mediaCtx.s3PublicUrl) : new Map();
+    // Assemble timeline items with View Models
     const items = displayPosts.map((post)=>{
-        const postWithMedia = {
+        const postView = toPostView({
             ...post,
             mediaAttachments: mediaMap.get(post.id) ?? []
-        };
+        }, mediaCtx);
         const replyCount = replyCounts.get(post.id) ?? 0;
         const previewReplies = threadPreviews.get(post.id);
         if (replyCount > 0 && previewReplies) {
             return {
-                post: postWithMedia,
+                post: postView,
                 threadPreview: {
-                    replies: previewReplies.map((r)=>({
+                    replies: toPostViews(previewReplies.map((r)=>({
                             ...r,
                             mediaAttachments: previewMediaMap.get(r.id) ?? []
-                        })),
+                        })), mediaCtx),
                     totalReplyCount: replyCount
                 }
             };
         }
         return {
-            post: postWithMedia
+            post: postView
         };
     });
     // Determine next cursor
     const lastPost = displayPosts[displayPosts.length - 1];
     const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
-    // Resolve theme components
-    const Feed = resolveTimelineFeed(DefaultTimelineFeed, c.var.config.theme?.components);
-    const feedProps = {
-        items,
-        hasMore,
-        nextCursor
-    };
-    return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
+    // Resolve page component
+    const components = c.var.config.theme?.components;
+    const Page = components?.HomePage ?? DefaultHomePage;
+    return renderPublicPage(c, {
         title: navData.siteName,
-        c: c,
-        children: /*#__PURE__*/ _jsx(SiteLayout, {
-            ...navData,
-            children: /*#__PURE__*/ _jsx(HomeContent, {
-                FeedComponent: Feed,
-                feedProps: feedProps
-            })
+        navData,
+        content: /*#__PURE__*/ _jsx(Page, {
+            items: items,
+            hasMore: hasMore,
+            nextCursor: nextCursor,
+            theme: components
         })
-    }));
+    });
 });