@jant/core 0.3.22 → 0.3.24

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

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

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

@@ -1,70 +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";
-
-export const ImageCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  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={post.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={post.permalink} class="u-url hover:underline">
-            <time class="dt-published" datetime={post.publishedAt}>
-              {post.publishedAtFormatted}
-            </time>
-          </a>
-        </footer>
-      </article>
-    );
-  }
-
-  return (
-    <article class="h-entry timeline-card timeline-card-image">
-      {post.media.length > 0 && (
-        <div class="timeline-card-image-gallery">
-          <MediaGallery attachments={post.media} />
-        </div>
-      )}
-      <div class="p-4">
-        {post.title && (
-          <h2 class="p-name font-medium mb-1">
-            <a href={post.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={post.permalink} class="u-url hover:underline">
-            <time class="dt-published" datetime={post.publishedAt}>
-              {post.publishedAtFormatted}
-            </time>
-          </a>
-        </footer>
-      </div>
-    </article>
-  );
-};

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

@@ -1,34 +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";
-
-export const NoteCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  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.media.length > 0 && (
-        <MediaGallery attachments={post.media} />
-      )}
-      <footer class="mt-2 text-xs text-muted-foreground">
-        <a href={post.permalink} class="u-url hover:underline">
-          <time class="dt-published" datetime={post.publishedAt}>
-            {post.publishedAtFormatted}
-          </time>
-        </a>
-      </footer>
-    </article>
-  );
-};

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

@@ -1,48 +0,0 @@
-/**
- * Quote Card Component
- *
- * Blockquote + attribution 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 timeline-card timeline-card-quote${compact ? " timeline-card-compact" : ""}`}
-    >
-      {post.contentHtml && (
-        <blockquote
-          class={`e-content italic ${compact ? "text-sm" : "text-base"} 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 text-xs text-muted-foreground">
-        <a href={post.permalink} class="u-url hover:underline">
-          <time class="dt-published" datetime={post.publishedAt}>
-            {post.publishedAtFormatted}
-          </time>
-        </a>
-      </footer>
-    </article>
-  );
-};

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

@@ -1,56 +0,0 @@
-/**
- * Timeline Feed Component
- *
- * Main feed wrapper 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 gap-4">
-        {items.map((item) => {
-          if (item.threadPreview) {
-            return (
-              <ResolvedThreadPreview
-                key={item.post.id}
-                rootPost={item.post}
-                previewReplies={item.threadPreview.replies}
-                totalReplyCount={item.threadPreview.totalReplyCount}
-                theme={theme}
-              />
-            );
-          }
-          return <TimelineItem key={item.post.id} item={item} theme={theme} />;
-        })}
-      </div>
-      {hasMore && nextCursor && (
-        <div id="load-more-container" class="mt-6 text-center">
-          <button
-            class="btn btn-outline"
-            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/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, TimelineItemFromPost } from "./TimelineItem.js";
-export { TimelineFeed } from "./TimelineFeed.js";

package/src/theme/layouts/SiteLayout.tsx

@@ -1,132 +0,0 @@
-/**
- * Site Layout
- *
- * Two-column layout for public pages with sidebar navigation.
- * On mobile, uses a slide-out drawer menu.
- */
-
-import type { FC, PropsWithChildren } from "hono/jsx";
-import type { NavLinkView, SiteLayoutProps } from "../../types.js";
-
-/**
- * Render navigation links with dot indicator for active state.
- */
-function NavLinks({ links }: { links: NavLinkView[] }) {
-  return (
-    <>
-      {links.map((link) => (
-        <a
-          key={link.id}
-          href={link.url}
-          class={`text-sm flex items-center gap-2 py-0.5 ${
-            link.isActive
-              ? "text-primary font-medium"
-              : "text-muted-foreground hover:text-foreground"
-          }`}
-          {...(link.isExternal
-            ? { target: "_blank", rel: "noopener noreferrer" }
-            : {})}
-        >
-          <span
-            class={`size-1.5 rounded-full shrink-0 ${link.isActive ? "bg-primary" : "bg-transparent"}`}
-          />
-          {link.label}
-          {link.isExternal && <span class="ml-1 text-xs opacity-50">↗</span>}
-        </a>
-      ))}
-    </>
-  );
-}
-
-export const SiteLayout: FC<PropsWithChildren<SiteLayoutProps>> = ({
-  siteName,
-  links,
-  children,
-}) => {
-  return (
-    <div
-      class="container py-8 md:flex md:gap-12"
-      data-signals={JSON.stringify({ _drawerOpen: false })}
-    >
-      {/* Mobile header with hamburger */}
-      <div class="flex items-center justify-between mb-6 md:hidden">
-        <a href="/" class="text-xl font-semibold">
-          {siteName}
-        </a>
-        <button
-          data-on:click="$_drawerOpen = true"
-          class="p-2 -mr-2 text-muted-foreground hover:text-foreground"
-          aria-label="Open menu"
-        >
-          <svg
-            class="size-5"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke-width="1.5"
-            stroke="currentColor"
-          >
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
-            />
-          </svg>
-        </button>
-      </div>
-
-      {/* Mobile drawer backdrop */}
-      <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"
-      />
-
-      {/* Mobile drawer panel */}
-      <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}"
-      >
-        <div class="flex items-center justify-between mb-8">
-          <a href="/" class="text-xl font-semibold">
-            {siteName}
-          </a>
-          <button
-            data-on:click="$_drawerOpen = false"
-            class="p-2 -mr-2 text-muted-foreground hover:text-foreground"
-            aria-label="Close menu"
-          >
-            <svg
-              class="size-5"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke-width="1.5"
-              stroke="currentColor"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                d="M6 18L18 6M6 6l12 12"
-              />
-            </svg>
-          </button>
-        </div>
-        <nav class="flex flex-col gap-0.5">
-          <NavLinks links={links} />
-        </nav>
-      </aside>
-
-      {/* Desktop sidebar */}
-      <aside class="hidden md:block md:w-48 md:shrink-0 md:sticky md:top-8 md:self-start">
-        <a href="/" class="text-xl font-semibold block mb-20">
-          {siteName}
-        </a>
-        <nav class="flex flex-col gap-0.5">
-          <NavLinks links={links} />
-        </nav>
-      </aside>
-
-      {/* Main content */}
-      <main class="flex-1 min-w-0">{children}</main>
-    </div>
-  );
-};

package/src/theme/pages/CollectionPage.tsx

@@ -1,60 +0,0 @@
-/**
- * Default Collection Page Component
- *
- * Renders a collection with its posts.
- * Theme authors can replace this entirely via ThemeComponents.CollectionPage.
- */
-
-import type { FC } from "hono/jsx";
-import { useLingui } from "@lingui/react/macro";
-import type { CollectionPageProps } from "../../types.js";
-
-export const CollectionPage: FC<CollectionPageProps> = ({
-  collection,
-  posts,
-}) => {
-  const { t } = useLingui();
-
-  return (
-    <div>
-      <header class="mb-8">
-        <h1 class="text-2xl font-semibold">{collection.title}</h1>
-        {collection.description && (
-          <p class="text-muted-foreground mt-2">{collection.description}</p>
-        )}
-      </header>
-
-      <main class="flex flex-col gap-6">
-        {posts.length === 0 ? (
-          <p class="text-muted-foreground">
-            {t({
-              message: "No posts in this collection.",
-              comment: "@context: Empty state message",
-            })}
-          </p>
-        ) : (
-          posts.map((post) => (
-            <article key={post.id} class="h-entry">
-              {post.title && (
-                <h2 class="p-name text-lg font-medium mb-2">
-                  <a href={post.permalink} class="u-url hover:underline">
-                    {post.title}
-                  </a>
-                </h2>
-              )}
-              <div
-                class="e-content prose prose-sm"
-                dangerouslySetInnerHTML={{ __html: post.contentHtml || "" }}
-              />
-              <footer class="mt-2 text-sm text-muted-foreground">
-                <time class="dt-published" datetime={post.publishedAt}>
-                  {post.publishedAtFormatted}
-                </time>
-              </footer>
-            </article>
-          ))
-        )}
-      </main>
-    </div>
-  );
-};

package/src/theme/pages/SinglePage.tsx

@@ -1,24 +0,0 @@
-/**
- * Default Single Page Component
- *
- * Renders a custom page (type "page").
- * Theme authors can replace this entirely via ThemeComponents.SinglePage.
- */
-
-import type { FC } from "hono/jsx";
-import type { SinglePageProps } from "../../types.js";
-
-export const SinglePage: FC<SinglePageProps> = ({ page }) => {
-  return (
-    <article class="h-entry">
-      {page.title && (
-        <h1 class="p-name text-3xl font-semibold mb-6">{page.title}</h1>
-      )}
-
-      <div
-        class="e-content prose"
-        dangerouslySetInnerHTML={{ __html: page.contentHtml || "" }}
-      />
-    </article>
-  );
-};

package/src/theme/pages/index.ts

@@ -1,13 +0,0 @@
-/**
- * Default Page Components
- *
- * These are the built-in page components that render each public page.
- * Theme authors can import these to wrap/extend them.
- */
-
-export { HomePage } from "./HomePage.js";
-export { PostPage } from "./PostPage.js";
-export { SinglePage } from "./SinglePage.js";
-export { ArchivePage } from "./ArchivePage.js";
-export { SearchPage } from "./SearchPage.js";
-export { CollectionPage } from "./CollectionPage.js";