@jant/core 0.3.23 → 0.3.24

package/dist/routes/dash/pages.js

@@ -3,12 +3,11 @@ import { getSiteName } from "../../lib/config.js";
 /**
  * Dashboard Pages Routes
  *
- * Management for custom pages (posts with type="page")
+ * Management for standalone pages (about, now, etc.)
  */ import { Hono } from "hono";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { DashLayout } from "../../theme/layouts/index.js";
-import { PageForm, VisibilityBadge, EmptyState, ListItemRow, ActionButtons, CrudPageHeader, DangerZone } from "../../theme/components/index.js";
-import * as sqid from "../../lib/sqid.js";
+import { PageForm, EmptyState, ListItemRow, ActionButtons, CrudPageHeader, DangerZone } from "../../theme/components/index.js";
 import * as time from "../../lib/time.js";
 import { dsRedirect } from "../../lib/sse.js";
 export const pagesRoutes = new Hono();
@@ -41,32 +40,27 @@ function PagesListContent({ pages }) {
                 class: "flex flex-col divide-y",
                 children: pages.map((page)=>/*#__PURE__*/ _jsxs(ListItemRow, {
                         actions: /*#__PURE__*/ _jsx(ActionButtons, {
-                            editHref: `/dash/pages/${sqid.encode(page.id)}/edit`,
+                            editHref: `/dash/pages/${page.id}/edit`,
                             editLabel: $__i18n._({
                                 id: "ePK91l",
                                 message: "Edit"
                             }),
-                            viewHref: page.visibility !== "draft" && page.path ? `/${page.path}` : undefined,
+                            viewHref: page.status !== "draft" ? `/${page.slug}` : undefined,
                             viewLabel: $__i18n._({
                                 id: "jpctdh",
                                 message: "View"
                             })
                         }),
                         children: [
-                            /*#__PURE__*/ _jsxs("div", {
+                            /*#__PURE__*/ _jsx("div", {
                                 class: "flex items-center gap-2 mb-1",
-                                children: [
-                                    /*#__PURE__*/ _jsx(VisibilityBadge, {
-                                        visibility: page.visibility
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
-                                        class: "text-xs text-muted-foreground",
-                                        children: time.formatDate(page.updatedAt)
-                                    })
-                                ]
+                                children: /*#__PURE__*/ _jsx("span", {
+                                    class: "text-xs text-muted-foreground",
+                                    children: time.formatDate(page.updatedAt)
+                                })
                             }),
                             /*#__PURE__*/ _jsx("a", {
-                                href: `/dash/pages/${sqid.encode(page.id)}`,
+                                href: `/dash/pages/${page.id}`,
                                 class: "font-medium hover:underline",
                                 children: page.title || $__i18n._({
                                     id: "wja8aL",
@@ -77,7 +71,7 @@ function PagesListContent({ pages }) {
                                 class: "text-sm text-muted-foreground mt-1",
                                 children: [
                                     "/",
-                                    page.path
+                                    page.slug
                                 ]
                             })
                         ]
@@ -119,22 +113,22 @@ function ViewPageContent({ page }) {
                                     message: "Page"
                                 })
                             }),
-                            page.path && /*#__PURE__*/ _jsxs("p", {
+                            /*#__PURE__*/ _jsxs("p", {
                                 class: "text-muted-foreground mt-1",
                                 children: [
                                     "/",
-                                    page.path
+                                    page.slug
                                 ]
                             })
                         ]
                     }),
                     /*#__PURE__*/ _jsx(ActionButtons, {
-                        editHref: `/dash/pages/${sqid.encode(page.id)}/edit`,
+                        editHref: `/dash/pages/${page.id}/edit`,
                         editLabel: $__i18n._({
                             id: "ePK91l",
                             message: "Edit"
                         }),
-                        viewHref: page.visibility !== "draft" && page.path ? `/${page.path}` : undefined,
+                        viewHref: page.status !== "draft" ? `/${page.slug}` : undefined,
                         viewLabel: $__i18n._({
                             id: "jpctdh",
                             message: "View"
@@ -148,7 +142,7 @@ function ViewPageContent({ page }) {
                     children: /*#__PURE__*/ _jsx("div", {
                         class: "prose",
                         dangerouslySetInnerHTML: {
-                            __html: page.contentHtml || ""
+                            __html: page.bodyHtml || ""
                         }
                     })
                 })
@@ -158,7 +152,7 @@ function ViewPageContent({ page }) {
                     id: "4KzVT6",
                     message: "Delete Page"
                 }),
-                formAction: `/dash/pages/${sqid.encode(page.id)}/delete`,
+                formAction: `/dash/pages/${page.id}/delete`,
                 confirmMessage: "Are you sure you want to delete this page?"
             })
         ]
@@ -177,21 +171,14 @@ function EditPageContent({ page }) {
             }),
             /*#__PURE__*/ _jsx(PageForm, {
                 page: page,
-                action: `/dash/pages/${sqid.encode(page.id)}`
+                action: `/dash/pages/${page.id}`
             })
         ]
     });
 }
 // List pages
 pagesRoutes.get("/", async (c)=>{
-    const pages = await c.var.services.posts.list({
-        type: "page",
-        visibility: [
-            "unlisted",
-            "draft"
-        ],
-        limit: 100
-    });
+    const pages = await c.var.services.pages.list();
     const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
@@ -217,21 +204,20 @@ pagesRoutes.get("/new", async (c)=>{
 // Create page
 pagesRoutes.post("/", async (c)=>{
     const body = await c.req.json();
-    const page = await c.var.services.posts.create({
-        type: "page",
+    const page = await c.var.services.pages.create({
         title: body.title,
-        content: body.content,
-        visibility: body.visibility,
-        path: body.path.toLowerCase().replace(/[^a-z0-9-]/g, "-")
+        body: body.body,
+        status: body.status,
+        slug: body.slug.toLowerCase().replace(/[^a-z0-9-]/g, "-")
     });
-    return dsRedirect(`/dash/pages/${sqid.encode(page.id)}`);
+    return dsRedirect(`/dash/pages/${page.id}`);
 });
 // View single page
 pagesRoutes.get("/:id", async (c)=>{
-    const id = sqid.decode(c.req.param("id"));
-    if (!id) return c.notFound();
-    const page = await c.var.services.posts.getById(id);
-    if (!page || page.type !== "page") return c.notFound();
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    const page = await c.var.services.pages.getById(id);
+    if (!page) return c.notFound();
     const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
@@ -245,10 +231,10 @@ pagesRoutes.get("/:id", async (c)=>{
 });
 // Edit page form
 pagesRoutes.get("/:id/edit", async (c)=>{
-    const id = sqid.decode(c.req.param("id"));
-    if (!id) return c.notFound();
-    const page = await c.var.services.posts.getById(id);
-    if (!page || page.type !== "page") return c.notFound();
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    const page = await c.var.services.pages.getById(id);
+    if (!page) return c.notFound();
     const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
@@ -262,22 +248,21 @@ pagesRoutes.get("/:id/edit", async (c)=>{
 });
 // Update page
 pagesRoutes.post("/:id", async (c)=>{
-    const id = sqid.decode(c.req.param("id"));
-    if (!id) return c.notFound();
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
     const body = await c.req.json();
-    await c.var.services.posts.update(id, {
-        type: "page",
+    await c.var.services.pages.update(id, {
         title: body.title,
-        content: body.content,
-        visibility: body.visibility,
-        path: body.path.toLowerCase().replace(/[^a-z0-9-]/g, "-")
+        body: body.body,
+        status: body.status,
+        slug: body.slug.toLowerCase().replace(/[^a-z0-9-]/g, "-")
     });
-    return dsRedirect(`/dash/pages/${sqid.encode(id)}`);
+    return dsRedirect(`/dash/pages/${id}`);
 });
 // Delete page
 pagesRoutes.post("/:id/delete", async (c)=>{
-    const id = sqid.decode(c.req.param("id"));
-    if (!id) return c.notFound();
-    await c.var.services.posts.delete(id);
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    await c.var.services.pages.delete(id);
     return dsRedirect("/dash/pages");
 });

package/dist/routes/dash/posts.js

@@ -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,22 @@ 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,
+        slug: body.slug || undefined,
+        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 +106,7 @@ function ViewPostContent({ post }) {
         id: "y28hnO",
         message: "Post"
     });
+    const permalink = post.slug ? `/${post.slug}` : `/p/${sqid.encode(post.id)}`;
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs("div", {
@@ -126,7 +122,7 @@ function ViewPostContent({ post }) {
                             id: "ePK91l",
                             message: "Edit"
                         }),
-                        viewHref: `/p/${sqid.encode(post.id)}`,
+                        viewHref: permalink,
                         viewLabel: $__i18n._({
                             id: "jpctdh",
                             message: "View"
@@ -140,7 +136,7 @@ function ViewPostContent({ post }) {
                     children: /*#__PURE__*/ _jsx("div", {
                         class: "prose",
                         dangerouslySetInnerHTML: {
-                            __html: post.contentHtml || ""
+                            __html: post.bodyHtml || ""
                         }
                     })
                 })
@@ -148,7 +144,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 +162,7 @@ function EditPostContent({ post, mediaAttachments, r2PublicUrl, imageTransformUr
                 r2PublicUrl: r2PublicUrl,
                 imageTransformUrl: imageTransformUrl,
                 s3PublicUrl: s3PublicUrl,
-                collections: collections,
-                postCollectionIds: postCollectionIds
+                collections: collections
             })
         ]
     });
@@ -202,8 +197,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 +208,7 @@ postsRoutes.get("/:id/edit", async (c)=>{
             r2PublicUrl: r2PublicUrl,
             imageTransformUrl: imageTransformUrl,
             s3PublicUrl: s3PublicUrl,
-            collections: collections,
-            postCollectionIds: postCollectionIds
+            collections: collections
         })
     }));
 });
@@ -226,22 +218,22 @@ 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,
+        slug: body.slug || null,
+        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/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

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 pageViews = publishedPages.map(toPageView);
     const renderer = c.var.config.theme?.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 as DefaultArchivePage } from "../../themes/threads/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
@@ -57,7 +57,8 @@ archiveRoutes.get("/", async (c)=>{
             groups: groups,
             hasMore: hasMore,
             nextCursor: nextCursor,
-            type: type,
+            format: format,
+            featured: featured,
             theme: components
         })
     });

package/dist/routes/pages/collection.js

@@ -2,16 +2,21 @@ 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 as DefaultCollectionPage } from "../../themes/threads/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);
@@ -25,6 +30,7 @@ collectionRoutes.get("/:path", async (c)=>{
         content: /*#__PURE__*/ _jsx(Page, {
             collection: collection,
             posts: postViews,
+            hasMore: false,
             theme: components
         })
     });

package/dist/routes/pages/home.js

@@ -3,76 +3,67 @@ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
  * Home Page Route
  *
  * Timeline feed with per-type card components and thread previews.
+ * Handles both full-page rendering and load-more SSE responses.
  */ 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 { sse } from "../../lib/sse.js";
+import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";
+import { HomePage as DefaultHomePage } from "../../themes/threads/pages/HomePage.js";
 export const homeRoutes = new Hono();
 homeRoutes.get("/", async (c)=>{
-    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
+    const cursorParam = c.req.query("cursor");
+    const cursor = cursorParam ? parseInt(cursorParam, 10) : undefined;
+    const lastDate = c.req.query("lastDate");
+    const { items, hasMore, nextCursor } = await assembleTimeline(c, {
+        cursor: cursor && !isNaN(cursor) ? cursor : undefined
     });
-    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);
+    // SSE load-more response
+    if (cursor && !isNaN(cursor)) {
+        if (items.length === 0) {
+            return sse(c, async (stream)=>{
+                stream.remove("#load-more-container");
+            });
         }
-    }
-    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
-                }
-            };
+        const themeConfig = c.var.config.theme;
+        const renderMore = themeConfig?.timelineMore;
+        if (!renderMore) {
+            // Should never happen — default theme always provides timelineMore
+            return sse(c, async (stream)=>{
+                stream.remove("#load-more-container");
+            });
         }
-        return {
-            post: postView
-        };
+        const patches = renderMore({
+            items,
+            lastDate: lastDate ?? undefined,
+            hasMore,
+            nextCursor,
+            theme: themeConfig?.components
+        });
+        return sse(c, async (stream)=>{
+            for (const patch of patches){
+                if (patch.mode === "remove") {
+                    stream.remove(patch.selector);
+                } else {
+                    stream.patchElements(patch.content, {
+                        mode: patch.mode,
+                        selector: patch.selector
+                    });
+                }
+            }
+        });
+    }
+    // Full page render
+    const navData = await getNavigationData(c);
+    // Fetch pinned posts
+    const pinnedPosts = await c.var.services.posts.list({
+        pinned: true,
+        status: "published",
+        excludeReplies: true
     });
-    // Determine next cursor
-    const lastPost = displayPosts[displayPosts.length - 1];
-    const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
-    // Resolve page component
+    const mediaCtx = createMediaContext(c);
+    const pinnedItems = toPostViewsFromPosts(pinnedPosts, mediaCtx);
     const components = c.var.config.theme?.components;
     const Page = components?.HomePage ?? DefaultHomePage;
     return renderPublicPage(c, {
@@ -80,6 +71,7 @@ homeRoutes.get("/", async (c)=>{
         navData,
         content: /*#__PURE__*/ _jsx(Page, {
             items: items,
+            pinnedItems: pinnedItems,
             hasMore: hasMore,
             nextCursor: nextCursor,
             theme: components