@jant/core 0.3.21 → 0.3.23

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

@@ -1,43 +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 } from "./ThreadPreview.js";
-export const TimelineFeed = ({ items, hasMore, nextCursor })=>{
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    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(ThreadPreview, {
-                            rootPost: item.post,
-                            previewReplies: item.threadPreview.replies,
-                            totalReplyCount: item.threadPreview.totalReplyCount
-                        }, item.post.id);
-                    }
-                    return /*#__PURE__*/ _jsx(TimelineItem, {
-                        item: item
-                    }, 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/TimelineItem.js

@@ -1,25 +0,0 @@
-/**
- * Timeline Item Component
- *
- * Dispatches to the correct card component based on post type.
- */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
-import { NoteCard } from "./NoteCard.js";
-import { ArticleCard } from "./ArticleCard.js";
-import { LinkCard } from "./LinkCard.js";
-import { QuoteCard } from "./QuoteCard.js";
-import { ImageCard } from "./ImageCard.js";
-const CARD_MAP = {
-    note: NoteCard,
-    article: ArticleCard,
-    link: LinkCard,
-    quote: QuoteCard,
-    image: ImageCard,
-    page: NoteCard
-};
-export const TimelineItem = ({ item, compact, cardOverride })=>{
-    const Card = cardOverride ?? CARD_MAP[item.post.type];
-    return /*#__PURE__*/ _jsx(Card, {
-        post: item.post,
-        compact: compact
-    });
-};

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 } from "./TimelineItem.js";
-export { TimelineFeed } from "./TimelineFeed.js";

package/dist/theme/layouts/SiteLayout.js

@@ -1,160 +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";
-/**
- * Determine if a navigation link is active based on the current path.
- *
- * @param linkUrl - The link's URL
- * @param currentPath - The current page path
- * @returns Whether the link should be shown as active
- */ function isLinkActive(linkUrl, currentPath) {
-    // External links are never active
-    if (linkUrl.startsWith("http://") || linkUrl.startsWith("https://")) {
-        return false;
-    }
-    // Exact match for home
-    if (linkUrl === "/") {
-        return currentPath === "/";
-    }
-    // Prefix match for other internal links
-    return currentPath === linkUrl || currentPath.startsWith(linkUrl + "/");
-}
-/**
- * Check if a URL is external
- */ function isExternalUrl(url) {
-    return url.startsWith("http://") || url.startsWith("https://");
-}
-/**
- * Render navigation links with dot indicator for active state.
- */ function NavLinks({ navigationLinks, currentPath }) {
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: navigationLinks.map((link)=>{
-            const active = isLinkActive(link.url, currentPath);
-            const external = isExternalUrl(link.url);
-            return /*#__PURE__*/ _jsxs("a", {
-                href: link.url,
-                class: `text-sm flex items-center gap-2 py-0.5 ${active ? "text-primary font-medium" : "text-muted-foreground hover:text-foreground"}`,
-                ...external ? {
-                    target: "_blank",
-                    rel: "noopener noreferrer"
-                } : {},
-                children: [
-                    /*#__PURE__*/ _jsx("span", {
-                        class: `size-1.5 rounded-full shrink-0 ${active ? "bg-primary" : "bg-transparent"}`
-                    }),
-                    link.label,
-                    external && /*#__PURE__*/ _jsx("span", {
-                        class: "ml-1 text-xs opacity-50",
-                        children: "↗"
-                    })
-                ]
-            }, link.id);
-        })
-    });
-}
-export const SiteLayout = ({ siteName, navigationLinks, currentPath, 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, {
-                            navigationLinks: navigationLinks,
-                            currentPath: currentPath
-                        })
-                    })
-                ]
-            }),
-            /*#__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, {
-                            navigationLinks: navigationLinks,
-                            currentPath: currentPath
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                class: "flex-1 min-w-0",
-                children: children
-            })
-        ]
-    });
-};

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

@@ -1,57 +0,0 @@
-/**
- * Article Card Component
- *
- * Prominent title + excerpt for type="article" posts.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineCardProps } from "../../../types.js";
-import * as sqid from "../../../lib/sqid.js";
-import * as time from "../../../lib/time.js";
-
-export const ArticleCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  const permalink = `/p/${sqid.encode(post.id)}`;
-  const excerpt = post.content
-    ? post.content.length > 160
-      ? post.content.slice(0, 160) + "..."
-      : post.content
-    : null;
-
-  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={permalink} class="u-url hover:underline">
-            {post.title}
-          </a>
-        </h2>
-      )}
-      {!compact && excerpt && (
-        <p class="e-content text-sm text-muted-foreground line-clamp-3">
-          {excerpt}
-        </p>
-      )}
-      <footer class="mt-2 text-xs text-muted-foreground">
-        <a href={permalink} class="u-url hover:underline">
-          <time
-            class="dt-published"
-            datetime={time.toISOString(post.publishedAt)}
-          >
-            {time.formatDate(post.publishedAt)}
-          </time>
-        </a>
-        {!compact && (
-          <span class="ml-2">
-            <a href={permalink} class="hover:underline">
-              Read more &rarr;
-            </a>
-          </span>
-        )}
-      </footer>
-    </article>
-  );
-};

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

@@ -1,80 +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";
-import * as sqid from "../../../lib/sqid.js";
-import * as time from "../../../lib/time.js";
-
-export const ImageCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  const permalink = `/p/${sqid.encode(post.id)}`;
-
-  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={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={permalink} class="u-url hover:underline">
-            <time
-              class="dt-published"
-              datetime={time.toISOString(post.publishedAt)}
-            >
-              {time.formatDate(post.publishedAt)}
-            </time>
-          </a>
-        </footer>
-      </article>
-    );
-  }
-
-  return (
-    <article class="h-entry timeline-card timeline-card-image">
-      {post.mediaAttachments.length > 0 && (
-        <div class="timeline-card-image-gallery">
-          <MediaGallery attachments={post.mediaAttachments} />
-        </div>
-      )}
-      <div class="p-4">
-        {post.title && (
-          <h2 class="p-name font-medium mb-1">
-            <a href={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={permalink} class="u-url hover:underline">
-            <time
-              class="dt-published"
-              datetime={time.toISOString(post.publishedAt)}
-            >
-              {time.formatDate(post.publishedAt)}
-            </time>
-          </a>
-        </footer>
-      </div>
-    </article>
-  );
-};

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

@@ -1,66 +0,0 @@
-/**
- * Link Card Component
- *
- * External link emphasis for type="link" posts.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineCardProps } from "../../../types.js";
-import * as sqid from "../../../lib/sqid.js";
-import * as time from "../../../lib/time.js";
-
-export const LinkCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  const permalink = `/p/${sqid.encode(post.id)}`;
-
-  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 || 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={permalink} class="hover:underline">
-          <time
-            class="dt-published"
-            datetime={time.toISOString(post.publishedAt)}
-          >
-            {time.formatDate(post.publishedAt)}
-          </time>
-        </a>
-      </footer>
-    </article>
-  );
-};

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

@@ -1,41 +0,0 @@
-/**
- * Note Card Component
- *
- * Text-first, minimal card for type="note" posts.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineCardProps } from "../../../types.js";
-import { MediaGallery } from "../MediaGallery.js";
-import * as sqid from "../../../lib/sqid.js";
-import * as time from "../../../lib/time.js";
-
-export const NoteCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  const permalink = `/p/${sqid.encode(post.id)}`;
-
-  return (
-    <article
-      class={`h-entry timeline-card${compact ? " timeline-card-compact" : ""}`}
-    >
-      {post.contentHtml && (
-        <div
-          class={`e-content prose ${compact ? "prose-sm" : "prose-sm"}`}
-          dangerouslySetInnerHTML={{ __html: post.contentHtml }}
-        />
-      )}
-      {!compact && post.mediaAttachments.length > 0 && (
-        <MediaGallery attachments={post.mediaAttachments} />
-      )}
-      <footer class="mt-2 text-xs text-muted-foreground">
-        <a href={permalink} class="u-url hover:underline">
-          <time
-            class="dt-published"
-            datetime={time.toISOString(post.publishedAt)}
-          >
-            {time.formatDate(post.publishedAt)}
-          </time>
-        </a>
-      </footer>
-    </article>
-  );
-};

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

@@ -1,49 +0,0 @@
-/**
- * Thread Preview Component
- *
- * Inline thread preview: root card + compact replies + "show more" link.
- */
-
-import type { FC } from "hono/jsx";
-import { useLingui } from "@lingui/react/macro";
-import type { ThreadPreviewProps } from "../../../types.js";
-import { TimelineItem } from "./TimelineItem.js";
-import * as sqid from "../../../lib/sqid.js";
-
-export const ThreadPreview: FC<ThreadPreviewProps> = ({
-  rootPost,
-  previewReplies,
-  totalReplyCount,
-}) => {
-  const { t } = useLingui();
-  const permalink = `/p/${sqid.encode(rootPost.id)}`;
-  const remainingCount = totalReplyCount - previewReplies.length;
-
-  return (
-    <div class="timeline-thread">
-      <TimelineItem item={{ post: rootPost }} />
-      {previewReplies.length > 0 && (
-        <div class="timeline-thread-replies">
-          {previewReplies.map((reply) => (
-            <div key={reply.id} class="timeline-thread-reply">
-              <TimelineItem item={{ post: reply }} compact />
-            </div>
-          ))}
-          {remainingCount > 0 && (
-            <div class="timeline-thread-reply">
-              <a
-                href={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>
-          )}
-        </div>
-      )}
-    </div>
-  );
-};

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

@@ -1,39 +0,0 @@
-/**
- * Timeline Item Component
- *
- * Dispatches to the correct card component based on post type.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineItemData, TimelineCardProps } from "../../../types.js";
-import { NoteCard } from "./NoteCard.js";
-import { ArticleCard } from "./ArticleCard.js";
-import { LinkCard } from "./LinkCard.js";
-import { QuoteCard } from "./QuoteCard.js";
-import { ImageCard } from "./ImageCard.js";
-import type { PostType } from "../../../types.js";
-
-const CARD_MAP: Record<PostType, FC<TimelineCardProps>> = {
-  note: NoteCard,
-  article: ArticleCard,
-  link: LinkCard,
-  quote: QuoteCard,
-  image: ImageCard,
-  page: NoteCard,
-};
-
-interface TimelineItemProps {
-  item: TimelineItemData;
-  compact?: boolean;
-  /** Override card component (for theme overrides) */
-  cardOverride?: FC<TimelineCardProps>;
-}
-
-export const TimelineItem: FC<TimelineItemProps> = ({
-  item,
-  compact,
-  cardOverride,
-}) => {
-  const Card = cardOverride ?? CARD_MAP[item.post.type];
-  return <Card post={item.post} compact={compact} />;
-};

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 } from "./TimelineItem.js";
-export { TimelineFeed } from "./TimelineFeed.js";