@jant/core 0.6.14 → 0.6.16

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

@@ -97,7 +97,11 @@ export const CompactCollectionTags: FC<{
 interface PostPublishedLinkProps {
   post: Pick<
     PostView,
-    "permalink" | "publishedAt" | "publishedAtFormatted" | "publishedAtTime"
+    | "permalink"
+    | "publishedAt"
+    | "publishedAtFormatted"
+    | "publishedAtTime"
+    | "status"
   >;
   className: string;
 }
@@ -107,17 +111,33 @@ export const PostPublishedLink: FC<PostPublishedLinkProps> = ({
   className,
 }) => {
   const { i18n } = useLingui();
-  const publishedLabel = i18n._(
-    msg({
-      message: "Published on {date} at {time}",
-      comment:
-        "@context: Tooltip text for the published timestamp in post metadata",
-    }),
-    {
-      date: post.publishedAtFormatted,
-      time: post.publishedAtTime,
-    },
-  );
+  // A draft has never been published; `publishedAt` is standing in for its
+  // last edit. The link still matters (it is how you open the post), so keep
+  // it and tell the truth about what the date means.
+  const publishedLabel =
+    post.status === "draft"
+      ? i18n._(
+          msg({
+            message: "Last edited on {date} at {time}",
+            comment:
+              "@context: Tooltip text for the timestamp on an unpublished draft",
+          }),
+          {
+            date: post.publishedAtFormatted,
+            time: post.publishedAtTime,
+          },
+        )
+      : i18n._(
+          msg({
+            message: "Published on {date} at {time}",
+            comment:
+              "@context: Tooltip text for the published timestamp in post metadata",
+          }),
+          {
+            date: post.publishedAtFormatted,
+            time: post.publishedAtTime,
+          },
+        );
 
   return (
     <a href={post.permalink} class={className}>
@@ -180,12 +200,17 @@ export const PostFooter: FC<PostFooterProps> = ({ post, detail, display }) => {
         );
   const safeExternalUrl =
     post.format === "link" && post.url ? sanitizeUrl(post.url) : "";
+  // Drafts get an ordinary footer — the Draft badge above already says what
+  // they are, and their lifecycle actions live in the post menu next to Edit
+  // and Delete rather than in a bespoke button row.
   const showTimestamp = !display?.hideTimestamp;
   const hideActions = !!display?.hideActions;
   const hideReply = !!display?.hideReply;
   const showReply = !hideReply && post.isLastInThread;
   const showCollectionSeparator =
     showTimestamp || !!safeExternalUrl || post.featured;
+  const visibleCollections =
+    post.replyToId || post.threadRootId ? [] : post.collections;
 
   return (
     <footer
@@ -224,7 +249,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/custom-icons.ts

@@ -106,6 +106,11 @@ export const CUSTOM_SYMBOLS: Record<string, CustomSymbol> = {
     viewBox: "0 0 24 24",
     inner: `<line ${STROKE_POST_BADGE} x1="12" x2="12" y1="17" y2="22" /><path ${STROKE_POST_BADGE} d="M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z" />`,
   },
+  // Post status badge: draft (lucide pencil-line, thin 1.75 stroke).
+  "post-status-draft": {
+    viewBox: "0 0 24 24",
+    inner: `<path ${STROKE_POST_BADGE} d="M12 20h9" /><path ${STROKE_POST_BADGE} d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z" />`,
+  },
   // Post status badge: private (lucide eye-off, thin 1.75 stroke).
   "post-status-private": {
     viewBox: "0 0 24 24",

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,52 @@
+import type { PostView } from "../../types.js";
+
+type PostArticleAttributeSource = Pick<
+  PostView,
+  | "id"
+  | "slug"
+  | "format"
+  | "status"
+  | "visibility"
+  | "replyToId"
+  | "threadRootId"
+  | "pinned"
+  | "pinnedInCollection"
+  | "featured"
+  | "draftTailId"
+>;
+
+/**
+ * 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": "" } : {}),
+    ...(post.status === "draft" ? { "data-post-draft": "" } : {}),
+    ...(post.draftTailId
+      ? { "data-thread-draft-tail-id": post.draftTailId }
+      : {}),
+    "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 };