@jant/core 0.6.14 → 0.6.15

package/src/ui/pages/__tests__/ArchivePage.test.tsx

@@ -106,4 +106,11 @@ describe("ArchivePage", () => {
     expect(html).toContain("archive-chip-active");
     expect(html).toContain("Single posts");
   });
+
+  it("renders the feed button only when a feed href is provided", () => {
+    expect(renderArchivePage()).not.toContain('class="feed-link"');
+    expect(renderArchivePage({ feedHref: "/archive/feed" })).toContain(
+      'class="feed-link"',
+    );
+  });
 });

package/src/ui/pages/__tests__/PostPage.test.tsx

@@ -0,0 +1,88 @@
+import type { Context } from "hono";
+import { renderToString } from "hono/jsx/dom/server";
+import { describe, expect, it } from "vitest";
+import { I18nProvider } from "../../../i18n/context.js";
+import { createI18n } from "../../../i18n/i18n.js";
+import type { PostView } from "../../../types.js";
+import { PostPage } from "../PostPage.js";
+
+function createPostView(overrides: Partial<PostView> = {}): PostView {
+  return {
+    id: "pst_root",
+    permalink: "/root",
+    slug: "root",
+    bodyHtml: "<p>Post body</p>",
+    format: "note",
+    status: "published",
+    visibility: "public",
+    pinned: false,
+    featured: false,
+    publishedAt: "2026-07-18T00:00:00.000Z",
+    publishedAtFormatted: "Jul 18, 2026",
+    publishedAtTime: "08:00",
+    publishedAtRelative: "now",
+    updatedAt: "2026-07-18T00:00:00.000Z",
+    media: [],
+    collections: [],
+    isLastInThread: false,
+    ...overrides,
+  };
+}
+
+function renderPostPage(post: PostView, threadPosts: PostView[]): string {
+  const i18n = createI18n("en");
+  const c = {
+    get(key: string) {
+      if (key === "i18n") return i18n;
+      return undefined;
+    },
+  } as unknown as Context;
+
+  I18nProvider({ c, children: "" });
+  return renderToString(PostPage({ post, threadPosts }));
+}
+
+function getArticleTag(html: string, postId: string): string {
+  const article = (html.match(/<article\b[^>]*>/g) ?? []).find((tag) =>
+    tag.includes(`data-post-id="${postId}"`),
+  );
+  if (!article) throw new Error(`Missing article for ${postId}`);
+  return article;
+}
+
+describe("PostPage", () => {
+  it("preserves Root-versus-Child action context in detail mode", () => {
+    const root = createPostView();
+    const child = createPostView({
+      id: "pst_child",
+      permalink: "/child",
+      slug: "child",
+      format: "link",
+      title: "Child link",
+      url: "https://example.com/child",
+      replyToId: root.id,
+      threadRootId: root.id,
+    });
+    const grandchild = createPostView({
+      id: "pst_grandchild",
+      permalink: "/grandchild",
+      slug: "grandchild",
+      format: "quote",
+      quoteText: "Child quote",
+      replyToId: child.id,
+      threadRootId: root.id,
+      isLastInThread: true,
+    });
+
+    const html = renderPostPage(child, [root, child, grandchild]);
+    const rootArticle = getArticleTag(html, root.id);
+    const childArticle = getArticleTag(html, child.id);
+    const grandchildArticle = getArticleTag(html, grandchild.id);
+
+    expect(rootArticle).not.toContain("data-post-reply");
+    expect(childArticle).toContain('data-post-reply=""');
+    expect(childArticle).toContain(`data-thread-root-id="${root.id}"`);
+    expect(grandchildArticle).toContain('data-post-reply=""');
+    expect(grandchildArticle).toContain(`data-thread-root-id="${root.id}"`);
+  });
+});

package/src/ui/shared/CollectionDirectory.tsx

@@ -124,7 +124,7 @@ export const CollectionDirectory: FC<CollectionDirectoryProps> = ({
           i18n._(
             msg({
               message:
-                "No collections yet. Start one to organize posts by topic.",
+                "No collections yet. Start one to organize threads by topic.",
               comment: "@context: Empty state message on collections page",
             }),
           )}
@@ -231,7 +231,9 @@ export const CollectionDirectory: FC<CollectionDirectoryProps> = ({
                   <div
                     class="collection-directory-description prose"
                     dangerouslySetInnerHTML={{
-                      __html: renderMarkdown(item.description),
+                      __html: renderMarkdown(item.description, {
+                        namespace: item.id,
+                      }),
                     }}
                   />
                 ) : (
@@ -279,24 +281,26 @@ export const CollectionDirectory: FC<CollectionDirectoryProps> = ({
                 <div
                   class="collection-directory-description prose"
                   dangerouslySetInnerHTML={{
-                    __html: renderMarkdown(collection.description),
+                    __html: renderMarkdown(collection.description, {
+                      namespace: collection.id,
+                    }),
                   }}
                 />
               )}
               <p class="collection-directory-summary">
                 <span class="collection-directory-meta">
-                  {collection.postCount}{" "}
-                  {collection.postCount === 1
+                  {collection.threadCount}{" "}
+                  {collection.threadCount === 1
                     ? i18n._(
                         msg({
-                          message: "entry",
-                          comment: "@context: Singular entry count label",
+                          message: "thread",
+                          comment: "@context: Singular thread count label",
                         }),
                       )
                     : i18n._(
                         msg({
-                          message: "entries",
-                          comment: "@context: Plural entry count label",
+                          message: "threads",
+                          comment: "@context: Plural thread count label",
                         }),
                       )}
                 </span>

package/src/ui/shared/CollectionsManager.tsx

@@ -15,12 +15,14 @@ const escapeJson = (data: unknown) =>
 
 export interface CollectionsManagerProps {
   items: CollectionDirectoryItem[];
+  navigationCollectionIds?: string[];
   sitePathPrefix?: string;
   siteOrigin?: string;
 }
 
 export const CollectionsManager: FC<CollectionsManagerProps> = ({
   items,
+  navigationCollectionIds = [],
   sitePathPrefix = "",
   siteOrigin = "",
 }) => {
@@ -102,21 +104,21 @@ export const CollectionsManager: FC<CollectionsManagerProps> = ({
         comment: "@context: Tooltip for divider delete button",
       }),
     ),
-    entrySingular: i18n._(
+    threadSingular: i18n._(
       msg({
-        message: "entry",
-        comment: "@context: Singular entry count label",
+        message: "thread",
+        comment: "@context: Singular thread count label",
       }),
     ),
-    entryPlural: i18n._(
+    threadPlural: i18n._(
       msg({
-        message: "entries",
-        comment: "@context: Plural entry count label",
+        message: "threads",
+        comment: "@context: Plural thread count label",
       }),
     ),
     emptyState: i18n._(
       msg({
-        message: "No collections yet. Start one to organize posts by topic.",
+        message: "No collections yet. Start one to organize threads by topic.",
         comment: "@context: Empty state message on collections page",
       }),
     ),
@@ -126,6 +128,13 @@ export const CollectionsManager: FC<CollectionsManagerProps> = ({
         comment: "@context: Toast after reordering collections",
       }),
     ),
+    notNow: i18n._(
+      msg({
+        message: "Not now",
+        comment:
+          "@context: Action to dismiss the post-create Collection navigation prompt",
+      }),
+    ),
     ...mutationLabels,
   };
 
@@ -312,6 +321,7 @@ export const CollectionsManager: FC<CollectionsManagerProps> = ({
       <jant-collections-manager
         items={escapeJson(items)}
         labels={escapeJson(labels)}
+        navigation-collection-ids={escapeJson(navigationCollectionIds)}
       >
         <CollectionDirectory
           items={items}

package/src/ui/shared/DraftPreviewBar.tsx

@@ -0,0 +1,33 @@
+import { msg } from "@lingui/core/macro";
+import type { FC } from "hono/jsx";
+import { useLingui } from "../../i18n/context.js";
+
+/** Persistent page chrome that distinguishes an authenticated draft preview. */
+export const DraftPreviewBar: FC = () => {
+  const { i18n } = useLingui();
+  const label = i18n._(
+    msg({
+      message: "Draft preview",
+      comment: "@context: Status label above a draft preview page",
+    }),
+  );
+
+  return (
+    <aside class="draft-preview-bar" aria-label={label} data-preview-status>
+      <div class="draft-preview-bar-inner">
+        <span class="draft-preview-bar-label">
+          <span class="draft-preview-bar-dot" aria-hidden="true" />
+          {label}
+        </span>
+        <span class="draft-preview-bar-description">
+          {i18n._(
+            msg({
+              message: "This post isn’t published.",
+              comment: "@context: Explanation in the draft preview status bar",
+            }),
+          )}
+        </span>
+      </div>
+    </aside>
+  );
+};

package/src/ui/shared/HomePageBranding.tsx

@@ -2,7 +2,7 @@ import type { FC } from "hono/jsx";
 import {
   HOME_BRANDING_LINK_LABEL,
   HOME_BRANDING_PREFIX,
-  JANT_REPO_URL,
+  JANT_HOME_URL,
 } from "../../lib/jant-branding.js";
 
 export const HomePageBranding: FC = () => {
@@ -10,7 +10,7 @@ export const HomePageBranding: FC = () => {
     <footer class="home-branding-credit">
       {HOME_BRANDING_PREFIX}{" "}
       <a
-        href={JANT_REPO_URL}
+        href={JANT_HOME_URL}
         target="_blank"
         rel="noopener noreferrer"
         class="home-branding-link"

package/src/ui/shared/MediaGallery.tsx

@@ -208,6 +208,7 @@ export const MediaGallery: FC<MediaGalleryProps> = ({
       return cat === "image" || cat === "video";
     })
     .map((a) => ({
+      id: a.id,
       url: a.url,
       alt: a.altText || "",
       width: a.width,

package/src/ui/shared/PostFooter.tsx

@@ -186,6 +186,8 @@ export const PostFooter: FC<PostFooterProps> = ({ post, detail, display }) => {
   const showReply = !hideReply && post.isLastInThread;
   const showCollectionSeparator =
     showTimestamp || !!safeExternalUrl || post.featured;
+  const visibleCollections =
+    post.replyToId || post.threadRootId ? [] : post.collections;
 
   return (
     <footer
@@ -224,7 +226,7 @@ export const PostFooter: FC<PostFooterProps> = ({ post, detail, display }) => {
           </a>
         )}
         <CompactCollectionTags
-          collections={post.collections}
+          collections={visibleCollections}
           showSeparator={showCollectionSeparator}
           showIcon={detail}
         />

package/src/ui/shared/__tests__/home-page-branding.test.tsx

@@ -7,7 +7,7 @@ describe("HomePageBranding", () => {
     const html = renderToString(HomePageBranding({}));
 
     expect(html).toContain("Build with");
-    expect(html).toContain("https://github.com/jant-me/jant");
+    expect(html).toContain('href="https://jant.me"');
     expect(html).toContain(">Jant</span>");
     expect(html).not.toContain("<svg");
   });

package/src/ui/shared/__tests__/media-gallery.test.ts

@@ -104,6 +104,7 @@ describe("MediaGallery", () => {
 
     expect(html).toContain("data-feed-short-video");
     expect(html).toContain('data-video-src="/media/clip.mp4"');
+    expect(html).toContain(""id":"media-3"");
     expect(html).toContain("data-feed-video-mute-toggle");
     expect(html).not.toContain("media-video-play-overlay");
     expect(html).not.toContain("media-short-video-progress");

package/src/ui/shared/__tests__/navigation-labels.test.ts

@@ -139,10 +139,10 @@ describe("system nav labels", () => {
 
   it("translates system nav descriptions", () => {
     expect(getSystemNavDescription("latest", i18n)).toBe(
-      "translated:Link to your latest posts. If it comes before Featured, the homepage opens here.",
+      "translated:Link to your latest posts. Your homepage shows this feed.",
     );
     expect(getSystemNavDescription("featured", i18n)).toBe(
-      "translated:Link to your featured posts. If it comes before Latest, the homepage opens here.",
+      "translated:Link to posts you've marked as featured.",
     );
     expect(getSystemNavDescription("archive", i18n)).toBe(
       "translated:Link to the post archive",

package/src/ui/shared/__tests__/post-footer.test.ts

@@ -106,6 +106,21 @@ describe("PostFooter", () => {
     expect(html.match(/href="\/studio"/g)).toHaveLength(1);
   });
 
+  it("shows collection tags only on the thread root", () => {
+    const html = renderPostFooter(
+      createPostView({
+        id: "post-child",
+        replyToId: "post-root",
+      }),
+    );
+
+    expect(html).not.toContain('class="post-collection-tags"');
+    expect(html).not.toContain('href="/notes"');
+    expect(html).not.toContain("data-collection-popover-trigger");
+    expect(html).toContain('aria-label="More actions"');
+    expect(html).toContain("data-post-menu-trigger");
+  });
+
   it("renders the featured icon before the timestamp for client-side toggles", () => {
     const html = renderPostFooter(
       createPostView({

package/src/ui/shared/collection-management-labels.ts

@@ -53,7 +53,7 @@ const collectionFormMessages = {
   }),
   createdLabel: msg({
     message: "Collection created.",
-    comment: "@context: Toast shown after creating a collection",
+    comment: "@context: Confirmation shown after creating a collection",
   }),
   descriptionLabel: msg({
     message: "Description (optional)",
@@ -94,6 +94,30 @@ const collectionMutationMessages = {
     message: "Edit",
     comment: "@context: Per-collection edit action",
   }),
+  addToNavigation: msg({
+    message: "Add to Navigation",
+    comment: "@context: Action that adds a Collection to site navigation",
+  }),
+  addingToNavigation: msg({
+    message: "Adding…",
+    comment:
+      "@context: Loading label while adding a Collection to site navigation",
+  }),
+  addedToNavigation: msg({
+    message: "Collection added to navigation.",
+    comment:
+      "@context: Confirmation after adding a Collection to site navigation",
+  }),
+  editNavigation: msg({
+    message: "Edit Navigation",
+    comment:
+      "@context: Action that opens Navigation settings for a Collection already in navigation",
+  }),
+  addToNavigationFailed: msg({
+    message: "Couldn't add this collection to navigation. Try again.",
+    comment:
+      "@context: Error after a Collection could not be added to site navigation",
+  }),
   moreActions: msg({
     message: "More actions",
     comment: "@context: Aria-label for collections page more button",
@@ -112,7 +136,7 @@ const collectionMutationMessages = {
   }),
   confirmDelete: msg({
     message:
-      "Delete this collection permanently? Posts inside won't be removed.",
+      "Delete this collection permanently? Threads inside won't be removed.",
     comment: "@context: Confirm dialog for deleting a collection",
   }),
   cancel: msg({
@@ -210,6 +234,13 @@ export const getCollectionFormLabels = (i18n: Translator) => ({
 
 export const getCollectionMutationLabels = (i18n: Translator) => ({
   edit: i18n._(collectionMutationMessages.edit),
+  addToNavigation: i18n._(collectionMutationMessages.addToNavigation),
+  addingToNavigation: i18n._(collectionMutationMessages.addingToNavigation),
+  addedToNavigation: i18n._(collectionMutationMessages.addedToNavigation),
+  editNavigation: i18n._(collectionMutationMessages.editNavigation),
+  addToNavigationFailed: i18n._(
+    collectionMutationMessages.addToNavigationFailed,
+  ),
   moreActions: i18n._(collectionMutationMessages.moreActions),
   label: i18n._(collectionMutationMessages.label),
   url: i18n._(collectionMutationMessages.url),

package/src/ui/shared/navigation-labels.ts

@@ -81,13 +81,11 @@ const SYSTEM_NAV_TITLES: Partial<Record<SystemNavKey, MessageDescriptor>> = {
 
 const SYSTEM_NAV_DESCRIPTIONS: Record<SystemNavKey, MessageDescriptor> = {
   latest: msg({
-    message:
-      "Link to your latest posts. If it comes before Featured, the homepage opens here.",
+    message: "Link to your latest posts. Your homepage shows this feed.",
     comment: "@context: Description for the latest system navigation toggle",
   }),
   featured: msg({
-    message:
-      "Link to your featured posts. If it comes before Latest, the homepage opens here.",
+    message: "Link to posts you've marked as featured.",
     comment: "@context: Description for the featured system navigation toggle",
   }),
   rss: msg({

package/src/ui/shared/post-article-attributes.ts

@@ -0,0 +1,46 @@
+import type { PostView } from "../../types.js";
+
+type PostArticleAttributeSource = Pick<
+  PostView,
+  | "id"
+  | "slug"
+  | "format"
+  | "visibility"
+  | "replyToId"
+  | "threadRootId"
+  | "pinned"
+  | "pinnedInCollection"
+  | "featured"
+>;
+
+/**
+ * Builds the shared data-attribute contract for interactive Post articles.
+ * Child identity is content-derived and therefore stays stable across feed,
+ * detail, search, and partial-render modes.
+ *
+ * @param post - Render-ready Post identity and action state
+ * @returns Data attributes consumed by menus, shortcuts, themes, and scripts
+ *
+ * @example
+ * ```tsx
+ * <article {...getPostArticleAttributes(post)}>...</article>
+ * ```
+ */
+export function getPostArticleAttributes(post: PostArticleAttributeSource) {
+  const isChildPost = Boolean(post.replyToId || post.threadRootId);
+
+  return {
+    "data-post": "",
+    "data-format": post.format,
+    "data-post-id": post.id,
+    "data-post-slug": post.slug,
+    "data-thread-root-id": post.threadRootId ?? post.id,
+    ...(post.pinned ? { "data-post-pinned": "" } : {}),
+    ...(post.pinnedInCollection
+      ? { "data-post-pinned-in-collection": "" }
+      : {}),
+    ...(post.featured ? { "data-post-featured": "" } : {}),
+    "data-post-visibility": post.visibility,
+    ...(isChildPost ? { "data-post-reply": "" } : {}),
+  };
+}

package/dist/app-DZDlmh7C.js

@@ -1,6 +0,0 @@
-import "./url-BMYO-Zlt.js";
-import { t as createApp } from "./app-2i7-WQHg.js";
-import "./export-DWn149b7.js";
-import "./env-OHRKGcMj.js";
-import "./github-sync-Ckk0sJxK.js";
-export { createApp };