@jant/core 0.3.23 → 0.3.25

package/dist/theme/components/MediaGallery.js

@@ -1,107 +0,0 @@
-/**
- * Media Gallery Component
- *
- * Renders media attachments on public post pages.
- * Layout adapts based on the number of images.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const MediaGallery = ({ attachments })=>{
-    const images = attachments.filter((a)=>a.mimeType.startsWith("image/"));
-    if (images.length === 0) return null;
-    if (images.length === 1) {
-        const [img] = images;
-        if (!img) return null;
-        return /*#__PURE__*/ _jsx("div", {
-            class: "mt-3",
-            children: /*#__PURE__*/ _jsx("a", {
-                href: img.url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: /*#__PURE__*/ _jsx("img", {
-                    src: img.thumbnailUrl,
-                    alt: img.altText || "",
-                    width: img.width ?? undefined,
-                    height: img.height ?? undefined,
-                    class: "rounded-lg max-w-full h-auto",
-                    loading: "lazy"
-                })
-            })
-        });
-    }
-    if (images.length === 2) {
-        return /*#__PURE__*/ _jsx("div", {
-            class: "mt-3 grid grid-cols-2 gap-1 rounded-lg overflow-hidden",
-            children: images.map((img)=>/*#__PURE__*/ _jsx("a", {
-                    href: img.url,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    class: "aspect-square",
-                    children: /*#__PURE__*/ _jsx("img", {
-                        src: img.thumbnailUrl,
-                        alt: img.altText || "",
-                        class: "w-full h-full object-cover",
-                        loading: "lazy"
-                    })
-                }, img.id))
-        });
-    }
-    if (images.length === 3) {
-        const [first, ...rest] = images;
-        if (!first) return null;
-        return /*#__PURE__*/ _jsxs("div", {
-            class: "mt-3 grid grid-cols-2 gap-1 rounded-lg overflow-hidden",
-            children: [
-                /*#__PURE__*/ _jsx("a", {
-                    href: first.url,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    class: "row-span-2",
-                    children: /*#__PURE__*/ _jsx("img", {
-                        src: first.thumbnailUrl,
-                        alt: first.altText || "",
-                        class: "w-full h-full object-cover",
-                        loading: "lazy"
-                    })
-                }),
-                rest.map((img)=>/*#__PURE__*/ _jsx("a", {
-                        href: img.url,
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        class: "aspect-square",
-                        children: /*#__PURE__*/ _jsx("img", {
-                            src: img.thumbnailUrl,
-                            alt: img.altText || "",
-                            class: "w-full h-full object-cover",
-                            loading: "lazy"
-                        })
-                    }, img.id))
-            ]
-        });
-    }
-    // 4+ images: 2-column grid, show first 4 with remaining count
-    const shown = images.slice(0, 4);
-    const remaining = images.length - 4;
-    return /*#__PURE__*/ _jsx("div", {
-        class: "mt-3 grid grid-cols-2 gap-1 rounded-lg overflow-hidden",
-        children: shown.map((img, i)=>/*#__PURE__*/ _jsxs("a", {
-                href: img.url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                class: "relative aspect-square",
-                children: [
-                    /*#__PURE__*/ _jsx("img", {
-                        src: img.thumbnailUrl,
-                        alt: img.altText || "",
-                        class: "w-full h-full object-cover",
-                        loading: "lazy"
-                    }),
-                    i === 3 && remaining > 0 && /*#__PURE__*/ _jsxs("div", {
-                        class: "absolute inset-0 bg-black/50 flex items-center justify-center text-white text-xl font-semibold",
-                        children: [
-                            "+",
-                            remaining
-                        ]
-                    })
-                ]
-            }, img.id))
-    });
-};

package/dist/theme/components/VisibilityBadge.js

@@ -1,37 +0,0 @@
-/**
- * Visibility Badge Component
- *
- * Displays a badge indicating the visibility level of a post
- */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const VisibilityBadge = ({ visibility })=>{
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const variants = {
-        featured: "badge-primary",
-        quiet: "badge-secondary",
-        unlisted: "badge-outline",
-        draft: "badge-outline"
-    };
-    const labels = {
-        featured: $__i18n._({
-            id: "FkMol5",
-            message: "Featured"
-        }),
-        quiet: $__i18n._({
-            id: "r1MpXi",
-            message: "Quiet"
-        }),
-        unlisted: $__i18n._({
-            id: "WDcQq9",
-            message: "Unlisted"
-        }),
-        draft: $__i18n._({
-            id: "eneWvv",
-            message: "Draft"
-        })
-    };
-    return /*#__PURE__*/ _jsx("span", {
-        class: variants[visibility],
-        children: labels[visibility]
-    });
-};

package/dist/theme/index.js

@@ -1,18 +0,0 @@
-/**
- * Jant Theme - Shared Infrastructure
- *
- * Exports shared layouts, components, and color themes used by all themes.
- * Individual theme packages (minimal, card, etc.) import from here.
- *
- * @example
- * ```typescript
- * // In a theme package:
- * import { MediaGallery, Pagination } from "@jant/core/theme";
- * import type { ColorTheme } from "@jant/core/theme";
- * ```
- */ // Layout components (BaseLayout, DashLayout)
-export * from "./layouts/index.js";
-// Shared UI components (MediaGallery, Pagination, EmptyState, etc.)
-export * from "./components/index.js";
-// Color themes
-export * from "./color-themes.js";

package/dist/theme/layouts/index.js

@@ -1,2 +0,0 @@
-export { BaseLayout } from "./BaseLayout.js";
-export { DashLayout } from "./DashLayout.js";

package/dist/themes/minimal/MinimalSiteLayout.js

@@ -1,83 +0,0 @@
-/**
- * Minimal Theme - Site Layout
- *
- * Single-column, centered layout with horizontal nav.
- * Inspired by Tufte CSS and Manton.org.
- */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-function NavLinks({ links }) {
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: links.map((link)=>/*#__PURE__*/ _jsxs("a", {
-                href: link.url,
-                class: `text-sm ${link.isActive ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"}`,
-                ...link.isExternal ? {
-                    target: "_blank",
-                    rel: "noopener noreferrer"
-                } : {},
-                children: [
-                    link.label,
-                    link.isExternal && /*#__PURE__*/ _jsx("span", {
-                        class: "ml-0.5 text-xs opacity-50",
-                        children: "↗"
-                    })
-                ]
-            }, link.id))
-    });
-}
-export const SiteLayout = ({ siteName, links, children })=>{
-    return /*#__PURE__*/ _jsxs("div", {
-        class: "max-w-2xl mx-auto px-4 py-8",
-        "data-signals": JSON.stringify({
-            _menuOpen: false
-        }),
-        children: [
-            /*#__PURE__*/ _jsxs("header", {
-                class: "mb-12",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "flex items-center justify-between",
-                        children: [
-                            /*#__PURE__*/ _jsx("a", {
-                                href: "/",
-                                class: "text-xl font-semibold",
-                                children: siteName
-                            }),
-                            links.length > 0 && /*#__PURE__*/ _jsx("button", {
-                                "data-on:click": "$_menuOpen = !$_menuOpen",
-                                class: "p-2 -mr-2 text-muted-foreground hover:text-foreground sm:hidden",
-                                "aria-label": "Toggle 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"
-                                    })
-                                })
-                            })
-                        ]
-                    }),
-                    links.length > 0 && /*#__PURE__*/ _jsx("nav", {
-                        class: "hidden sm:flex flex-wrap gap-x-4 gap-y-1 mt-3",
-                        children: /*#__PURE__*/ _jsx(NavLinks, {
-                            links: links
-                        })
-                    }),
-                    links.length > 0 && /*#__PURE__*/ _jsx("nav", {
-                        class: "sm:hidden flex flex-col gap-1 mt-3 overflow-hidden",
-                        "data-show": "$_menuOpen",
-                        children: /*#__PURE__*/ _jsx(NavLinks, {
-                            links: links
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                children: children
-            })
-        ]
-    });
-};

package/dist/themes/minimal/index.js

@@ -1,65 +0,0 @@
-/**
- * Minimal Theme
- *
- * A content-first, borderless theme inspired by Tufte CSS and Manton.org.
- * Single-column layout with serif-friendly typography and generous whitespace.
- *
- * This is the default theme for Jant.
- */ // Layout
-import { SiteLayout } from "./MinimalSiteLayout.js";
-// Pages
-import { HomePage } from "./pages/HomePage.js";
-import { PostPage } from "./pages/PostPage.js";
-import { SinglePage } from "./pages/SinglePage.js";
-import { ArchivePage } from "./pages/ArchivePage.js";
-import { SearchPage } from "./pages/SearchPage.js";
-import { CollectionPage } from "./pages/CollectionPage.js";
-// Timeline
-import { NoteCard } from "./timeline/NoteCard.js";
-import { ArticleCard } from "./timeline/ArticleCard.js";
-import { LinkCard } from "./timeline/LinkCard.js";
-import { QuoteCard } from "./timeline/QuoteCard.js";
-import { ImageCard } from "./timeline/ImageCard.js";
-import { ThreadPreview } from "./timeline/ThreadPreview.js";
-import { TimelineFeed } from "./timeline/TimelineFeed.js";
-/**
- * Create the minimal theme configuration.
- *
- * @param options - Optional overrides for components, CSS variables, or color themes
- * @returns A JantTheme configuration object
- *
- * @example
- * ```typescript
- * import { createApp } from "@jant/core";
- * import { minimalTheme } from "@jant/core";
- *
- * export default createApp({
- *   theme: minimalTheme(),  // re-exported as minimalTheme from @jant/core
- * });
- * ```
- */ export function theme(options) {
-    return {
-        name: "minimal",
-        components: {
-            SiteLayout,
-            HomePage,
-            PostPage,
-            SinglePage,
-            ArchivePage,
-            SearchPage,
-            CollectionPage,
-            NoteCard,
-            ArticleCard,
-            LinkCard,
-            QuoteCard,
-            ImageCard,
-            ThreadPreview,
-            TimelineFeed,
-            ...options?.components
-        },
-        cssVariables: {
-            ...options?.cssVariables
-        },
-        colorThemes: options?.colorThemes
-    };
-}

package/dist/themes/minimal/pages/CollectionPage.js

@@ -1,65 +0,0 @@
-/**
- * Minimal Theme - Collection Page
- *
- * Simple list of posts in a collection.
- */ 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",
-                children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
-                    class: "text-muted-foreground",
-                    children: $__i18n._({
-                        id: "J4FNfC",
-                        message: "No posts in this collection."
-                    })
-                }) : posts.map((post, i)=>/*#__PURE__*/ _jsxs("article", {
-                        class: "h-entry",
-                        children: [
-                            i > 0 && /*#__PURE__*/ _jsx("hr", {
-                                class: "my-6 border-border"
-                            }),
-                            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/themes/minimal/pages/HomePage.js

@@ -1,25 +0,0 @@
-/**
- * Minimal Theme - Home Page
- *
- * Renders the timeline feed with thread previews.
- */ import { jsx as _jsx, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { TimelineFeed as DefaultTimelineFeed } from "../timeline/TimelineFeed.js";
-export const HomePage = ({ items, hasMore, nextCursor, theme })=>{
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const Feed = theme?.TimelineFeed ?? DefaultTimelineFeed;
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: items.length === 0 ? /*#__PURE__*/ _jsx("p", {
-            class: "text-muted-foreground",
-            children: $__i18n._({
-                id: "ODiSoW",
-                message: "No posts yet."
-            })
-        }) : /*#__PURE__*/ _jsx(Feed, {
-            items: items,
-            hasMore: hasMore,
-            nextCursor: nextCursor,
-            theme: theme
-        })
-    });
-};

package/dist/themes/minimal/timeline/ArticleCard.js

@@ -1,36 +0,0 @@
-/**
- * Minimal Theme - Article Card
- *
- * Title + excerpt, borderless, 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${compact ? " text-sm" : ""}`,
-        children: [
-            post.title && /*#__PURE__*/ _jsx("h2", {
-                class: `p-name font-semibold ${compact ? "text-sm" : "text-lg"}`,
-                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-muted-foreground mt-1 line-clamp-3",
-                children: post.excerpt
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/ImageCard.js

@@ -1,67 +0,0 @@
-/**
- * Minimal Theme - Image Card
- *
- * Inline images with no card frame for type="image" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { MediaGallery } from "../../../theme/components/MediaGallery.js";
-export const ImageCard = ({ post, compact })=>{
-    if (compact) {
-        return /*#__PURE__*/ _jsxs("article", {
-            class: "h-entry text-sm",
-            children: [
-                post.title && /*#__PURE__*/ _jsx("h2", {
-                    class: "p-name font-medium text-sm",
-                    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",
-                    children: /*#__PURE__*/ _jsx("a", {
-                        href: post.permalink,
-                        class: "u-url text-xs text-muted-foreground hover:text-foreground",
-                        children: /*#__PURE__*/ _jsx("time", {
-                            class: "dt-published",
-                            datetime: post.publishedAt,
-                            children: post.publishedAtFormatted
-                        })
-                    })
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ _jsxs("article", {
-        class: "h-entry",
-        children: [
-            post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                class: "e-content prose prose-sm",
-                dangerouslySetInnerHTML: {
-                    __html: post.contentHtml
-                }
-            }),
-            post.media.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
-                attachments: post.media
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/LinkCard.js

@@ -1,47 +0,0 @@
-/**
- * Minimal Theme - Link Card
- *
- * Subtle external link indicator for type="link" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const LinkCard = ({ post, compact })=>{
-    return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry${compact ? " text-sm" : ""}`,
-        children: [
-            post.title && /*#__PURE__*/ _jsx("h2", {
-                class: `p-name font-semibold ${compact ? "text-sm" : "text-base"}`,
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.sourceUrl || post.permalink,
-                    class: "u-url hover:underline",
-                    target: post.sourceUrl ? "_blank" : undefined,
-                    rel: post.sourceUrl ? "noopener noreferrer" : undefined,
-                    children: post.title
-                })
-            }),
-            post.sourceDomain && /*#__PURE__*/ _jsxs("div", {
-                class: "text-xs text-muted-foreground mt-0.5",
-                children: [
-                    "↗ ",
-                    post.sourceDomain
-                ]
-            }),
-            !compact && post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                class: "e-content prose prose-sm text-muted-foreground mt-1",
-                dangerouslySetInnerHTML: {
-                    __html: post.contentHtml
-                }
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "text-xs text-muted-foreground hover:text-foreground",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/NoteCard.js

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

package/dist/themes/minimal/timeline/TimelineFeed.js

@@ -1,48 +0,0 @@
-/**
- * Minimal Theme - Timeline Feed
- *
- * Divider-separated stream of posts 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",
-                children: items.map((item, i)=>/*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            i > 0 && /*#__PURE__*/ _jsx("hr", {
-                                class: "my-6 border-border"
-                            }),
-                            item.threadPreview ? /*#__PURE__*/ _jsx(ResolvedThreadPreview, {
-                                rootPost: item.post,
-                                previewReplies: item.threadPreview.replies,
-                                totalReplyCount: item.threadPreview.totalReplyCount,
-                                theme: theme
-                            }) : /*#__PURE__*/ _jsx(TimelineItem, {
-                                item: item,
-                                theme: theme
-                            })
-                        ]
-                    }, item.post.id))
-            }),
-            hasMore && nextCursor && /*#__PURE__*/ _jsx("div", {
-                id: "load-more-container",
-                class: "mt-8 text-center",
-                children: /*#__PURE__*/ _jsx("button", {
-                    class: "text-sm text-muted-foreground hover:text-foreground hover:underline",
-                    "data-on:click": `@get('/api/timeline?cursor=${nextCursor}')`,
-                    children: $__i18n._({
-                        id: "yQ2kGp",
-                        message: "Load more"
-                    })
-                })
-            })
-        ]
-    });
-};