@jant/core 0.3.22 → 0.3.24

package/dist/theme/components/timeline/ArticleCard.js

@@ -1,46 +0,0 @@
-/**
- * Article Card Component
- *
- * Prominent title + excerpt for type="article" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const ArticleCard = ({ post, compact })=>{
-    return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry timeline-card${compact ? " timeline-card-compact" : ""}`,
-        children: [
-            post.title && /*#__PURE__*/ _jsx("h2", {
-                class: `p-name font-semibold ${compact ? "text-sm" : "text-lg"} mb-1`,
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url hover:underline",
-                    children: post.title
-                })
-            }),
-            !compact && post.excerpt && /*#__PURE__*/ _jsx("p", {
-                class: "e-content text-sm text-muted-foreground line-clamp-3",
-                children: post.excerpt
-            }),
-            /*#__PURE__*/ _jsxs("footer", {
-                class: "mt-2 text-xs text-muted-foreground",
-                children: [
-                    /*#__PURE__*/ _jsx("a", {
-                        href: post.permalink,
-                        class: "u-url hover:underline",
-                        children: /*#__PURE__*/ _jsx("time", {
-                            class: "dt-published",
-                            datetime: post.publishedAt,
-                            children: post.publishedAtFormatted
-                        })
-                    }),
-                    !compact && /*#__PURE__*/ _jsx("span", {
-                        class: "ml-2",
-                        children: /*#__PURE__*/ _jsx("a", {
-                            href: post.permalink,
-                            class: "hover:underline",
-                            children: "Read more →"
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};

package/dist/theme/components/timeline/ImageCard.js

@@ -1,83 +0,0 @@
-/**
- * Image Card Component
- *
- * Image-first layout for type="image" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { MediaGallery } from "../MediaGallery.js";
-export const ImageCard = ({ post, compact })=>{
-    if (compact) {
-        return /*#__PURE__*/ _jsxs("article", {
-            class: "h-entry timeline-card timeline-card-compact",
-            children: [
-                post.title && /*#__PURE__*/ _jsx("h2", {
-                    class: "p-name text-sm font-medium mb-1",
-                    children: /*#__PURE__*/ _jsx("a", {
-                        href: post.permalink,
-                        class: "u-url hover:underline",
-                        children: post.title
-                    })
-                }),
-                post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                    class: "e-content prose prose-sm text-muted-foreground",
-                    dangerouslySetInnerHTML: {
-                        __html: post.contentHtml
-                    }
-                }),
-                /*#__PURE__*/ _jsx("footer", {
-                    class: "mt-1 text-xs text-muted-foreground",
-                    children: /*#__PURE__*/ _jsx("a", {
-                        href: post.permalink,
-                        class: "u-url hover:underline",
-                        children: /*#__PURE__*/ _jsx("time", {
-                            class: "dt-published",
-                            datetime: post.publishedAt,
-                            children: post.publishedAtFormatted
-                        })
-                    })
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ _jsxs("article", {
-        class: "h-entry timeline-card timeline-card-image",
-        children: [
-            post.media.length > 0 && /*#__PURE__*/ _jsx("div", {
-                class: "timeline-card-image-gallery",
-                children: /*#__PURE__*/ _jsx(MediaGallery, {
-                    attachments: post.media
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                class: "p-4",
-                children: [
-                    post.title && /*#__PURE__*/ _jsx("h2", {
-                        class: "p-name font-medium mb-1",
-                        children: /*#__PURE__*/ _jsx("a", {
-                            href: post.permalink,
-                            class: "u-url hover:underline",
-                            children: post.title
-                        })
-                    }),
-                    post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                        class: "e-content prose prose-sm",
-                        dangerouslySetInnerHTML: {
-                            __html: post.contentHtml
-                        }
-                    }),
-                    /*#__PURE__*/ _jsx("footer", {
-                        class: "mt-2 text-xs text-muted-foreground",
-                        children: /*#__PURE__*/ _jsx("a", {
-                            href: post.permalink,
-                            class: "u-url hover:underline",
-                            children: /*#__PURE__*/ _jsx("time", {
-                                class: "dt-published",
-                                datetime: post.publishedAt,
-                                children: post.publishedAtFormatted
-                            })
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};

package/dist/theme/components/timeline/NoteCard.js

@@ -1,34 +0,0 @@
-/**
- * Note Card Component
- *
- * Text-first, minimal card for type="note" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { MediaGallery } from "../MediaGallery.js";
-export const NoteCard = ({ post, compact })=>{
-    return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry timeline-card${compact ? " timeline-card-compact" : ""}`,
-        children: [
-            post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                class: `e-content prose ${compact ? "prose-sm" : "prose-sm"}`,
-                dangerouslySetInnerHTML: {
-                    __html: post.contentHtml
-                }
-            }),
-            !compact && post.media.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
-                attachments: post.media
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2 text-xs text-muted-foreground",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url hover:underline",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/theme/components/timeline/QuoteCard.js

@@ -1,48 +0,0 @@
-/**
- * Quote Card Component
- *
- * Blockquote + attribution for type="quote" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const QuoteCard = ({ post, compact })=>{
-    return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry timeline-card timeline-card-quote${compact ? " timeline-card-compact" : ""}`,
-        children: [
-            post.contentHtml && /*#__PURE__*/ _jsx("blockquote", {
-                class: `e-content italic ${compact ? "text-sm" : "text-base"} leading-relaxed`,
-                children: /*#__PURE__*/ _jsx("div", {
-                    dangerouslySetInnerHTML: {
-                        __html: post.contentHtml
-                    }
-                })
-            }),
-            !compact && (post.sourceName || post.sourceUrl) && /*#__PURE__*/ _jsxs("div", {
-                class: "mt-2 text-sm text-muted-foreground",
-                children: [
-                    "—",
-                    " ",
-                    post.sourceUrl ? /*#__PURE__*/ _jsx("a", {
-                        href: post.sourceUrl,
-                        class: "hover:underline",
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        children: post.sourceName || post.sourceDomain || "Source"
-                    }) : /*#__PURE__*/ _jsx("span", {
-                        children: post.sourceName
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2 text-xs text-muted-foreground",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url hover:underline",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/theme/components/timeline/TimelineFeed.js

@@ -1,46 +0,0 @@
-/**
- * Timeline Feed Component
- *
- * Main feed wrapper with load-more button.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { TimelineItem } from "./TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "./ThreadPreview.js";
-export const TimelineFeed = ({ items, hasMore, nextCursor, theme })=>{
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-    return /*#__PURE__*/ _jsxs("div", {
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                id: "timeline-feed",
-                class: "flex flex-col gap-4",
-                children: items.map((item)=>{
-                    if (item.threadPreview) {
-                        return /*#__PURE__*/ _jsx(ResolvedThreadPreview, {
-                            rootPost: item.post,
-                            previewReplies: item.threadPreview.replies,
-                            totalReplyCount: item.threadPreview.totalReplyCount,
-                            theme: theme
-                        }, item.post.id);
-                    }
-                    return /*#__PURE__*/ _jsx(TimelineItem, {
-                        item: item,
-                        theme: theme
-                    }, item.post.id);
-                })
-            }),
-            hasMore && nextCursor && /*#__PURE__*/ _jsx("div", {
-                id: "load-more-container",
-                class: "mt-6 text-center",
-                children: /*#__PURE__*/ _jsx("button", {
-                    class: "btn btn-outline",
-                    "data-on:click": `@get('/api/timeline?cursor=${nextCursor}')`,
-                    children: $__i18n._({
-                        id: "yQ2kGp",
-                        message: "Load more"
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/theme/components/timeline/index.js

@@ -1,8 +0,0 @@
-export { NoteCard } from "./NoteCard.js";
-export { ArticleCard } from "./ArticleCard.js";
-export { LinkCard } from "./LinkCard.js";
-export { QuoteCard } from "./QuoteCard.js";
-export { ImageCard } from "./ImageCard.js";
-export { ThreadPreview } from "./ThreadPreview.js";
-export { TimelineItem, TimelineItemFromPost } from "./TimelineItem.js";
-export { TimelineFeed } from "./TimelineFeed.js";

package/dist/theme/layouts/SiteLayout.js

@@ -1,131 +0,0 @@
-/**
- * Site Layout
- *
- * Two-column layout for public pages with sidebar navigation.
- * On mobile, uses a slide-out drawer menu.
- */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-/**
- * Render navigation links with dot indicator for active state.
- */ function NavLinks({ links }) {
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: links.map((link)=>/*#__PURE__*/ _jsxs("a", {
-                href: link.url,
-                class: `text-sm flex items-center gap-2 py-0.5 ${link.isActive ? "text-primary font-medium" : "text-muted-foreground hover:text-foreground"}`,
-                ...link.isExternal ? {
-                    target: "_blank",
-                    rel: "noopener noreferrer"
-                } : {},
-                children: [
-                    /*#__PURE__*/ _jsx("span", {
-                        class: `size-1.5 rounded-full shrink-0 ${link.isActive ? "bg-primary" : "bg-transparent"}`
-                    }),
-                    link.label,
-                    link.isExternal && /*#__PURE__*/ _jsx("span", {
-                        class: "ml-1 text-xs opacity-50",
-                        children: "↗"
-                    })
-                ]
-            }, link.id))
-    });
-}
-export const SiteLayout = ({ siteName, links, children })=>{
-    return /*#__PURE__*/ _jsxs("div", {
-        class: "container py-8 md:flex md:gap-12",
-        "data-signals": JSON.stringify({
-            _drawerOpen: false
-        }),
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                class: "flex items-center justify-between mb-6 md:hidden",
-                children: [
-                    /*#__PURE__*/ _jsx("a", {
-                        href: "/",
-                        class: "text-xl font-semibold",
-                        children: siteName
-                    }),
-                    /*#__PURE__*/ _jsx("button", {
-                        "data-on:click": "$_drawerOpen = true",
-                        class: "p-2 -mr-2 text-muted-foreground hover:text-foreground",
-                        "aria-label": "Open menu",
-                        children: /*#__PURE__*/ _jsx("svg", {
-                            class: "size-5",
-                            fill: "none",
-                            viewBox: "0 0 24 24",
-                            "stroke-width": "1.5",
-                            stroke: "currentColor",
-                            children: /*#__PURE__*/ _jsx("path", {
-                                "stroke-linecap": "round",
-                                "stroke-linejoin": "round",
-                                d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
-                            })
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                class: "fixed inset-0 bg-black/50 z-40 opacity-0 pointer-events-none transition-opacity duration-300 ease-in-out md:hidden",
-                "data-class": "{'opacity-100 pointer-events-auto': $_drawerOpen, 'opacity-0 pointer-events-none': !$_drawerOpen}",
-                "data-on:click": "$_drawerOpen = false"
-            }),
-            /*#__PURE__*/ _jsxs("aside", {
-                class: "fixed inset-y-0 left-0 w-64 bg-background z-50 p-6 overflow-y-auto shadow-lg -translate-x-full transition-transform duration-300 ease-in-out md:hidden",
-                "data-class": "{'translate-x-0': $_drawerOpen, '-translate-x-full': !$_drawerOpen}",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "flex items-center justify-between mb-8",
-                        children: [
-                            /*#__PURE__*/ _jsx("a", {
-                                href: "/",
-                                class: "text-xl font-semibold",
-                                children: siteName
-                            }),
-                            /*#__PURE__*/ _jsx("button", {
-                                "data-on:click": "$_drawerOpen = false",
-                                class: "p-2 -mr-2 text-muted-foreground hover:text-foreground",
-                                "aria-label": "Close menu",
-                                children: /*#__PURE__*/ _jsx("svg", {
-                                    class: "size-5",
-                                    fill: "none",
-                                    viewBox: "0 0 24 24",
-                                    "stroke-width": "1.5",
-                                    stroke: "currentColor",
-                                    children: /*#__PURE__*/ _jsx("path", {
-                                        "stroke-linecap": "round",
-                                        "stroke-linejoin": "round",
-                                        d: "M6 18L18 6M6 6l12 12"
-                                    })
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx("nav", {
-                        class: "flex flex-col gap-0.5",
-                        children: /*#__PURE__*/ _jsx(NavLinks, {
-                            links: links
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs("aside", {
-                class: "hidden md:block md:w-48 md:shrink-0 md:sticky md:top-8 md:self-start",
-                children: [
-                    /*#__PURE__*/ _jsx("a", {
-                        href: "/",
-                        class: "text-xl font-semibold block mb-20",
-                        children: siteName
-                    }),
-                    /*#__PURE__*/ _jsx("nav", {
-                        class: "flex flex-col gap-0.5",
-                        children: /*#__PURE__*/ _jsx(NavLinks, {
-                            links: links
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                class: "flex-1 min-w-0",
-                children: children
-            })
-        ]
-    });
-};

package/dist/theme/pages/CollectionPage.js

@@ -1,63 +0,0 @@
-/**
- * Default Collection Page Component
- *
- * Renders a collection with its posts.
- * Theme authors can replace this entirely via ThemeComponents.CollectionPage.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const CollectionPage = ({ 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: post.permalink,
-                                    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: post.publishedAt,
-                                    children: post.publishedAtFormatted
-                                })
-                            })
-                        ]
-                    }, post.id))
-            })
-        ]
-    });
-};

package/dist/theme/pages/index.js

@@ -1,11 +0,0 @@
-/**
- * Default Page Components
- *
- * These are the built-in page components that render each public page.
- * Theme authors can import these to wrap/extend them.
- */ export { HomePage } from "./HomePage.js";
-export { PostPage } from "./PostPage.js";
-export { SinglePage } from "./SinglePage.js";
-export { ArchivePage } from "./ArchivePage.js";
-export { SearchPage } from "./SearchPage.js";
-export { CollectionPage } from "./CollectionPage.js";

package/src/routes/api/timeline.tsx

@@ -1,159 +0,0 @@
-/**
- * Timeline API Routes
- *
- * Provides load-more functionality for the timeline feed via SSE.
- */
-
-import { Hono } from "hono";
-import type { Bindings, TimelineItemView } from "../../types.js";
-import type { AppVariables } from "../../app.js";
-import { sse } from "../../lib/sse.js";
-import { buildMediaMap } from "../../lib/media-helpers.js";
-import { TimelineItem } from "../../theme/components/timeline/TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "../../theme/components/timeline/ThreadPreview.js";
-import { createMediaContext, toPostView, toPostViews } from "../../lib/view.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-const PAGE_SIZE = 20;
-
-export const timelineApiRoutes = new Hono<Env>();
-
-timelineApiRoutes.get("/", async (c) => {
-  const cursorParam = c.req.query("cursor");
-  const cursor = cursorParam ? parseInt(cursorParam, 10) : undefined;
-
-  if (!cursor || isNaN(cursor)) {
-    return c.json({ error: "cursor parameter required" }, 400);
-  }
-
-  // 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,
-    cursor,
-  });
-
-  const hasMore = posts.length > PAGE_SIZE;
-  const displayPosts = hasMore ? posts.slice(0, PAGE_SIZE) : posts;
-
-  if (displayPosts.length === 0) {
-    return sse(c, async (stream) => {
-      stream.remove("#load-more-container");
-    });
-  }
-
-  // Build media map
-  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);
-
-  // Get thread previews
-  const threadPreviews = await c.var.services.posts.getThreadPreviews(
-    threadRootIds,
-    3,
-  );
-
-  // Load media for preview replies
-  const previewReplyIds: number[] = [];
-  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: TimelineItemView[] = 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 };
-  });
-
-  // Resolve theme components for card rendering
-  const theme = c.var.config.theme?.components;
-  const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-
-  // Render items to HTML
-  const itemsHtml = items
-    .map((item) => {
-      if (item.threadPreview) {
-        return (
-          <ResolvedThreadPreview
-            rootPost={item.post}
-            previewReplies={item.threadPreview.replies}
-            totalReplyCount={item.threadPreview.totalReplyCount}
-            theme={theme}
-          />
-        );
-      }
-      return <TimelineItem item={item} theme={theme} />;
-    })
-    .map((jsx) => jsx.toString())
-    .join("");
-
-  // Determine next cursor
-  const lastPost = displayPosts[displayPosts.length - 1];
-  const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
-
-  // Build load-more button HTML
-  const loadMoreHtml = nextCursor
-    ? `<div id="load-more-container" class="mt-6 text-center"><button class="btn btn-outline" data-on:click="@get('/api/timeline?cursor=${nextCursor}')">Load more</button></div>`
-    : "";
-
-  return sse(c, async (stream) => {
-    // Append new items to the feed
-    stream.patchElements(itemsHtml, {
-      mode: "append",
-      selector: "#timeline-feed",
-    });
-    // Replace or remove the load-more container
-    if (loadMoreHtml) {
-      stream.patchElements(loadMoreHtml);
-    } else {
-      stream.remove("#load-more-container");
-    }
-  });
-});