@jant/core 0.3.23 → 0.3.25

package/src/themes/minimal/timeline/QuoteCard.tsx

@@ -1,49 +0,0 @@
-/**
- * Minimal Theme - Quote Card
- *
- * Subtle blockquote with left border for type="quote" posts.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineCardProps } from "../../../types.js";
-
-export const QuoteCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  return (
-    <article class={`h-entry${compact ? " text-sm" : ""}`}>
-      {post.contentHtml && (
-        <blockquote
-          class={`e-content border-l-2 border-muted-foreground/30 pl-4 italic ${compact ? "text-sm" : ""} leading-relaxed`}
-        >
-          <div dangerouslySetInnerHTML={{ __html: post.contentHtml }} />
-        </blockquote>
-      )}
-      {!compact && (post.sourceName || post.sourceUrl) && (
-        <div class="mt-2 text-sm text-muted-foreground">
-          &mdash;{" "}
-          {post.sourceUrl ? (
-            <a
-              href={post.sourceUrl}
-              class="hover:underline"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              {post.sourceName || post.sourceDomain || "Source"}
-            </a>
-          ) : (
-            <span>{post.sourceName}</span>
-          )}
-        </div>
-      )}
-      <footer class="mt-2">
-        <a
-          href={post.permalink}
-          class="u-url text-xs text-muted-foreground hover:text-foreground"
-        >
-          <time class="dt-published" datetime={post.publishedAt}>
-            {post.publishedAtFormatted}
-          </time>
-        </a>
-      </footer>
-    </article>
-  );
-};

package/src/themes/minimal/timeline/ThreadPreview.tsx

@@ -1,47 +0,0 @@
-/**
- * Minimal Theme - Thread Preview
- *
- * Minimal thread indicator: root post + 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 { TimelineItemFromPost } from "./TimelineItem.js";
-
-export const ThreadPreview: FC<ThreadPreviewProps> = ({
-  rootPost,
-  previewReplies,
-  totalReplyCount,
-  theme,
-}) => {
-  const { t } = useLingui();
-  const remainingCount = totalReplyCount - previewReplies.length;
-
-  return (
-    <div>
-      <TimelineItem item={{ post: rootPost }} theme={theme} />
-      {previewReplies.length > 0 && (
-        <div class="ml-4 mt-2 border-l border-border pl-4 flex flex-col gap-3">
-          {previewReplies.map((reply) => (
-            <div key={reply.id}>
-              <TimelineItemFromPost post={reply} compact theme={theme} />
-            </div>
-          ))}
-          {remainingCount > 0 && (
-            <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>
-      )}
-    </div>
-  );
-};

package/src/themes/minimal/timeline/TimelineFeed.tsx

@@ -1,57 +0,0 @@
-/**
- * Minimal Theme - Timeline Feed
- *
- * Divider-separated stream of posts with load-more button.
- */
-
-import type { FC } from "hono/jsx";
-import { useLingui } from "@lingui/react/macro";
-import type { TimelineFeedProps } from "../../../types.js";
-import { TimelineItem } from "./TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "./ThreadPreview.js";
-
-export const TimelineFeed: FC<TimelineFeedProps> = ({
-  items,
-  hasMore,
-  nextCursor,
-  theme,
-}) => {
-  const { t } = useLingui();
-
-  const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-
-  return (
-    <div>
-      <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
-                rootPost={item.post}
-                previewReplies={item.threadPreview.replies}
-                totalReplyCount={item.threadPreview.totalReplyCount}
-                theme={theme}
-              />
-            ) : (
-              <TimelineItem item={item} theme={theme} />
-            )}
-          </div>
-        ))}
-      </div>
-      {hasMore && 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}')`}
-          >
-            {t({
-              message: "Load more",
-              comment: "@context: Button to load more posts in timeline",
-            })}
-          </button>
-        </div>
-      )}
-    </div>
-  );
-};

package/src/themes/minimal/timeline/TimelineItem.tsx

@@ -1,75 +0,0 @@
-/**
- * Minimal Theme - Timeline Item
- *
- * Dispatches to the correct card component based on post type.
- */
-
-import type { FC } from "hono/jsx";
-import type {
-  TimelineItemView,
-  TimelineCardProps,
-  ThemeComponents,
-  PostView,
-} 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,
-};
-
-const THEME_KEY_MAP: Record<PostType, keyof ThemeComponents> = {
-  note: "NoteCard",
-  article: "ArticleCard",
-  link: "LinkCard",
-  quote: "QuoteCard",
-  image: "ImageCard",
-  page: "NoteCard",
-};
-
-interface TimelineItemProps {
-  item: TimelineItemView;
-  compact?: boolean;
-  cardOverride?: FC<TimelineCardProps>;
-  theme?: ThemeComponents;
-}
-
-interface TimelineItemFromPostProps {
-  post: PostView;
-  compact?: boolean;
-  cardOverride?: FC<TimelineCardProps>;
-  theme?: ThemeComponents;
-}
-
-export const TimelineItem: FC<TimelineItemProps> = ({
-  item,
-  compact,
-  cardOverride,
-  theme,
-}) => {
-  const themeKey = THEME_KEY_MAP[item.post.type];
-  const themeCard = theme?.[themeKey] as FC<TimelineCardProps> | undefined;
-  const Card = cardOverride ?? themeCard ?? CARD_MAP[item.post.type];
-  return <Card post={item.post} compact={compact} />;
-};
-
-export const TimelineItemFromPost: FC<TimelineItemFromPostProps> = ({
-  post,
-  compact,
-  cardOverride,
-  theme,
-}) => {
-  const themeKey = THEME_KEY_MAP[post.type];
-  const themeCard = theme?.[themeKey] as FC<TimelineCardProps> | undefined;
-  const Card = cardOverride ?? themeCard ?? CARD_MAP[post.type];
-  return <Card post={post} compact={compact} />;
-};