@jant/core 0.3.24 → 0.3.26

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

@@ -1,58 +0,0 @@
-/**
- * Threads Theme - Timeline Feed
- *
- * Date-grouped posts separated by thin dividers.
- * A centered date header appears above each group.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { TimelineItem } from "./TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "./ThreadPreview.js";
-import { TimelineLoadMore as DefaultTimelineLoadMore } from "./TimelineLoadMore.js";
-import { groupByDate } from "./groupByDate.js";
-export const TimelineFeed = ({ items, hasMore, nextCursor, theme })=>{
-    const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-    const ResolvedLoadMore = theme?.TimelineLoadMore ?? DefaultTimelineLoadMore;
-    const groups = groupByDate(items);
-    return /*#__PURE__*/ _jsxs("div", {
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                id: "timeline-feed",
-                children: groups.map((group)=>/*#__PURE__*/ _jsxs("div", {
-                        class: "threads-card",
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                class: "threads-date-header",
-                                children: /*#__PURE__*/ _jsx("span", {
-                                    children: group.label
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                id: `date-items-${group.dateKey}`,
-                                class: "flex flex-col",
-                                children: group.items.map((item, i)=>/*#__PURE__*/ _jsxs("div", {
-                                        children: [
-                                            i > 0 && /*#__PURE__*/ _jsx("hr", {
-                                                class: "border-border my-5"
-                                            }),
-                                            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))
-                            })
-                        ]
-                    }, group.dateKey))
-            }),
-            hasMore && nextCursor && /*#__PURE__*/ _jsx(ResolvedLoadMore, {
-                nextCursor: nextCursor,
-                lastDate: groups.at(-1)?.dateKey,
-                theme: theme
-            })
-        ]
-    });
-};

package/dist/themes/threads/timeline/TimelineItem.js

@@ -1,36 +0,0 @@
-/**
- * Threads Theme - Timeline Item
- *
- * Dispatches to the correct card component based on post format.
- */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
-import { NoteCard } from "./NoteCard.js";
-import { LinkCard } from "./LinkCard.js";
-import { QuoteCard } from "./QuoteCard.js";
-const CARD_MAP = {
-    note: NoteCard,
-    link: LinkCard,
-    quote: QuoteCard
-};
-const THEME_KEY_MAP = {
-    note: "NoteCard",
-    link: "LinkCard",
-    quote: "QuoteCard"
-};
-export const TimelineItem = ({ item, compact, cardOverride, theme })=>{
-    const themeKey = THEME_KEY_MAP[item.post.format];
-    const themeCard = theme?.[themeKey];
-    const Card = cardOverride ?? themeCard ?? CARD_MAP[item.post.format];
-    return /*#__PURE__*/ _jsx(Card, {
-        post: item.post,
-        compact: compact
-    });
-};
-export const TimelineItemFromPost = ({ post, compact, cardOverride, theme })=>{
-    const themeKey = THEME_KEY_MAP[post.format];
-    const themeCard = theme?.[themeKey];
-    const Card = cardOverride ?? themeCard ?? CARD_MAP[post.format];
-    return /*#__PURE__*/ _jsx(Card, {
-        post: post,
-        compact: compact
-    });
-};

package/dist/themes/threads/timeline/TimelineLoadMore.js

@@ -1,23 +0,0 @@
-/**
- * Threads Theme - Timeline Load More
- *
- * Auto-loads more posts when scrolled into view.
- * Passes `lastDate` to the server so it can merge date groups across pages.
- */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const TimelineLoadMore = ({ nextCursor, lastDate })=>{
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const url = lastDate ? `/?cursor=${nextCursor}&lastDate=${lastDate}` : `/?cursor=${nextCursor}`;
-    return /*#__PURE__*/ _jsx("div", {
-        id: "load-more-container",
-        class: "py-6 text-center",
-        "data-on-intersect__once": `@get('${url}')`,
-        children: /*#__PURE__*/ _jsx("span", {
-            class: "text-sm text-muted-foreground",
-            children: $__i18n._({
-                id: "Z3FXyt",
-                message: "Loading..."
-            })
-        })
-    });
-};

package/dist/themes/threads/timeline/groupByDate.js

@@ -1,22 +0,0 @@
-/**
- * Groups timeline items by their publication date (YYYY-MM-DD).
- *
- * Shared between TimelineFeed (initial render) and timelineMore (SSE patches)
- * so that both produce identical date group structure.
- */ export function groupByDate(items) {
-    const groups = [];
-    let current = null;
-    for (const item of items){
-        const dateKey = item.post.publishedAt.slice(0, 10);
-        if (!current || current.dateKey !== dateKey) {
-            current = {
-                dateKey,
-                label: item.post.publishedAtFormatted,
-                items: []
-            };
-            groups.push(current);
-        }
-        current.items.push(item);
-    }
-    return groups;
-}

package/dist/themes/threads/timeline/timelineMore.js

@@ -1,107 +0,0 @@
-/**
- * Threads Theme - Timeline Load-More SSE Renderer
- *
- * Produces SSE DOM patches for incremental timeline loading.
- * Uses date-grouped layout with threads-specific HTML (threads-card, threads-date-header)
- * matching TimelineFeed's initial render exactly.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { groupByDate } from "./groupByDate.js";
-import { TimelineItem } from "./TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "./ThreadPreview.js";
-import { TimelineLoadMore as DefaultTimelineLoadMore } from "./TimelineLoadMore.js";
-function renderItem(item, props) {
-    const theme = props.theme;
-    const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-    if (item.threadPreview) {
-        return /*#__PURE__*/ _jsx(ResolvedThreadPreview, {
-            rootPost: item.post,
-            previewReplies: item.threadPreview.replies,
-            totalReplyCount: item.threadPreview.totalReplyCount,
-            theme: theme
-        }).toString();
-    }
-    return /*#__PURE__*/ _jsx(TimelineItem, {
-        item: item,
-        theme: theme
-    }).toString();
-}
-/**
- * Renders SSE patches for the threads theme's load-more response.
- *
- * @param props - Timeline more props with items, pagination, and theme
- * @returns Array of DOM patch instructions for the SSE stream
- */ export function timelineMore(props) {
-    const { items, lastDate, hasMore, nextCursor, theme } = props;
-    const patches = [];
-    const groups = groupByDate(items);
-    if (groups.length === 0) return patches;
-    const firstGroup = groups[0];
-    const isContinuation = lastDate === firstGroup.dateKey;
-    // Continuation items: append into the existing date group's container
-    if (isContinuation) {
-        const continuationHtml = firstGroup.items.map((item)=>{
-            const content = renderItem(item, props);
-            return `<div><hr class="border-border my-5"/>${content}</div>`;
-        }).join("");
-        if (continuationHtml) {
-            patches.push({
-                selector: `#date-items-${lastDate}`,
-                content: continuationHtml,
-                mode: "append"
-            });
-        }
-    }
-    // New date groups: append to #timeline-feed
-    const newGroups = isContinuation ? groups.slice(1) : groups;
-    if (newGroups.length > 0) {
-        const newGroupsHtml = newGroups.map((group)=>{
-            const itemsHtml = group.items.map((item, i)=>{
-                const content = renderItem(item, props);
-                return i > 0 ? `<div><hr class="border-border my-5"/>${content}</div>` : `<div>${content}</div>`;
-            }).join("");
-            return /*#__PURE__*/ _jsxs("div", {
-                class: "threads-card",
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        class: "threads-date-header",
-                        children: /*#__PURE__*/ _jsx("span", {
-                            children: group.label
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        id: `date-items-${group.dateKey}`,
-                        class: "flex flex-col",
-                        dangerouslySetInnerHTML: {
-                            __html: itemsHtml
-                        }
-                    })
-                ]
-            }).toString();
-        }).join("");
-        patches.push({
-            selector: "#timeline-feed",
-            content: newGroupsHtml,
-            mode: "append"
-        });
-    }
-    // Load-more button
-    const ResolvedLoadMore = theme?.TimelineLoadMore ?? DefaultTimelineLoadMore;
-    const lastGroupDate = groups.at(-1)?.dateKey;
-    if (hasMore && nextCursor) {
-        patches.push({
-            selector: "#load-more-container",
-            content: /*#__PURE__*/ _jsx(ResolvedLoadMore, {
-                nextCursor: nextCursor,
-                lastDate: lastGroupDate,
-                theme: theme
-            }).toString()
-        });
-    } else {
-        patches.push({
-            selector: "#load-more-container",
-            content: "",
-            mode: "remove"
-        });
-    }
-    return patches;
-}

package/src/lib/__tests__/theme-components.test.ts

@@ -1,105 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { resolveCardComponent, resolveComponent } from "../theme-components.js";
-import type {
-  ThemeComponents,
-  TimelineCardProps,
-  ThreadPreviewProps,
-  TimelineFeedProps,
-  Format,
-  HomePageProps,
-} from "../../types.js";
-import type { FC } from "hono/jsx";
-
-// Create simple mock components for testing (avoids importing .tsx files with i18n)
-const MockNoteCard: FC<TimelineCardProps> = () => null;
-const MockLinkCard: FC<TimelineCardProps> = () => null;
-const MockQuoteCard: FC<TimelineCardProps> = () => null;
-const MockThreadPreview: FC<ThreadPreviewProps> = () => null;
-const MockTimelineFeed: FC<TimelineFeedProps> = () => null;
-const MockHomePage: FC<HomePageProps> = () => null;
-
-const DEFAULT_CARD_MAP: Record<Format, FC<TimelineCardProps>> = {
-  note: MockNoteCard,
-  link: MockLinkCard,
-  quote: MockQuoteCard,
-};
-
-describe("theme-components", () => {
-  describe("resolveCardComponent", () => {
-    it("returns default NoteCard for note type", () => {
-      expect(resolveCardComponent("note", DEFAULT_CARD_MAP)).toBe(MockNoteCard);
-    });
-
-    it("returns default LinkCard for link type", () => {
-      expect(resolveCardComponent("link", DEFAULT_CARD_MAP)).toBe(MockLinkCard);
-    });
-
-    it("returns default QuoteCard for quote type", () => {
-      expect(resolveCardComponent("quote", DEFAULT_CARD_MAP)).toBe(
-        MockQuoteCard,
-      );
-    });
-
-    it("returns theme override when provided", () => {
-      const CustomNote: FC<TimelineCardProps> = () => null;
-      const overrides: ThemeComponents = { NoteCard: CustomNote };
-      expect(resolveCardComponent("note", DEFAULT_CARD_MAP, overrides)).toBe(
-        CustomNote,
-      );
-    });
-
-    it("returns default when theme has no override for type", () => {
-      const overrides: ThemeComponents = {};
-      expect(resolveCardComponent("link", DEFAULT_CARD_MAP, overrides)).toBe(
-        MockLinkCard,
-      );
-    });
-  });
-
-  describe("resolveComponent", () => {
-    it("returns default ThreadPreview when no override", () => {
-      expect(resolveComponent("ThreadPreview", MockThreadPreview)).toBe(
-        MockThreadPreview,
-      );
-    });
-
-    it("returns theme override for ThreadPreview when provided", () => {
-      const Custom: FC<ThreadPreviewProps> = () => null;
-      expect(
-        resolveComponent("ThreadPreview", MockThreadPreview, {
-          ThreadPreview: Custom,
-        }),
-      ).toBe(Custom);
-    });
-
-    it("returns default TimelineFeed when no override", () => {
-      expect(resolveComponent("TimelineFeed", MockTimelineFeed)).toBe(
-        MockTimelineFeed,
-      );
-    });
-
-    it("returns theme override for TimelineFeed when provided", () => {
-      const Custom: FC<TimelineFeedProps> = () => null;
-      expect(
-        resolveComponent("TimelineFeed", MockTimelineFeed, {
-          TimelineFeed: Custom,
-        }),
-      ).toBe(Custom);
-    });
-
-    it("returns default HomePage when no override", () => {
-      expect(resolveComponent("HomePage", MockHomePage)).toBe(MockHomePage);
-    });
-
-    it("returns theme override for HomePage when provided", () => {
-      const Custom: FC<HomePageProps> = () => null;
-      expect(
-        resolveComponent("HomePage", MockHomePage, { HomePage: Custom }),
-      ).toBe(Custom);
-    });
-
-    it("returns default when theme has empty overrides", () => {
-      expect(resolveComponent("HomePage", MockHomePage, {})).toBe(MockHomePage);
-    });
-  });
-});

package/src/lib/theme-components.ts

@@ -1,65 +0,0 @@
-/**
- * Theme Component Resolution
- *
- * Resolves theme-overridable components, falling back to defaults.
- */
-
-import type { FC } from "hono/jsx";
-import type { Format, ThemeComponents, TimelineCardProps } from "../types.js";
-
-const THEME_KEY_MAP: Record<Format, keyof ThemeComponents> = {
-  note: "NoteCard",
-  link: "LinkCard",
-  quote: "QuoteCard",
-};
-
-/**
- * Generic component resolver.
- *
- * Looks up a component by key in `ThemeComponents` and falls back to the
- * provided default component.
- *
- * @param key - ThemeComponents key to look up
- * @param defaultComponent - Fallback component
- * @param themeComponents - Optional theme component overrides
- * @returns The resolved component
- *
- * @example
- * ```ts
- * const Gallery = resolveComponent("MediaGallery", DefaultMediaGallery, theme);
- * ```
- */
-export function resolveComponent<K extends keyof ThemeComponents>(
-  key: K,
-  defaultComponent: NonNullable<ThemeComponents[K]>,
-  themeComponents?: ThemeComponents,
-): NonNullable<ThemeComponents[K]> {
-  return (themeComponents?.[key] ?? defaultComponent) as NonNullable<
-    ThemeComponents[K]
-  >;
-}
-
-/**
- * Resolves the card component for a given post format.
- *
- * Checks theme overrides first, then falls back to the provided default card component.
- *
- * @param format - The post format to resolve a card for
- * @param defaults - Map of format to default card component
- * @param themeComponents - Optional theme component overrides
- * @returns The resolved card component
- *
- * @example
- * ```ts
- * const Card = resolveCardComponent("note", DEFAULT_CARD_MAP, c.var.config.theme?.components);
- * ```
- */
-export function resolveCardComponent(
-  format: Format,
-  defaults: Record<Format, FC<TimelineCardProps>>,
-  themeComponents?: ThemeComponents,
-): FC<TimelineCardProps> {
-  const key = THEME_KEY_MAP[format];
-  const override = themeComponents?.[key] as FC<TimelineCardProps> | undefined;
-  return override ?? defaults[format];
-}