@jant/core 0.3.23 → 0.3.25

package/dist/routes/dash/posts.js

@@ -4,8 +4,8 @@ import { getSiteName } from "../../lib/config.js";
  * Dashboard Posts Routes
  */ import { Hono } from "hono";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { DashLayout } from "../../theme/layouts/index.js";
-import { PostForm, PostList, CrudPageHeader, ActionButtons } from "../../theme/components/index.js";
+import { DashLayout } from "../../ui/layouts/DashLayout.js";
+import { PostForm, PostList, CrudPageHeader, ActionButtons } from "../../ui/dash/index.js";
 import * as sqid from "../../lib/sqid.js";
 import { dsRedirect } from "../../lib/sse.js";
 export const postsRoutes = new Hono();
@@ -51,12 +51,7 @@ function NewPostContent({ collections }) {
 // List posts
 postsRoutes.get("/", async (c)=>{
     const posts = await c.var.services.posts.list({
-        visibility: [
-            "featured",
-            "quiet",
-            "unlisted",
-            "draft"
-        ]
+        excludeReplies: true
     });
     const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
@@ -87,22 +82,21 @@ postsRoutes.get("/new", async (c)=>{
 postsRoutes.post("/", async (c)=>{
     const body = await c.req.json();
     const post = await c.var.services.posts.create({
-        type: body.type,
+        format: body.format,
         title: body.title || undefined,
-        content: body.content,
-        visibility: body.visibility,
-        sourceUrl: body.sourceUrl || undefined,
-        sourceName: body.sourceName || undefined,
-        path: body.path || undefined
+        body: body.body,
+        status: body.status,
+        featured: body.featured,
+        pinned: body.pinned,
+        url: body.url || undefined,
+        quoteText: body.quoteText || undefined,
+        rating: body.rating || undefined,
+        collectionId: body.collectionId || undefined
     });
     // Attach media if provided
     if (body.mediaIds && body.mediaIds.length > 0) {
         await c.var.services.media.attachToPost(post.id, body.mediaIds);
     }
-    // Sync collection associations
-    if (body.collectionIds) {
-        await c.var.services.collections.syncPostCollections(post.id, body.collectionIds);
-    }
     return dsRedirect(`/dash/posts/${sqid.encode(post.id)}`);
 });
 function ViewPostContent({ post }) {
@@ -111,6 +105,7 @@ function ViewPostContent({ post }) {
         id: "y28hnO",
         message: "Post"
     });
+    const permalink = post.path ? `/${post.path}` : `/p/${sqid.encode(post.id)}`;
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs("div", {
@@ -126,7 +121,7 @@ function ViewPostContent({ post }) {
                             id: "ePK91l",
                             message: "Edit"
                         }),
-                        viewHref: `/p/${sqid.encode(post.id)}`,
+                        viewHref: permalink,
                         viewLabel: $__i18n._({
                             id: "jpctdh",
                             message: "View"
@@ -140,7 +135,7 @@ function ViewPostContent({ post }) {
                     children: /*#__PURE__*/ _jsx("div", {
                         class: "prose",
                         dangerouslySetInnerHTML: {
-                            __html: post.contentHtml || ""
+                            __html: post.bodyHtml || ""
                         }
                     })
                 })
@@ -148,7 +143,7 @@ function ViewPostContent({ post }) {
         ]
     });
 }
-function EditPostContent({ post, mediaAttachments, r2PublicUrl, imageTransformUrl, s3PublicUrl, collections, postCollectionIds }) {
+function EditPostContent({ post, mediaAttachments, r2PublicUrl, imageTransformUrl, s3PublicUrl, collections }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
@@ -166,8 +161,7 @@ function EditPostContent({ post, mediaAttachments, r2PublicUrl, imageTransformUr
                 r2PublicUrl: r2PublicUrl,
                 imageTransformUrl: imageTransformUrl,
                 s3PublicUrl: s3PublicUrl,
-                collections: collections,
-                postCollectionIds: postCollectionIds
+                collections: collections
             })
         ]
     });
@@ -202,8 +196,6 @@ postsRoutes.get("/:id/edit", async (c)=>{
     const imageTransformUrl = c.env.IMAGE_TRANSFORM_URL;
     const s3PublicUrl = c.env.S3_PUBLIC_URL;
     const collections = await c.var.services.collections.list();
-    const postCollections = await c.var.services.collections.getCollectionsForPost(post.id);
-    const postCollectionIds = postCollections.map((col)=>col.id);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: `Edit: ${post.title || "Post"}`,
@@ -215,8 +207,7 @@ postsRoutes.get("/:id/edit", async (c)=>{
             r2PublicUrl: r2PublicUrl,
             imageTransformUrl: imageTransformUrl,
             s3PublicUrl: s3PublicUrl,
-            collections: collections,
-            postCollectionIds: postCollectionIds
+            collections: collections
         })
     }));
 });
@@ -226,22 +217,21 @@ postsRoutes.post("/:id", async (c)=>{
     if (!id) return c.notFound();
     const body = await c.req.json();
     await c.var.services.posts.update(id, {
-        type: body.type,
+        format: body.format,
         title: body.title || null,
-        content: body.content || null,
-        visibility: body.visibility,
-        sourceUrl: body.sourceUrl || null,
-        sourceName: body.sourceName || null,
-        path: body.path || null
+        body: body.body || null,
+        status: body.status,
+        featured: body.featured,
+        pinned: body.pinned,
+        url: body.url || null,
+        quoteText: body.quoteText || null,
+        rating: body.rating || null,
+        collectionId: body.collectionId || null
     });
     // Update media attachments if provided
     if (body.mediaIds !== undefined) {
         await c.var.services.media.attachToPost(id, body.mediaIds);
     }
-    // Sync collection associations
-    if (body.collectionIds !== undefined) {
-        await c.var.services.collections.syncPostCollections(id, body.collectionIds);
-    }
     return dsRedirect(`/dash/posts/${sqid.encode(id)}`);
 });
 // Delete post

package/dist/routes/dash/redirects.js

@@ -4,8 +4,8 @@ import { getSiteName } from "../../lib/config.js";
  * Dashboard Redirects Routes
  */ import { Hono } from "hono";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { DashLayout } from "../../theme/layouts/index.js";
-import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader } from "../../theme/components/index.js";
+import { DashLayout } from "../../ui/layouts/DashLayout.js";
+import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader } from "../../ui/dash/index.js";
 import { dsRedirect } from "../../lib/sse.js";
 export const redirectsRoutes = new Hono();
 function RedirectsListContent({ redirects }) {

package/dist/routes/dash/settings.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-
  * Sub-pages: General, Appearance, Account
  */ import { Hono } from "hono";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { DashLayout } from "../../theme/layouts/index.js";
+import { DashLayout } from "../../ui/layouts/DashLayout.js";
 import { sse, dsRedirect, dsToast } from "../../lib/sse.js";
 import { getSiteLanguage, getSiteName, getConfigFallback } from "../../lib/config.js";
 import { SETTINGS_KEYS } from "../../lib/constants.js";
@@ -272,11 +272,14 @@ function ThemeCard({ theme, selected }) {
         })
     });
 }
-function AppearanceContent({ themes, currentThemeId }) {
+function AppearanceContent({ themes, currentThemeId, customCSS }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const signals = JSON.stringify({
+    const themeSignals = JSON.stringify({
         theme: currentThemeId
     }).replace(/</g, "\\u003c");
+    const cssSignals = JSON.stringify({
+        customCSS
+    }).replace(/</g, "\\u003c");
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx("h1", {
@@ -290,7 +293,7 @@ function AppearanceContent({ themes, currentThemeId }) {
                 currentTab: "appearance"
             }),
             /*#__PURE__*/ _jsx("div", {
-                "data-signals": signals,
+                "data-signals": themeSignals,
                 "data-on:change": "@post('/dash/settings/appearance')",
                 class: "max-w-3xl",
                 children: /*#__PURE__*/ _jsxs("fieldset", {
@@ -318,6 +321,63 @@ function AppearanceContent({ themes, currentThemeId }) {
                         })
                     ]
                 })
+            }),
+            /*#__PURE__*/ _jsxs("form", {
+                "data-signals": cssSignals,
+                "data-on:submit__prevent": "@post('/dash/settings/custom-css')",
+                "data-indicator": "_cssLoading",
+                class: "max-w-3xl mt-8",
+                children: [
+                    /*#__PURE__*/ _jsxs("fieldset", {
+                        children: [
+                            /*#__PURE__*/ _jsx("legend", {
+                                class: "text-lg font-semibold",
+                                children: $__i18n._({
+                                    id: "9+vGLh",
+                                    message: "Custom CSS"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-sm text-muted-foreground mb-4",
+                                children: $__i18n._({
+                                    id: "vmQmHx",
+                                    message: "Add custom CSS to override any styles. Use data attributes like [data-page], [data-post], [data-format] to target specific elements."
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("textarea", {
+                                "data-bind": "customCSS",
+                                class: "textarea font-mono text-sm min-h-32",
+                                rows: 8,
+                                placeholder: $__i18n._({
+                                    id: "wc+17X",
+                                    message: "/* Your custom CSS here */"
+                                }),
+                                children: customCSS
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("button", {
+                        type: "submit",
+                        class: "btn mt-4",
+                        "data-attr-disabled": "$_cssLoading",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                "data-show": "!$_cssLoading",
+                                children: $__i18n._({
+                                    id: "NU2Fqi",
+                                    message: "Save CSS"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                "data-show": "$_cssLoading",
+                                children: $__i18n._({
+                                    id: "k1ifdL",
+                                    message: "Processing..."
+                                })
+                            })
+                        ]
+                    })
+                ]
             })
         ]
     });
@@ -583,6 +643,7 @@ settingsRoutes.get("/appearance", async (c)=>{
     const { settings } = c.var.services;
     const siteName = await getSiteName(c);
     const currentThemeId = await settings.get(SETTINGS_KEYS.THEME) ?? "default";
+    const customCSS = await settings.get(SETTINGS_KEYS.CUSTOM_CSS) ?? "";
     const themes = getAvailableThemes(c.var.config);
     const saved = c.req.query("saved") !== undefined;
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
@@ -595,7 +656,8 @@ settingsRoutes.get("/appearance", async (c)=>{
         } : undefined,
         children: /*#__PURE__*/ _jsx(AppearanceContent, {
             themes: themes,
-            currentThemeId: currentThemeId
+            currentThemeId: currentThemeId,
+            customCSS: customCSS
         })
     }));
 });
@@ -615,6 +677,18 @@ settingsRoutes.post("/appearance", async (c)=>{
     }
     return dsRedirect("/dash/settings/appearance?saved");
 });
+// Save custom CSS
+settingsRoutes.post("/custom-css", async (c)=>{
+    const body = await c.req.json();
+    const { settings } = c.var.services;
+    const css = body.customCSS?.trim() ?? "";
+    if (css) {
+        await settings.set(SETTINGS_KEYS.CUSTOM_CSS, css);
+    } else {
+        await settings.remove(SETTINGS_KEYS.CUSTOM_CSS);
+    }
+    return dsToast("Custom CSS saved successfully.");
+});
 // Account page
 settingsRoutes.get("/account", async (c)=>{
     const siteName = await getSiteName(c);

package/dist/routes/feed/rss.js

@@ -15,10 +15,8 @@ export const rssRoutes = new Hono();
     const siteUrl = c.env.SITE_URL;
     const siteLanguage = await getSiteLanguage(c);
     const posts = await c.var.services.posts.list({
-        visibility: [
-            "featured",
-            "quiet"
-        ],
+        status: "published",
+        excludeReplies: true,
         limit: 50
     });
     // Batch load media for enclosures
@@ -42,7 +40,7 @@ export const rssRoutes = new Hono();
 // 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 renderer = c.var.config.feed?.rss ?? defaultRssRenderer;
     const xml = renderer(feedData);
     return new Response(xml, {
         headers: {
@@ -53,7 +51,7 @@ rssRoutes.get("/", async (c)=>{
 // Atom Feed
 rssRoutes.get("/atom.xml", async (c)=>{
     const feedData = await buildFeedData(c);
-    const renderer = c.var.config.theme?.feed?.atom ?? defaultAtomRenderer;
+    const renderer = c.var.config.feed?.atom ?? defaultAtomRenderer;
     const xml = renderer(feedData);
     return new Response(xml, {
         headers: {

package/dist/routes/feed/sitemap.js

@@ -2,25 +2,28 @@
  * Sitemap Routes
  */ import { Hono } from "hono";
 import { defaultSitemapRenderer } from "../../lib/feed.js";
-import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";
+import { createMediaContext, toPostViewsFromPosts, toPageView } from "../../lib/view.js";
 export const sitemapRoutes = new Hono();
 // XML Sitemap
 sitemapRoutes.get("/sitemap.xml", async (c)=>{
     const siteUrl = c.env.SITE_URL;
     const posts = await c.var.services.posts.list({
-        visibility: [
-            "featured",
-            "quiet"
-        ],
+        status: "published",
+        excludeReplies: true,
         limit: 1000
     });
-    // Transform to PostView[]
+    // Fetch published pages
+    const allPages = await c.var.services.pages.list();
+    const publishedPages = allPages.filter((p)=>p.status === "published");
+    // Transform to View Models
     const mediaCtx = createMediaContext(c);
     const postViews = toPostViewsFromPosts(posts, mediaCtx);
-    const renderer = c.var.config.theme?.feed?.sitemap ?? defaultSitemapRenderer;
+    const pageViews = publishedPages.map(toPageView);
+    const renderer = c.var.config.feed?.sitemap ?? defaultSitemapRenderer;
     const xml = renderer({
         siteUrl,
-        posts: postViews
+        posts: postViews,
+        pages: pageViews
     });
     return new Response(xml, {
         headers: {

package/dist/routes/pages/archive.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Archive Page Route
  *
- * Shows all posts, optionally filtered by type
+ * Shows all posts, optionally filtered by format or featured status
  */ import { Hono } from "hono";
-import { POST_TYPES } from "../../types.js";
-import { ArchivePage as DefaultArchivePage } from "../../themes/minimal/pages/ArchivePage.js";
+import { FORMATS } from "../../types.js";
+import { ArchivePage } from "../../ui/pages/ArchivePage.js";
 import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";
 import { createMediaContext, toArchiveGroups } from "../../lib/view.js";
@@ -13,19 +13,19 @@ const PAGE_SIZE = 50;
 export const archiveRoutes = new Hono();
 // Archive page - all posts
 archiveRoutes.get("/", async (c)=>{
-    const typeParam = c.req.query("type");
-    const type = typeParam && POST_TYPES.includes(typeParam) ? typeParam : undefined;
+    const formatParam = c.req.query("format");
+    const format = formatParam && FORMATS.includes(formatParam) ? formatParam : undefined;
+    const featuredParam = c.req.query("featured");
+    const featured = featuredParam === "true" ? true : undefined;
     // Parse cursor
     const cursorParam = c.req.query("cursor");
     const cursor = cursorParam ? parseInt(cursorParam, 10) : undefined;
     const navData = await getNavigationData(c);
     // Fetch one extra to check for more
     const posts = await c.var.services.posts.list({
-        type,
-        visibility: [
-            "featured",
-            "quiet"
-        ],
+        format,
+        status: "published",
+        featured,
         excludeReplies: true,
         cursor,
         limit: PAGE_SIZE + 1
@@ -48,17 +48,15 @@ archiveRoutes.get("/", async (c)=>{
     // 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}`,
         navData,
-        content: /*#__PURE__*/ _jsx(Page, {
+        content: /*#__PURE__*/ _jsx(ArchivePage, {
             groups: groups,
             hasMore: hasMore,
             nextCursor: nextCursor,
-            type: type,
-            theme: components
+            format: format,
+            featured: featured
         })
     });
 });

package/dist/routes/pages/collection.js

@@ -2,30 +2,33 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 /**
  * Collection Page Route
  */ import { Hono } from "hono";
-import { CollectionPage as DefaultCollectionPage } from "../../themes/minimal/pages/CollectionPage.js";
+import { CollectionPage } from "../../ui/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();
-collectionRoutes.get("/:path", async (c)=>{
-    const path = c.req.param("path");
-    const collection = await c.var.services.collections.getByPath(path);
+collectionRoutes.get("/:slug", async (c)=>{
+    const slug = c.req.param("slug");
+    const collection = await c.var.services.collections.getBySlug(slug);
     if (!collection) return c.notFound();
-    const posts = await c.var.services.collections.getPosts(collection.id);
+    // Fetch posts in this collection
+    const posts = await c.var.services.posts.list({
+        collectionId: collection.id,
+        status: "published",
+        excludeReplies: true
+    });
     const navData = await getNavigationData(c);
     // 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,
         navData,
-        content: /*#__PURE__*/ _jsx(Page, {
+        content: /*#__PURE__*/ _jsx(CollectionPage, {
             collection: collection,
             posts: postViews,
-            theme: components
+            hasMore: false
         })
     });
 });

package/dist/routes/pages/collections.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+/**
+ * Collections Listing Page Route
+ *
+ * Lists all collections with their post counts.
+ */ import { Hono } from "hono";
+import { getNavigationData } from "../../lib/navigation.js";
+import { renderPublicPage } from "../../lib/render.js";
+import { CollectionsPage } from "../../ui/pages/CollectionsPage.js";
+export const collectionsPageRoutes = new Hono();
+collectionsPageRoutes.get("/", async (c)=>{
+    const [allCollections, postCounts] = await Promise.all([
+        c.var.services.collections.list(),
+        c.var.services.collections.getPostCounts()
+    ]);
+    const collections = allCollections.map((col)=>({
+            ...col,
+            postCount: postCounts.get(col.id) ?? 0
+        }));
+    const navData = await getNavigationData(c);
+    return renderPublicPage(c, {
+        title: `Collections - ${navData.siteName}`,
+        navData,
+        content: /*#__PURE__*/ _jsx(CollectionsPage, {
+            collections: collections
+        })
+    });
+});

package/dist/routes/pages/featured.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+/**
+ * Featured Page Route
+ *
+ * Shows featured posts as a timeline feed.
+ */ import { Hono } from "hono";
+import { getNavigationData } from "../../lib/navigation.js";
+import { renderPublicPage } from "../../lib/render.js";
+import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";
+import { FeaturedPage } from "../../ui/pages/FeaturedPage.js";
+export const featuredRoutes = new Hono();
+featuredRoutes.get("/", async (c)=>{
+    const posts = await c.var.services.posts.list({
+        featured: true,
+        status: "published",
+        excludeReplies: true
+    });
+    const navData = await getNavigationData(c);
+    const mediaCtx = createMediaContext(c);
+    const postViews = toPostViewsFromPosts(posts, mediaCtx);
+    // Convert to timeline items (simple — no thread previews)
+    const items = postViews.map((post)=>({
+            post
+        }));
+    return renderPublicPage(c, {
+        title: `Featured - ${navData.siteName}`,
+        navData,
+        content: /*#__PURE__*/ _jsx(FeaturedPage, {
+            items: items
+        })
+    });
+});

package/dist/routes/pages/home.js

@@ -3,86 +3,37 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
  * Home Page Route
  *
  * Timeline feed with per-type card components and thread previews.
+ * Uses page-based pagination.
  */ import { Hono } from "hono";
-import { buildMediaMap } from "../../lib/media-helpers.js";
 import { getNavigationData } from "../../lib/navigation.js";
 import { renderPublicPage } from "../../lib/render.js";
-import { HomePage as DefaultHomePage } from "../../themes/minimal/pages/HomePage.js";
-import { createMediaContext, toPostView, toPostViews } from "../../lib/view.js";
-const PAGE_SIZE = 20;
+import { assembleTimeline } from "../../lib/timeline.js";
+import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";
+import { HomePage } from "../../ui/pages/HomePage.js";
 export const homeRoutes = new Hono();
 homeRoutes.get("/", async (c)=>{
+    const pageParam = c.req.query("page");
+    const page = pageParam ? Math.max(1, parseInt(pageParam, 10) || 1) : 1;
+    const { items, currentPage, totalPages } = await assembleTimeline(c, {
+        page
+    });
     const navData = await getNavigationData(c);
-    // Fetch one extra to determine if there are more
-    const posts = await c.var.services.posts.list({
-        visibility: [
-            "featured",
-            "quiet"
-        ],
-        excludeReplies: true,
-        excludeTypes: [
-            "page"
-        ],
-        limit: PAGE_SIZE + 1
+    // Fetch pinned posts
+    const pinnedPosts = await c.var.services.posts.list({
+        pinned: true,
+        status: "published",
+        excludeReplies: true
     });
-    const hasMore = posts.length > PAGE_SIZE;
-    const displayPosts = hasMore ? posts.slice(0, PAGE_SIZE) : posts;
-    // Batch load media attachments
-    const postIds = displayPosts.map((p)=>p.id);
-    const rawMediaMap = await c.var.services.media.getByPostIds(postIds);
     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);
-    // Batch load thread previews
-    const threadPreviews = await c.var.services.posts.getThreadPreviews(threadRootIds, 3);
-    // Batch load media for preview replies
-    const previewReplyIds = [];
-    for (const replies of threadPreviews.values()){
-        for (const reply of replies){
-            previewReplyIds.push(reply.id);
-        }
-    }
-    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 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: postView,
-                threadPreview: {
-                    replies: toPostViews(previewReplies.map((r)=>({
-                            ...r,
-                            mediaAttachments: previewMediaMap.get(r.id) ?? []
-                        })), mediaCtx),
-                    totalReplyCount: replyCount
-                }
-            };
-        }
-        return {
-            post: postView
-        };
-    });
-    // Determine next cursor
-    const lastPost = displayPosts[displayPosts.length - 1];
-    const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
-    // Resolve page component
-    const components = c.var.config.theme?.components;
-    const Page = components?.HomePage ?? DefaultHomePage;
+    const pinnedItems = toPostViewsFromPosts(pinnedPosts, mediaCtx);
     return renderPublicPage(c, {
         title: navData.siteName,
         navData,
-        content: /*#__PURE__*/ _jsx(Page, {
+        content: /*#__PURE__*/ _jsx(HomePage, {
             items: items,
-            hasMore: hasMore,
-            nextCursor: nextCursor,
-            theme: components
+            pinnedItems: pinnedItems,
+            currentPage: currentPage,
+            totalPages: totalPages
         })
     });
 });