@jant/core 0.3.24 → 0.3.25

package/dist/themes/threads/ThreadsSiteLayout.js

@@ -1,172 +0,0 @@
-/**
- * Threads Theme - Site Layout
- *
- * Left icon sidebar (76px) on desktop, bottom tab bar (60px) on mobile.
- * Gray page background (#fafafa) with white rounded content container.
- * All dimensions match threads.com's --barcelona-* design tokens.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-/** Map known URL paths to SVG icons. Size 26x26 matching Threads' nav icons. */ function NavIcon({ url, isActive }) {
-    const stroke = "currentColor";
-    const sw = isActive ? "2.25" : "1.75";
-    const cls = "size-[26px]";
-    // Home
-    if (url === "/") {
-        return /*#__PURE__*/ _jsx("svg", {
-            class: cls,
-            fill: "none",
-            viewBox: "0 0 24 24",
-            "stroke-width": sw,
-            stroke: stroke,
-            children: /*#__PURE__*/ _jsx("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                d: "m2.25 12 8.954-8.955a1.126 1.126 0 0 1 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
-            })
-        });
-    }
-    // Search
-    if (url === "/search") {
-        return /*#__PURE__*/ _jsx("svg", {
-            class: cls,
-            fill: "none",
-            viewBox: "0 0 24 24",
-            "stroke-width": sw,
-            stroke: stroke,
-            children: /*#__PURE__*/ _jsx("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
-            })
-        });
-    }
-    // Archive
-    if (url === "/archive") {
-        return /*#__PURE__*/ _jsx("svg", {
-            class: cls,
-            fill: "none",
-            viewBox: "0 0 24 24",
-            "stroke-width": sw,
-            stroke: stroke,
-            children: /*#__PURE__*/ _jsx("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                d: "M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"
-            })
-        });
-    }
-    // RSS — common for /feed, /rss, /atom
-    if (url.match(/\/(feed|rss|atom)/)) {
-        return /*#__PURE__*/ _jsx("svg", {
-            class: cls,
-            fill: "none",
-            viewBox: "0 0 24 24",
-            "stroke-width": sw,
-            stroke: stroke,
-            children: /*#__PURE__*/ _jsx("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                d: "M12.75 19.5v-.75a7.5 7.5 0 0 0-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M4.5 19.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-            })
-        });
-    }
-    // External link
-    if (url.startsWith("http")) {
-        return /*#__PURE__*/ _jsx("svg", {
-            class: cls,
-            fill: "none",
-            viewBox: "0 0 24 24",
-            "stroke-width": sw,
-            stroke: stroke,
-            children: /*#__PURE__*/ _jsx("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                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"
-            })
-        });
-    }
-    // Default: generic page icon
-    return /*#__PURE__*/ _jsx("svg", {
-        class: cls,
-        fill: "none",
-        viewBox: "0 0 24 24",
-        "stroke-width": sw,
-        stroke: stroke,
-        children: /*#__PURE__*/ _jsx("path", {
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
-        })
-    });
-}
-function SidebarLink({ link }) {
-    return /*#__PURE__*/ _jsx("a", {
-        href: link.url,
-        class: `threads-sidebar-link ${link.isActive ? "threads-sidebar-link-active" : ""}`,
-        title: link.label,
-        ...link.isExternal ? {
-            target: "_blank",
-            rel: "noopener noreferrer"
-        } : {},
-        children: /*#__PURE__*/ _jsx(NavIcon, {
-            url: link.url,
-            isActive: link.isActive
-        })
-    });
-}
-function MobileTabLink({ link }) {
-    return /*#__PURE__*/ _jsx("a", {
-        href: link.url,
-        class: `threads-mobile-tab ${link.isActive ? "threads-mobile-tab-active" : ""}`,
-        ...link.isExternal ? {
-            target: "_blank",
-            rel: "noopener noreferrer"
-        } : {},
-        children: /*#__PURE__*/ _jsx(NavIcon, {
-            url: link.url,
-            isActive: link.isActive
-        })
-    });
-}
-export const ThreadsSiteLayout = ({ siteName, links, children })=>{
-    return /*#__PURE__*/ _jsxs("div", {
-        class: "threads-page",
-        children: [
-            /*#__PURE__*/ _jsxs("aside", {
-                class: "threads-sidebar",
-                children: [
-                    /*#__PURE__*/ _jsx("a", {
-                        href: "/",
-                        class: "threads-logo",
-                        title: siteName,
-                        children: /*#__PURE__*/ _jsx("span", {
-                            class: "text-2xl font-black leading-none",
-                            children: "@"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("nav", {
-                        class: "flex flex-1 flex-col items-center gap-1",
-                        children: links.map((link)=>/*#__PURE__*/ _jsx(SidebarLink, {
-                                link: link
-                            }, link.id))
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                class: "threads-main",
-                children: /*#__PURE__*/ _jsx("div", {
-                    class: "threads-container",
-                    children: /*#__PURE__*/ _jsx("div", {
-                        class: "threads-content",
-                        children: children
-                    })
-                })
-            }),
-            /*#__PURE__*/ _jsx("nav", {
-                class: "threads-mobile-tabs",
-                children: links.map((link)=>/*#__PURE__*/ _jsx(MobileTabLink, {
-                        link: link
-                    }, link.id))
-            })
-        ]
-    });
-};

package/dist/themes/threads/index.js

@@ -1,81 +0,0 @@
-/**
- * Threads Theme
- *
- * A clean, centered timeline theme inspired by Threads.net.
- * Posts separated by thin dividers, no cards, with thread connector lines.
- *
- * This is the default theme for Jant.
- */ // Layout
-import { ThreadsSiteLayout } from "./ThreadsSiteLayout.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 { LinkCard } from "./timeline/LinkCard.js";
-import { QuoteCard } from "./timeline/QuoteCard.js";
-import { ThreadPreview } from "./timeline/ThreadPreview.js";
-import { TimelineFeed } from "./timeline/TimelineFeed.js";
-import { TimelineLoadMore } from "./timeline/TimelineLoadMore.js";
-import { timelineMore } from "./timeline/timelineMore.js";
-/**
- * Create the threads 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 { threadsTheme } from "@jant/core";
- *
- * export default createApp({
- *   theme: threadsTheme(),
- * });
- * ```
- */ export function theme(options) {
-    return {
-        name: "threads",
-        components: {
-            SiteLayout: ThreadsSiteLayout,
-            HomePage,
-            PostPage,
-            SinglePage,
-            ArchivePage,
-            SearchPage,
-            CollectionPage,
-            NoteCard,
-            LinkCard,
-            QuoteCard,
-            ThreadPreview,
-            TimelineFeed,
-            TimelineLoadMore,
-            ...options?.components
-        },
-        timelineMore,
-        cssVariables: {
-            ...options?.cssVariables
-        },
-        colorThemes: options?.colorThemes
-    };
-}
-// Re-export individual components for wrapping/extending
-export { ThreadsSiteLayout } from "./ThreadsSiteLayout.js";
-export { HomePage } from "./pages/HomePage.js";
-export { PostPage } from "./pages/PostPage.js";
-export { SinglePage } from "./pages/SinglePage.js";
-export { ArchivePage } from "./pages/ArchivePage.js";
-export { SearchPage } from "./pages/SearchPage.js";
-export { CollectionPage } from "./pages/CollectionPage.js";
-export { NoteCard } from "./timeline/NoteCard.js";
-export { LinkCard } from "./timeline/LinkCard.js";
-export { QuoteCard } from "./timeline/QuoteCard.js";
-export { ThreadPreview } from "./timeline/ThreadPreview.js";
-export { TimelineFeed } from "./timeline/TimelineFeed.js";
-export { TimelineLoadMore } from "./timeline/TimelineLoadMore.js";
-export { TimelineItem, TimelineItemFromPost } from "./timeline/TimelineItem.js";
-export { timelineMore } from "./timeline/timelineMore.js";

package/dist/themes/threads/pages/HomePage.js

@@ -1,25 +0,0 @@
-/**
- * Threads Theme - Home Page
- *
- * Clean feed of posts separated by dividers.
- */ 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: "py-12 text-center 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/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);
-    });
-  });
-});