@jant/core 0.3.7 → 0.3.8

package/dist/routes/dash/navigation.js

@@ -0,0 +1,274 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
+/**
+ * Dashboard Navigation Links 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 { dsRedirect, dsToast } from "../../lib/sse.js";
+export const navigationRoutes = new Hono();
+function NavigationListContent({ links }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(CrudPageHeader, {
+                title: $__i18n._({
+                    id: "UxKoFf",
+                    message: "Navigation"
+                }),
+                ctaLabel: $__i18n._({
+                    id: "aaGV/9",
+                    message: "New Link"
+                }),
+                ctaHref: "/dash/navigation/new"
+            }),
+            links.length === 0 ? /*#__PURE__*/ _jsx(EmptyState, {
+                message: $__i18n._({
+                    id: "wdGjkd",
+                    message: "No navigation links configured."
+                }),
+                ctaText: $__i18n._({
+                    id: "aaGV/9",
+                    message: "New Link"
+                }),
+                ctaHref: "/dash/navigation/new"
+            }) : /*#__PURE__*/ _jsx(_Fragment, {
+                children: /*#__PURE__*/ _jsx("div", {
+                    id: "nav-links-list",
+                    class: "flex flex-col divide-y",
+                    children: links.map((link)=>/*#__PURE__*/ _jsx(ListItemRow, {
+                            actions: /*#__PURE__*/ _jsx(ActionButtons, {
+                                editHref: `/dash/navigation/${link.id}/edit`,
+                                editLabel: $__i18n._({
+                                    id: "ePK91l",
+                                    message: "Edit"
+                                }),
+                                deleteAction: `/dash/navigation/${link.id}/delete`,
+                                deleteLabel: $__i18n._({
+                                    id: "cnGeoo",
+                                    message: "Delete"
+                                })
+                            }),
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                class: "flex items-center gap-3 cursor-grab",
+                                "data-id": link.id,
+                                children: [
+                                    /*#__PURE__*/ _jsx("span", {
+                                        class: "text-muted-foreground select-none",
+                                        children: "⠿"
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        class: "flex items-center gap-2",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("span", {
+                                                class: "font-medium",
+                                                children: link.label
+                                            }),
+                                            /*#__PURE__*/ _jsx("code", {
+                                                class: "text-sm text-muted-foreground bg-muted px-1 rounded",
+                                                children: link.url
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }, link.id))
+                })
+            })
+        ]
+    });
+}
+function NavigationFormContent({ link, isEdit }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const title = isEdit ? $__i18n._({
+        id: "gDx5MG",
+        message: "Edit Link"
+    }) : $__i18n._({
+        id: "aaGV/9",
+        message: "New Link"
+    });
+    const signals = JSON.stringify({
+        label: link?.label ?? "",
+        url: link?.url ?? ""
+    }).replace(/</g, "\\u003c");
+    const action = isEdit ? `/dash/navigation/${link?.id}` : "/dash/navigation";
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-6",
+                children: title
+            }),
+            /*#__PURE__*/ _jsxs("form", {
+                "data-signals": signals,
+                "data-on:submit__prevent": `@post('${action}')`,
+                class: "flex flex-col gap-4 max-w-lg",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "87a/t/",
+                                    message: "Label"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                "data-bind": "label",
+                                class: "input",
+                                placeholder: "Home",
+                                required: true
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-xs text-muted-foreground mt-1",
+                                children: $__i18n._({
+                                    id: "+bHzpy",
+                                    message: "Display text for the link"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "IagCbF",
+                                    message: "URL"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                "data-bind": "url",
+                                class: "input",
+                                placeholder: "/archive or https://...",
+                                required: true
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-xs text-muted-foreground mt-1",
+                                children: $__i18n._({
+                                    id: "QEbNBb",
+                                    message: "Path (e.g. /archive) or full URL (e.g. https://example.com)"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsx("button", {
+                                type: "submit",
+                                class: "btn",
+                                children: isEdit ? $__i18n._({
+                                    id: "IUwGEM",
+                                    message: "Save Changes"
+                                }) : $__i18n._({
+                                    id: "kd7eBB",
+                                    message: "Create Link"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "/dash/navigation",
+                                class: "btn-outline",
+                                children: $__i18n._({
+                                    id: "dEgA5A",
+                                    message: "Cancel"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+// List navigation links
+navigationRoutes.get("/", async (c)=>{
+    const siteName = await getSiteName(c);
+    const links = await c.var.services.navigationLinks.list();
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: "Navigation",
+        siteName: siteName,
+        currentPath: "/dash/navigation",
+        children: /*#__PURE__*/ _jsx(NavigationListContent, {
+            links: links
+        })
+    }));
+});
+// New link form
+navigationRoutes.get("/new", async (c)=>{
+    const siteName = await getSiteName(c);
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: "New Link",
+        siteName: siteName,
+        currentPath: "/dash/navigation",
+        children: /*#__PURE__*/ _jsx(NavigationFormContent, {})
+    }));
+});
+// Create link
+navigationRoutes.post("/", async (c)=>{
+    const body = await c.req.json();
+    if (!body.label || !body.url) {
+        return dsToast("Label and URL are required", "error");
+    }
+    await c.var.services.navigationLinks.create({
+        label: body.label,
+        url: body.url
+    });
+    return dsRedirect("/dash/navigation");
+});
+// Reorder links (must be before /:id to avoid "reorder" matching as :id)
+navigationRoutes.post("/reorder", async (c)=>{
+    const body = await c.req.json();
+    if (!Array.isArray(body.ids)) {
+        return dsToast("Invalid request", "error");
+    }
+    await c.var.services.navigationLinks.reorder(body.ids);
+    return dsToast("Order saved");
+});
+// Edit link form
+navigationRoutes.get("/:id/edit", async (c)=>{
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    const link = await c.var.services.navigationLinks.getById(id);
+    if (!link) return c.notFound();
+    const siteName = await getSiteName(c);
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: "Edit Link",
+        siteName: siteName,
+        currentPath: "/dash/navigation",
+        children: /*#__PURE__*/ _jsx(NavigationFormContent, {
+            link: link,
+            isEdit: true
+        })
+    }));
+});
+// Update link
+navigationRoutes.post("/:id", async (c)=>{
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    const body = await c.req.json();
+    if (!body.label || !body.url) {
+        return dsToast("Label and URL are required", "error");
+    }
+    const updated = await c.var.services.navigationLinks.update(id, {
+        label: body.label,
+        url: body.url
+    });
+    if (!updated) return c.notFound();
+    return dsRedirect("/dash/navigation");
+});
+// Delete link
+navigationRoutes.post("/:id/delete", async (c)=>{
+    const id = parseInt(c.req.param("id"), 10);
+    if (!isNaN(id)) {
+        await c.var.services.navigationLinks.delete(id);
+    }
+    return dsRedirect("/dash/navigation");
+});

package/dist/routes/pages/archive.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { getSiteName } from "../../lib/config.js";
 /**
  * Archive Page Route
  *
  * Shows all posts, optionally filtered by type
  */ import { Hono } from "hono";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { BaseLayout } from "../../theme/layouts/index.js";
+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 { getNavigationData } from "../../lib/navigation.js";
 const PAGE_SIZE = 50;
 export const archiveRoutes = new Hono();
 function getTypeLabel(type) {
@@ -89,7 +89,6 @@ function ArchiveContent({ displayPosts, hasMore, nextCursor, type, grouped, repl
         message: "Archive"
     });
     return /*#__PURE__*/ _jsxs("div", {
-        class: "container py-8",
         children: [
             /*#__PURE__*/ _jsxs("header", {
                 class: "mb-8",
@@ -183,21 +182,6 @@ function ArchiveContent({ displayPosts, hasMore, nextCursor, type, grouped, repl
                 baseUrl: type ? `/archive?type=${type}` : "/archive",
                 hasMore: hasMore,
                 nextCursor: nextCursor
-            }),
-            /*#__PURE__*/ _jsx("nav", {
-                class: "mt-4",
-                children: /*#__PURE__*/ _jsxs("a", {
-                    href: "/",
-                    class: "text-sm hover:underline",
-                    children: [
-                        "←",
-                        " ",
-                        $__i18n._({
-                            id: "x4RuFo",
-                            message: "Back to home"
-                        })
-                    ]
-                })
             })
         ]
     });
@@ -209,7 +193,7 @@ archiveRoutes.get("/", async (c)=>{
     // Parse cursor
     const cursorParam = c.req.query("cursor");
     const cursor = cursorParam ? parseInt(cursorParam, 10) : undefined;
-    const siteName = await getSiteName(c);
+    const navData = await getNavigationData(c);
     // Fetch one extra to check for more
     const posts = await c.var.services.posts.list({
         type,
@@ -240,15 +224,18 @@ archiveRoutes.get("/", async (c)=>{
         grouped.get(key).push(post);
     }
     return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
-        title: `Archive - ${siteName}`,
+        title: `Archive - ${navData.siteName}`,
         c: c,
-        children: /*#__PURE__*/ _jsx(ArchiveContent, {
-            displayPosts: displayPosts,
-            hasMore: hasMore,
-            nextCursor: nextCursor,
-            type: type,
-            grouped: grouped,
-            replyCounts: replyCounts
+        children: /*#__PURE__*/ _jsx(SiteLayout, {
+            ...navData,
+            children: /*#__PURE__*/ _jsx(ArchiveContent, {
+                displayPosts: displayPosts,
+                hasMore: hasMore,
+                nextCursor: nextCursor,
+                type: type,
+                grouped: grouped,
+                replyCounts: replyCounts
+            })
         })
     }));
 });

package/dist/routes/pages/collection.js

@@ -1,17 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { getSiteName } from "../../lib/config.js";
 /**
  * Collection Page Route
  */ import { Hono } from "hono";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { BaseLayout } from "../../theme/layouts/index.js";
+import { BaseLayout, SiteLayout } from "../../theme/layouts/index.js";
 import * as sqid from "../../lib/sqid.js";
 import * as time from "../../lib/time.js";
+import { getNavigationData } from "../../lib/navigation.js";
 export const collectionRoutes = new Hono();
 function CollectionContent({ collection, posts }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     return /*#__PURE__*/ _jsxs("div", {
-        class: "container py-8",
         children: [
             /*#__PURE__*/ _jsxs("header", {
                 class: "mb-8",
@@ -61,17 +60,6 @@ function CollectionContent({ collection, posts }) {
                             })
                         ]
                     }, post.id))
-            }),
-            /*#__PURE__*/ _jsx("nav", {
-                class: "mt-8",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: "/",
-                    class: "text-sm hover:underline",
-                    children: $__i18n._({
-                        id: "biOepV",
-                        message: "← Back to home"
-                    })
-                })
             })
         ]
     });
@@ -81,14 +69,17 @@ collectionRoutes.get("/:path", async (c)=>{
     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 siteName = await getSiteName(c);
+    const navData = await getNavigationData(c);
     return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
-        title: `${collection.title} - ${siteName}`,
+        title: `${collection.title} - ${navData.siteName}`,
         description: collection.description ?? undefined,
         c: c,
-        children: /*#__PURE__*/ _jsx(CollectionContent, {
-            collection: collection,
-            posts: posts
+        children: /*#__PURE__*/ _jsx(SiteLayout, {
+            ...navData,
+            children: /*#__PURE__*/ _jsx(CollectionContent, {
+                collection: collection,
+                posts: posts
+            })
         })
     }));
 });

package/dist/routes/pages/home.js

@@ -1,152 +1,109 @@
-import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } 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 } from "../../theme/layouts/index.js";
-import { MediaGallery } from "../../theme/components/index.js";
-import * as sqid from "../../lib/sqid.js";
-import * as time from "../../lib/time.js";
-import { getSiteName } from "../../lib/config.js";
-import { getMediaUrl, getImageUrl } from "../../lib/image.js";
+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";
+const PAGE_SIZE = 20;
 export const homeRoutes = new Hono();
-function HomeContent({ siteName, posts, mediaMap }) {
+function HomeContent({ FeedComponent, feedProps }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
-    return /*#__PURE__*/ _jsxs("div", {
-        class: "container py-8",
-        children: [
-            /*#__PURE__*/ _jsxs("header", {
-                class: "mb-8 flex items-center justify-between",
-                children: [
-                    /*#__PURE__*/ _jsx("h1", {
-                        class: "text-2xl font-semibold",
-                        children: siteName
-                    }),
-                    /*#__PURE__*/ _jsxs("nav", {
-                        class: "flex items-center gap-4 text-sm",
-                        children: [
-                            /*#__PURE__*/ _jsx("a", {
-                                href: "/archive",
-                                class: "text-muted-foreground hover:text-foreground",
-                                children: $__i18n._({
-                                    id: "B495Gs",
-                                    message: "Archive"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("a", {
-                                href: "/feed",
-                                class: "text-muted-foreground hover:text-foreground",
-                                children: "RSS"
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                class: "flex flex-col gap-6",
-                children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
-                    class: "text-muted-foreground",
-                    children: $__i18n._({
-                        id: "ODiSoW",
-                        message: "No posts yet."
-                    })
-                }) : posts.map((post)=>{
-                    const attachments = mediaMap.get(post.id) ?? [];
-                    return /*#__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 || ""
-                                }
-                            }),
-                            attachments.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
-                                attachments: attachments
-                            }),
-                            /*#__PURE__*/ _jsxs("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.visibility === "featured" && /*#__PURE__*/ _jsx("span", {
-                                        class: "ml-2 text-xs",
-                                        children: $__i18n._({
-                                            id: "FkMol5",
-                                            message: "Featured"
-                                        })
-                                    })
-                                ]
-                            })
-                        ]
-                    }, post.id);
-                })
-            }),
-            posts.length >= 20 && /*#__PURE__*/ _jsx("nav", {
-                class: "mt-8 text-center",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: "/archive",
-                    class: "text-sm text-muted-foreground hover:text-foreground",
-                    children: $__i18n._({
-                        id: "mTOYla",
-                        message: "View all posts →"
-                    })
-                })
+    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 siteName = await getSiteName(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"
         ],
-        limit: 20
+        excludeReplies: true,
+        excludeTypes: [
+            "page"
+        ],
+        limit: PAGE_SIZE + 1
     });
+    const hasMore = posts.length > PAGE_SIZE;
+    const displayPosts = hasMore ? posts.slice(0, PAGE_SIZE) : posts;
     // Batch load media attachments
-    const postIds = posts.map((p)=>p.id);
+    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 mediaMap = new Map();
-    for (const [postId, mediaList] of rawMediaMap){
-        mediaMap.set(postId, mediaList.map((m)=>({
-                id: m.id,
-                url: getMediaUrl(m.id, m.r2Key, r2PublicUrl),
-                previewUrl: getImageUrl(getMediaUrl(m.id, m.r2Key, r2PublicUrl), 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
-            })));
+    const mediaMap = buildMediaMap(rawMediaMap, r2PublicUrl, imageTransformUrl);
+    // 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), r2PublicUrl, imageTransformUrl) : new Map();
+    // Assemble timeline items
+    const items = displayPosts.map((post)=>{
+        const postWithMedia = {
+            ...post,
+            mediaAttachments: mediaMap.get(post.id) ?? []
+        };
+        const replyCount = replyCounts.get(post.id) ?? 0;
+        const previewReplies = threadPreviews.get(post.id);
+        if (replyCount > 0 && previewReplies) {
+            return {
+                post: postWithMedia,
+                threadPreview: {
+                    replies: previewReplies.map((r)=>({
+                            ...r,
+                            mediaAttachments: previewMediaMap.get(r.id) ?? []
+                        })),
+                    totalReplyCount: replyCount
+                }
+            };
+        }
+        return {
+            post: postWithMedia
+        };
+    });
+    // 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, {
-        title: siteName,
+        title: navData.siteName,
         c: c,
-        children: /*#__PURE__*/ _jsx(HomeContent, {
-            siteName: siteName,
-            posts: posts,
-            mediaMap: mediaMap
+        children: /*#__PURE__*/ _jsx(SiteLayout, {
+            ...navData,
+            children: /*#__PURE__*/ _jsx(HomeContent, {
+                FeedComponent: Feed,
+                feedProps: feedProps
+            })
         })
     }));
 });