@jant/core 0.3.23 → 0.3.24

package/src/themes/minimal/MinimalSiteLayout.tsx

@@ -1,100 +0,0 @@
-/**
- * Minimal Theme - Site Layout
- *
- * Single-column, centered layout with horizontal nav.
- * Inspired by Tufte CSS and Manton.org.
- */
-
-import type { FC, PropsWithChildren } from "hono/jsx";
-import type { NavLinkView, SiteLayoutProps } from "../../types.js";
-
-function NavLinks({ links }: { links: NavLinkView[] }) {
-  return (
-    <>
-      {links.map((link) => (
-        <a
-          key={link.id}
-          href={link.url}
-          class={`text-sm ${
-            link.isActive
-              ? "text-foreground font-medium"
-              : "text-muted-foreground hover:text-foreground"
-          }`}
-          {...(link.isExternal
-            ? { target: "_blank", rel: "noopener noreferrer" }
-            : {})}
-        >
-          {link.label}
-          {link.isExternal && (
-            <span class="ml-0.5 text-xs opacity-50">&#8599;</span>
-          )}
-        </a>
-      ))}
-    </>
-  );
-}
-
-export const SiteLayout: FC<PropsWithChildren<SiteLayoutProps>> = ({
-  siteName,
-  links,
-  children,
-}) => {
-  return (
-    <div
-      class="max-w-2xl mx-auto px-4 py-8"
-      data-signals={JSON.stringify({ _menuOpen: false })}
-    >
-      {/* Header */}
-      <header class="mb-12">
-        <div class="flex items-center justify-between">
-          <a href="/" class="text-xl font-semibold">
-            {siteName}
-          </a>
-
-          {/* Mobile menu toggle */}
-          {links.length > 0 && (
-            <button
-              data-on:click="$_menuOpen = !$_menuOpen"
-              class="p-2 -mr-2 text-muted-foreground hover:text-foreground sm:hidden"
-              aria-label="Toggle 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>
-
-        {/* Desktop nav (inline) */}
-        {links.length > 0 && (
-          <nav class="hidden sm:flex flex-wrap gap-x-4 gap-y-1 mt-3">
-            <NavLinks links={links} />
-          </nav>
-        )}
-
-        {/* Mobile nav (collapsible) */}
-        {links.length > 0 && (
-          <nav
-            class="sm:hidden flex flex-col gap-1 mt-3 overflow-hidden"
-            data-show="$_menuOpen"
-          >
-            <NavLinks links={links} />
-          </nav>
-        )}
-      </header>
-
-      {/* Main content */}
-      <main>{children}</main>
-    </div>
-  );
-};

package/src/themes/minimal/pages/CollectionPage.tsx

@@ -1,60 +0,0 @@
-/**
- * Minimal Theme - Collection Page
- *
- * Simple list of posts in a collection.
- */
-
-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">
-        {posts.length === 0 ? (
-          <p class="text-muted-foreground">
-            {t({
-              message: "No posts in this collection.",
-              comment: "@context: Empty state message",
-            })}
-          </p>
-        ) : (
-          posts.map((post, i) => (
-            <article key={post.id} class="h-entry">
-              {i > 0 && <hr class="my-6 border-border" />}
-              {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/themes/minimal/timeline/ArticleCard.tsx

@@ -1,37 +0,0 @@
-/**
- * Minimal Theme - Article Card
- *
- * Title + excerpt, borderless, 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${compact ? " text-sm" : ""}`}>
-      {post.title && (
-        <h2 class={`p-name font-semibold ${compact ? "text-sm" : "text-lg"}`}>
-          <a href={post.permalink} class="u-url hover:underline">
-            {post.title}
-          </a>
-        </h2>
-      )}
-      {!compact && post.excerpt && (
-        <p class="e-content text-muted-foreground mt-1 line-clamp-3">
-          {post.excerpt}
-        </p>
-      )}
-      <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/ImageCard.tsx

@@ -1,63 +0,0 @@
-/**
- * Minimal Theme - Image Card
- *
- * Inline images with no card frame for type="image" posts.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineCardProps } from "../../../types.js";
-import { MediaGallery } from "../../../theme/components/MediaGallery.js";
-
-export const ImageCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  if (compact) {
-    return (
-      <article class="h-entry text-sm">
-        {post.title && (
-          <h2 class="p-name font-medium text-sm">
-            <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">
-          <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>
-    );
-  }
-
-  return (
-    <article class="h-entry">
-      {post.contentHtml && (
-        <div
-          class="e-content prose prose-sm"
-          dangerouslySetInnerHTML={{ __html: post.contentHtml }}
-        />
-      )}
-      {post.media.length > 0 && <MediaGallery attachments={post.media} />}
-      <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/LinkCard.tsx

@@ -1,48 +0,0 @@
-/**
- * Minimal Theme - Link Card
- *
- * Subtle external link indicator for type="link" posts.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineCardProps } from "../../../types.js";
-
-export const LinkCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  return (
-    <article class={`h-entry${compact ? " text-sm" : ""}`}>
-      {post.title && (
-        <h2 class={`p-name font-semibold ${compact ? "text-sm" : "text-base"}`}>
-          <a
-            href={post.sourceUrl || post.permalink}
-            class="u-url hover:underline"
-            target={post.sourceUrl ? "_blank" : undefined}
-            rel={post.sourceUrl ? "noopener noreferrer" : undefined}
-          >
-            {post.title}
-          </a>
-        </h2>
-      )}
-      {post.sourceDomain && (
-        <div class="text-xs text-muted-foreground mt-0.5">
-          &#8599; {post.sourceDomain}
-        </div>
-      )}
-      {!compact && post.contentHtml && (
-        <div
-          class="e-content prose prose-sm text-muted-foreground mt-1"
-          dangerouslySetInnerHTML={{ __html: post.contentHtml }}
-        />
-      )}
-      <footer class="mt-2">
-        <a
-          href={post.permalink}
-          class="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/NoteCard.tsx

@@ -1,35 +0,0 @@
-/**
- * Minimal Theme - Note Card
- *
- * Borderless, content-first card for type="note" posts.
- */
-
-import type { FC } from "hono/jsx";
-import type { TimelineCardProps } from "../../../types.js";
-import { MediaGallery } from "../../../theme/components/MediaGallery.js";
-
-export const NoteCard: FC<TimelineCardProps> = ({ post, compact }) => {
-  return (
-    <article class={`h-entry${compact ? " text-sm" : ""}`}>
-      {post.contentHtml && (
-        <div
-          class={`e-content prose ${compact ? "prose-sm" : ""}`}
-          dangerouslySetInnerHTML={{ __html: post.contentHtml }}
-        />
-      )}
-      {!compact && post.media.length > 0 && (
-        <MediaGallery attachments={post.media} />
-      )}
-      <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/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/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>
-  );
-};