@jant/core 0.3.23 → 0.3.25

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

@@ -1,44 +0,0 @@
-/**
- * Minimal Theme - Timeline Item
- *
- * 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
-};
-const THEME_KEY_MAP = {
-    note: "NoteCard",
-    article: "ArticleCard",
-    link: "LinkCard",
-    quote: "QuoteCard",
-    image: "ImageCard",
-    page: "NoteCard"
-};
-export const TimelineItem = ({ item, compact, cardOverride, theme })=>{
-    const themeKey = THEME_KEY_MAP[item.post.type];
-    const themeCard = theme?.[themeKey];
-    const Card = cardOverride ?? themeCard ?? CARD_MAP[item.post.type];
-    return /*#__PURE__*/ _jsx(Card, {
-        post: item.post,
-        compact: compact
-    });
-};
-export const TimelineItemFromPost = ({ post, compact, cardOverride, theme })=>{
-    const themeKey = THEME_KEY_MAP[post.type];
-    const themeCard = theme?.[themeKey];
-    const Card = cardOverride ?? themeCard ?? CARD_MAP[post.type];
-    return /*#__PURE__*/ _jsx(Card, {
-        post: post,
-        compact: compact
-    });
-};

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

@@ -1,126 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { resolveCardComponent, resolveComponent } from "../theme-components.js";
-import type {
-  ThemeComponents,
-  TimelineCardProps,
-  ThreadPreviewProps,
-  TimelineFeedProps,
-  PostType,
-  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 MockArticleCard: FC<TimelineCardProps> = () => null;
-const MockLinkCard: FC<TimelineCardProps> = () => null;
-const MockQuoteCard: FC<TimelineCardProps> = () => null;
-const MockImageCard: FC<TimelineCardProps> = () => null;
-const MockThreadPreview: FC<ThreadPreviewProps> = () => null;
-const MockTimelineFeed: FC<TimelineFeedProps> = () => null;
-const MockHomePage: FC<HomePageProps> = () => null;
-
-const DEFAULT_CARD_MAP: Record<PostType, FC<TimelineCardProps>> = {
-  note: MockNoteCard,
-  article: MockArticleCard,
-  link: MockLinkCard,
-  quote: MockQuoteCard,
-  image: MockImageCard,
-  page: MockNoteCard,
-};
-
-describe("theme-components", () => {
-  describe("resolveCardComponent", () => {
-    it("returns default NoteCard for note type", () => {
-      expect(resolveCardComponent("note", DEFAULT_CARD_MAP)).toBe(MockNoteCard);
-    });
-
-    it("returns default ArticleCard for article type", () => {
-      expect(resolveCardComponent("article", DEFAULT_CARD_MAP)).toBe(
-        MockArticleCard,
-      );
-    });
-
-    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 default ImageCard for image type", () => {
-      expect(resolveCardComponent("image", DEFAULT_CARD_MAP)).toBe(
-        MockImageCard,
-      );
-    });
-
-    it("returns NoteCard as fallback for page type", () => {
-      expect(resolveCardComponent("page", DEFAULT_CARD_MAP)).toBe(MockNoteCard);
-    });
-
-    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("article", DEFAULT_CARD_MAP, overrides)).toBe(
-        MockArticleCard,
-      );
-    });
-  });
-
-  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,68 +0,0 @@
-/**
- * Theme Component Resolution
- *
- * Resolves theme-overridable components, falling back to defaults.
- */
-
-import type { FC } from "hono/jsx";
-import type { PostType, ThemeComponents, TimelineCardProps } from "../types.js";
-
-const THEME_KEY_MAP: Record<PostType, keyof ThemeComponents> = {
-  note: "NoteCard",
-  article: "ArticleCard",
-  link: "LinkCard",
-  quote: "QuoteCard",
-  image: "ImageCard",
-  page: "NoteCard",
-};
-
-/**
- * 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 type.
- *
- * Checks theme overrides first, then falls back to the provided default card component.
- *
- * @param type - The post type to resolve a card for
- * @param defaults - Map of post type to default card component
- * @param themeComponents - Optional theme component overrides
- * @returns The resolved card component
- *
- * @example
- * ```ts
- * const Card = resolveCardComponent("article", DEFAULT_CARD_MAP, c.var.config.theme?.components);
- * ```
- */
-export function resolveCardComponent(
-  type: PostType,
-  defaults: Record<PostType, FC<TimelineCardProps>>,
-  themeComponents?: ThemeComponents,
-): FC<TimelineCardProps> {
-  const key = THEME_KEY_MAP[type];
-  const override = themeComponents?.[key] as FC<TimelineCardProps> | undefined;
-  return override ?? defaults[type];
-}

package/src/routes/api/timeline.tsx

@@ -1,159 +0,0 @@
-/**
- * Timeline API Routes
- *
- * Provides load-more functionality for the timeline feed via SSE.
- */
-
-import { Hono } from "hono";
-import type { Bindings, TimelineItemView } from "../../types.js";
-import type { AppVariables } from "../../app.js";
-import { sse } from "../../lib/sse.js";
-import { buildMediaMap } from "../../lib/media-helpers.js";
-import { TimelineItem } from "../../themes/minimal/timeline/TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "../../themes/minimal/timeline/ThreadPreview.js";
-import { createMediaContext, toPostView, toPostViews } from "../../lib/view.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-const PAGE_SIZE = 20;
-
-export const timelineApiRoutes = new Hono<Env>();
-
-timelineApiRoutes.get("/", async (c) => {
-  const cursorParam = c.req.query("cursor");
-  const cursor = cursorParam ? parseInt(cursorParam, 10) : undefined;
-
-  if (!cursor || isNaN(cursor)) {
-    return c.json({ error: "cursor parameter required" }, 400);
-  }
-
-  // Fetch one extra to determine if there are more
-  const posts = await c.var.services.posts.list({
-    visibility: ["featured", "quiet"],
-    excludeReplies: true,
-    excludeTypes: ["page"],
-    limit: PAGE_SIZE + 1,
-    cursor,
-  });
-
-  const hasMore = posts.length > PAGE_SIZE;
-  const displayPosts = hasMore ? posts.slice(0, PAGE_SIZE) : posts;
-
-  if (displayPosts.length === 0) {
-    return sse(c, async (stream) => {
-      stream.remove("#load-more-container");
-    });
-  }
-
-  // Build media map
-  const postIds = displayPosts.map((p) => p.id);
-  const rawMediaMap = await c.var.services.media.getByPostIds(postIds);
-  const mediaCtx = createMediaContext(c);
-  const mediaMap = buildMediaMap(
-    rawMediaMap,
-    mediaCtx.r2PublicUrl,
-    mediaCtx.imageTransformUrl,
-    mediaCtx.s3PublicUrl,
-  );
-
-  // Get reply counts to identify thread roots
-  const replyCounts = await c.var.services.posts.getReplyCounts(postIds);
-  const threadRootIds = postIds.filter((id) => (replyCounts.get(id) ?? 0) > 0);
-
-  // Get thread previews
-  const threadPreviews = await c.var.services.posts.getThreadPreviews(
-    threadRootIds,
-    3,
-  );
-
-  // Load media for preview replies
-  const previewReplyIds: number[] = [];
-  for (const replies of threadPreviews.values()) {
-    for (const reply of replies) {
-      previewReplyIds.push(reply.id);
-    }
-  }
-  const previewMediaMap =
-    previewReplyIds.length > 0
-      ? buildMediaMap(
-          await c.var.services.media.getByPostIds(previewReplyIds),
-          mediaCtx.r2PublicUrl,
-          mediaCtx.imageTransformUrl,
-          mediaCtx.s3PublicUrl,
-        )
-      : new Map();
-
-  // Assemble timeline items with View Models
-  const items: TimelineItemView[] = displayPosts.map((post) => {
-    const postView = toPostView(
-      { ...post, mediaAttachments: mediaMap.get(post.id) ?? [] },
-      mediaCtx,
-    );
-
-    const replyCount = replyCounts.get(post.id) ?? 0;
-    const previewReplies = threadPreviews.get(post.id);
-
-    if (replyCount > 0 && previewReplies) {
-      return {
-        post: postView,
-        threadPreview: {
-          replies: toPostViews(
-            previewReplies.map((r) => ({
-              ...r,
-              mediaAttachments: previewMediaMap.get(r.id) ?? [],
-            })),
-            mediaCtx,
-          ),
-          totalReplyCount: replyCount,
-        },
-      };
-    }
-
-    return { post: postView };
-  });
-
-  // Resolve theme components for card rendering
-  const theme = c.var.config.theme?.components;
-  const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-
-  // Render items to HTML
-  const itemsHtml = items
-    .map((item) => {
-      if (item.threadPreview) {
-        return (
-          <ResolvedThreadPreview
-            rootPost={item.post}
-            previewReplies={item.threadPreview.replies}
-            totalReplyCount={item.threadPreview.totalReplyCount}
-            theme={theme}
-          />
-        );
-      }
-      return <TimelineItem item={item} theme={theme} />;
-    })
-    .map((jsx) => jsx.toString())
-    .join("");
-
-  // Determine next cursor
-  const lastPost = displayPosts[displayPosts.length - 1];
-  const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
-
-  // Build load-more button HTML
-  const loadMoreHtml = nextCursor
-    ? `<div id="load-more-container" class="mt-8 text-center"><button class="text-sm text-muted-foreground hover:text-foreground hover:underline" data-on:click="@get('/api/timeline?cursor=${nextCursor}')">Load more</button></div>`
-    : "";
-
-  return sse(c, async (stream) => {
-    // Append new items to the feed
-    stream.patchElements(itemsHtml, {
-      mode: "append",
-      selector: "#timeline-feed",
-    });
-    // Replace or remove the load-more container
-    if (loadMoreHtml) {
-      stream.patchElements(loadMoreHtml);
-    } else {
-      stream.remove("#load-more-container");
-    }
-  });
-});