@jant/core 0.3.22 → 0.3.23

package/src/{theme/components → themes/minimal}/timeline/ThreadPreview.tsx

@@ -1,7 +1,7 @@
 /**
- * Thread Preview Component
+ * Minimal Theme - Thread Preview
  *
- * Inline thread preview: root card + compact replies + "show more" link.
+ * Minimal thread indicator: root post + compact replies + "show more" link.
  */
 
 import type { FC } from "hono/jsx";
@@ -20,27 +20,25 @@ export const ThreadPreview: FC<ThreadPreviewProps> = ({
   const remainingCount = totalReplyCount - previewReplies.length;
 
   return (
-    <div class="timeline-thread">
+    <div>
       <TimelineItem item={{ post: rootPost }} theme={theme} />
       {previewReplies.length > 0 && (
-        <div class="timeline-thread-replies">
+        <div class="ml-4 mt-2 border-l border-border pl-4 flex flex-col gap-3">
           {previewReplies.map((reply) => (
-            <div key={reply.id} class="timeline-thread-reply">
+            <div key={reply.id}>
               <TimelineItemFromPost post={reply} compact theme={theme} />
             </div>
           ))}
           {remainingCount > 0 && (
-            <div class="timeline-thread-reply">
-              <a
-                href={rootPost.permalink}
-                class="text-sm text-muted-foreground hover:text-foreground hover:underline"
-              >
-                {t({
-                  message: `Show ${remainingCount} more ${remainingCount === 1 ? "reply" : "replies"}`,
-                  comment: "@context: Link to show remaining thread replies",
-                })}
-              </a>
-            </div>
+            <a
+              href={rootPost.permalink}
+              class="text-sm text-muted-foreground hover:text-foreground hover:underline"
+            >
+              {t({
+                message: `Show ${remainingCount} more ${remainingCount === 1 ? "reply" : "replies"}`,
+                comment: "@context: Link to show remaining thread replies",
+              })}
+            </a>
           )}
         </div>
       )}

package/src/{theme/components → themes/minimal}/timeline/TimelineFeed.tsx

@@ -1,7 +1,7 @@
 /**
- * Timeline Feed Component
+ * Minimal Theme - Timeline Feed
  *
- * Main feed wrapper with load-more button.
+ * Divider-separated stream of posts with load-more button.
  */
 
 import type { FC } from "hono/jsx";
@@ -22,26 +22,27 @@ export const TimelineFeed: FC<TimelineFeedProps> = ({
 
   return (
     <div>
-      <div id="timeline-feed" class="flex flex-col gap-4">
-        {items.map((item) => {
-          if (item.threadPreview) {
-            return (
+      <div id="timeline-feed" class="flex flex-col">
+        {items.map((item, i) => (
+          <div key={item.post.id}>
+            {i > 0 && <hr class="my-6 border-border" />}
+            {item.threadPreview ? (
               <ResolvedThreadPreview
-                key={item.post.id}
                 rootPost={item.post}
                 previewReplies={item.threadPreview.replies}
                 totalReplyCount={item.threadPreview.totalReplyCount}
                 theme={theme}
               />
-            );
-          }
-          return <TimelineItem key={item.post.id} item={item} theme={theme} />;
-        })}
+            ) : (
+              <TimelineItem item={item} theme={theme} />
+            )}
+          </div>
+        ))}
       </div>
       {hasMore && nextCursor && (
-        <div id="load-more-container" class="mt-6 text-center">
+        <div id="load-more-container" class="mt-8 text-center">
           <button
-            class="btn btn-outline"
+            class="text-sm text-muted-foreground hover:text-foreground hover:underline"
             data-on:click={`@get('/api/timeline?cursor=${nextCursor}')`}
           >
             {t({

package/src/{theme/components → themes/minimal}/timeline/TimelineItem.tsx

@@ -1,8 +1,7 @@
 /**
- * Timeline Item Component
+ * Minimal Theme - Timeline Item
  *
  * Dispatches to the correct card component based on post type.
- * Resolves card overrides from theme components if provided.
  */
 
 import type { FC } from "hono/jsx";
@@ -40,9 +39,7 @@ const THEME_KEY_MAP: Record<PostType, keyof ThemeComponents> = {
 interface TimelineItemProps {
   item: TimelineItemView;
   compact?: boolean;
-  /** Override card component (for direct overrides) */
   cardOverride?: FC<TimelineCardProps>;
-  /** Theme components for cascade resolution */
   theme?: ThemeComponents;
 }
 

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/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/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/theme/components/timeline/ArticleCard.tsx

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

package/src/theme/components/timeline/ImageCard.tsx

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

package/src/theme/components/timeline/LinkCard.tsx

@@ -1,59 +0,0 @@
-/**
- * Link Card Component
- *
- * External link emphasis for type="link" posts.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineCardProps } from "../../../types.js";
-
-export const LinkCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  return (
-    <article
-      class={`h-entry timeline-card timeline-card-link${compact ? " timeline-card-compact" : ""}`}
-    >
-      {post.sourceDomain && (
-        <div class="text-xs text-muted-foreground mb-1 flex items-center gap-1">
-          <svg
-            class="size-3"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke-width="2"
-            stroke="currentColor"
-          >
-            <path d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
-          </svg>
-          <span>{post.sourceDomain}</span>
-        </div>
-      )}
-      {post.title && (
-        <h2
-          class={`p-name font-semibold ${compact ? "text-sm" : "text-base"} mb-1`}
-        >
-          <a
-            href={post.sourceUrl || post.permalink}
-            class="u-url hover:underline"
-            target={post.sourceUrl ? "_blank" : undefined}
-            rel={post.sourceUrl ? "noopener noreferrer" : undefined}
-          >
-            {post.title}
-          </a>
-        </h2>
-      )}
-      {!compact && post.contentHtml && (
-        <div
-          class="e-content prose prose-sm text-muted-foreground"
-          dangerouslySetInnerHTML={{ __html: post.contentHtml }}
-        />
-      )}
-      <footer class="mt-2 text-xs text-muted-foreground">
-        <a href={post.permalink} class="hover:underline">
-          <time class="dt-published" datetime={post.publishedAt}>
-            {post.publishedAtFormatted}
-          </time>
-        </a>
-      </footer>
-    </article>
-  );
-};

package/src/theme/components/timeline/index.ts

@@ -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";