@jant/core 0.6.13 → 0.6.14

package/src/lib/markdown-manager.ts

@@ -723,6 +723,7 @@ export function createMarkdownContentExtensions(
       heading: { levels: [1, 2, 3] },
       link: { openOnClick: false, autolink: false },
       codeBlock: false,
+      trailingNode: { notAfter: ["footnoteDefinition"] },
     }),
     MarkdownCodeBlock,
     Table.configure({
@@ -742,11 +743,19 @@ export function createMarkdownContentExtensions(
   ];
 }
 
-function normalizeMarkdownDoc(node: JSONContent): JSONContent {
+/**
+ * Normalizes Markdown parser output before it enters the editor schema.
+ *
+ * @param node - Parsed Tiptap document or descendant node
+ * @returns A normalized copy safe to load into an editor
+ * @example
+ * const normalized = normalizeMarkdownDocument(markdownManager.parse(source));
+ */
+export function normalizeMarkdownDocument(node: JSONContent): JSONContent {
   const normalized: JSONContent = { ...node };
 
   if (normalized.content) {
-    normalized.content = normalized.content.map(normalizeMarkdownDoc);
+    normalized.content = normalized.content.map(normalizeMarkdownDocument);
   }
 
   if (normalized.marks) {
@@ -810,9 +819,9 @@ function normalizeMarkdownDoc(node: JSONContent): JSONContent {
         child?.type === "text" &&
         typeof child.text === "string" &&
         nextChild?.type === "footnoteReference" &&
-        child.text.endsWith("\n")
+        /\n[ \t]*$/.test(child.text)
       ) {
-        const trimmedText = child.text.replace(/\n$/, "");
+        const trimmedText = child.text.replace(/\n[ \t]*$/, "");
         if (trimmedText) {
           nextContent.push({
             ...child,
@@ -854,7 +863,7 @@ export function getMarkdownManager(): MarkdownManager {
 }
 
 export function parseMarkdownDocument(markdown: string): JSONContent {
-  return normalizeMarkdownDoc(getMarkdownManager().parse(markdown));
+  return normalizeMarkdownDocument(getMarkdownManager().parse(markdown));
 }
 
 export function serializeMarkdownDocument(doc: JSONContent): string {

package/src/styles/ui.css

@@ -848,7 +848,7 @@
       display: flex;
     }
 
-    .site-header-more-divider-responsive {
+    .site-header-more-divider-show-lg {
       display: block;
     }
   }
@@ -865,6 +865,10 @@
     .site-header-more-link-show-md {
       display: flex;
     }
+
+    .site-header-more-divider-show-md {
+      display: block;
+    }
   }
 
   @media (max-width: 580px) {
@@ -879,6 +883,10 @@
     .site-header-more-link-show-sm {
       display: flex;
     }
+
+    .site-header-more-divider-show-sm {
+      display: block;
+    }
   }
 
   @media (max-width: 480px) {
@@ -5425,6 +5433,30 @@
     color: var(--site-text-primary);
   }
 
+  .compose-attached-done {
+    margin-left: auto;
+    padding: 6px 14px;
+    border: none;
+    border-radius: 8px;
+    background-color: var(--site-text-primary);
+    color: var(--site-elevated-bg);
+    font-size: var(--type-ui-control);
+    font-weight: var(--fw-medium);
+    line-height: 1.25;
+    cursor: pointer;
+    transition: opacity 0.15s ease;
+  }
+
+  .compose-attached-done:hover {
+    opacity: 0.82;
+  }
+
+  .compose-attached-done:focus-visible {
+    outline: 2px solid
+      color-mix(in srgb, var(--site-text-primary) 24%, transparent);
+    outline-offset: 2px;
+  }
+
   .compose-attached-tiptap {
     flex: 1;
     min-height: 0;
@@ -5436,6 +5468,10 @@
     min-height: 100%;
   }
 
+  .compose-attached-tiptap .tiptap > :first-child {
+    margin-top: 0;
+  }
+
   .compose-attached-tiptap::-webkit-scrollbar {
     width: 3px;
   }
@@ -7735,28 +7771,9 @@
 
   /*
    * Reply context clones feed/detail card internals into a much narrower shell.
-   * Reset the reading widths and heading scale so the preview uses the thread
-   * context ladder instead of the original page/card layout.
+   * Scale headings to the thread context ladder instead of the original
+   * page/card layout.
    */
-  .compose-reply-context-body
-    :is(
-      .post-detail-title,
-      .post-detail-body,
-      .post-body-summary,
-      .feed-note-title,
-      .feed-link-title,
-      .feed-quote,
-      .feed-quote-attribution,
-      .feed-quote-commentary,
-      .feed-link-domain,
-      .feed-continue-link,
-      [data-post-body].prose,
-      [data-post-meta]
-    ) {
-    width: 100%;
-    max-width: none;
-  }
-
   .compose-reply-context-body
     :is(.post-detail-title, .feed-note-title, .feed-link-title),
   .compose-reply-context-body .prose :is(h1, h2, h3, h4) {
@@ -7976,11 +7993,11 @@
     }
 
     .compose-thread-layout {
-      padding-top: 0.45rem;
+      padding-top: 0.75rem;
     }
 
     .compose-thread-layout::before {
-      top: 0.45rem;
+      top: 0.75rem;
     }
 
     .compose-reply-context {
@@ -8630,9 +8647,13 @@
     }
   }
 
+  .command-palette-results-container {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+  }
+
   .command-palette-results {
-    list-style: none;
-    margin: 0;
     padding: 0.25rem 0;
     max-height: 20rem;
     overflow-y: auto;
@@ -8674,6 +8695,7 @@
   .command-palette-result-body {
     display: flex;
     flex-direction: column;
+    flex: 1;
     gap: 0.125rem;
     min-width: 0;
   }
@@ -8694,6 +8716,37 @@
     text-overflow: ellipsis;
   }
 
+  .command-palette-search-action {
+    flex-shrink: 0;
+    border-top: 1px solid var(--color-border);
+    padding-block: 0.625rem;
+    background-color: color-mix(
+      in srgb,
+      var(--color-muted) 32%,
+      var(--compose-paper-bg)
+    );
+  }
+
+  .command-palette-search-action:hover,
+  .command-palette-search-action.command-palette-result-selected {
+    background-color: var(--color-accent);
+  }
+
+  .command-palette-result-shortcut {
+    flex-shrink: 0;
+    margin-left: auto;
+    border: 1px solid var(--color-border);
+    border-radius: 0.25rem;
+    padding: 0.125rem 0.375rem;
+    background-color: var(--compose-paper-bg);
+    color: var(--color-muted-foreground);
+    font-family: inherit;
+    font-size: 0.6875rem;
+    font-weight: 500;
+    line-height: 1.25rem;
+    white-space: nowrap;
+  }
+
   .command-palette-empty {
     padding: 1.5rem 1rem;
     text-align: center;
@@ -9799,6 +9852,7 @@
     vertical-align: super;
     color: var(--site-accent);
     white-space: nowrap;
+    cursor: pointer;
   }
 
   .compose-tiptap-body
@@ -9834,13 +9888,22 @@
 
   .compose-tiptap-body
     .tiptap
-    > :not(.tiptap-footnote-definition)
-    + .tiptap-footnote-definition {
+    > :not(.tiptap-footnote-definition, .ProseMirror-gapcursor)
+    ~ .tiptap-footnote-definition {
     margin-top: 2rem;
     padding-top: 1rem;
     border-top: 1px solid var(--site-divider);
   }
 
+  .compose-tiptap-body
+    .tiptap
+    > .tiptap-footnote-definition
+    ~ .tiptap-footnote-definition {
+    margin-top: 1rem;
+    padding-top: 0;
+    border-top: 0;
+  }
+
   .compose-tiptap-body .tiptap .tiptap-footnote-definition > :first-child {
     margin-top: 0;
   }
@@ -12158,3 +12221,28 @@
   );
   color: color-mix(in srgb, var(--site-text-secondary) 80%, transparent);
 }
+
+/*
+ * Compose reply context renders cloned feed/detail post HTML. Keep this
+ * outside @layer components so it can override the unlayered global post-body
+ * width rules that intentionally make normal desktop post text use the 55%
+ * reading column.
+ */
+.compose-reply-context-body
+  :is(
+    .post-detail-title,
+    .post-detail-body,
+    .post-body-summary,
+    .feed-note-title,
+    .feed-link-title,
+    .feed-quote,
+    .feed-quote-attribution,
+    .feed-quote-commentary,
+    .feed-link-domain,
+    .feed-continue-link,
+    [data-post-body].prose,
+    [data-post-meta]
+  ) {
+  width: 100%;
+  max-width: none;
+}

package/src/ui/feed/__tests__/timeline-cards.test.ts

@@ -352,10 +352,15 @@ describe("timeline cards", () => {
       new URL("../../../styles/ui.css", import.meta.url),
       "utf8",
     );
-
-    expect(uiCss).toMatch(
-      /\.compose-reply-context-body\s*:is\([\s\S]*\[data-post-body\]\.prose[\s\S]*\)\s*\{[\s\S]*width:\s*100%;[\s\S]*max-width:\s*none;/,
+    const unlayeredCssStart = uiCss.indexOf(" * Home description");
+    const resetRule = uiCss.match(
+      /\.compose-reply-context-body\s*:is\([^{}]*\[data-post-body\]\.prose[^{}]*\)\s*\{[^{}]*width:\s*100%;[^{}]*max-width:\s*none;[^{}]*\}/,
     );
+
+    expect(unlayeredCssStart).toBeGreaterThan(0);
+    expect(resetRule?.index).toBeGreaterThan(unlayeredCssStart);
+    expect(resetRule?.[0]).toContain("width: 100%;");
+    expect(resetRule?.[0]).toContain("max-width: none;");
   });
 
   it("keeps link and quote attachments hidden in compact mode", () => {

package/src/ui/layouts/BaseLayout.tsx

@@ -434,7 +434,7 @@ export const BaseLayout: FC<PropsWithChildren<BaseLayoutProps>> = ({
               responsive header layout before external CSS/JS loads */}
           <style
             dangerouslySetInnerHTML={{
-              __html: `.site-header-search-link,.site-header-hamburger,.site-header-more-responsive-only,.site-header-more-link-responsive,.site-header-more-divider-responsive{display:none!important}@media(max-width:1200px){.site-header-search-form{display:none!important}.site-header-search-link{display:inline-flex!important}}@media(max-width:960px){.site-header-link-collapse-lg{display:none!important}.site-header-more-responsive-only.site-header-more-tier-lg{display:inline-flex!important}.site-header-more-link-show-lg{display:flex!important}.site-header-more-divider-responsive{display:block!important}}@media(max-width:780px){.site-header-link-collapse-md{display:none!important}.site-header-more-responsive-only.site-header-more-tier-md{display:inline-flex!important}.site-header-more-link-show-md{display:flex!important}}@media(max-width:580px){.site-header-link-collapse-sm{display:none!important}.site-header-more-responsive-only.site-header-more-tier-sm{display:inline-flex!important}.site-header-more-link-show-sm{display:flex!important}}@media(max-width:480px){.site-header-nav,.site-header-more{display:none!important}.site-header-search-slot{display:flex!important}.site-header-hamburger{display:flex!important}.site-header-right{margin-left:.35rem}}`,
+              __html: `.site-header-search-link,.site-header-hamburger,.site-header-more-responsive-only,.site-header-more-link-responsive,.site-header-more-divider-responsive{display:none!important}@media(max-width:1200px){.site-header-search-form{display:none!important}.site-header-search-link{display:inline-flex!important}}@media(max-width:960px){.site-header-link-collapse-lg{display:none!important}.site-header-more-responsive-only.site-header-more-tier-lg{display:inline-flex!important}.site-header-more-link-show-lg{display:flex!important}.site-header-more-divider-show-lg{display:block!important}}@media(max-width:780px){.site-header-link-collapse-md{display:none!important}.site-header-more-responsive-only.site-header-more-tier-md{display:inline-flex!important}.site-header-more-link-show-md{display:flex!important}.site-header-more-divider-show-md{display:block!important}}@media(max-width:580px){.site-header-link-collapse-sm{display:none!important}.site-header-more-responsive-only.site-header-more-tier-sm{display:inline-flex!important}.site-header-more-link-show-sm{display:flex!important}.site-header-more-divider-show-sm{display:block!important}}@media(max-width:480px){.site-header-nav,.site-header-more{display:none!important}.site-header-search-slot{display:flex!important}.site-header-hamburger{display:flex!important}.site-header-right{margin-left:.35rem}}`,
             }}
           />
           {themeStyle && (

package/src/ui/layouts/SiteLayout.tsx

@@ -134,6 +134,15 @@ function moreLinkRevealTier(idx: number): string {
   return "site-header-more-link-show-lg";
 }
 
+function getResponsiveOverflowTier(
+  headerLinkCount: number,
+): "sm" | "md" | "lg" | null {
+  if (headerLinkCount >= 5) return "lg";
+  if (headerLinkCount === 4) return "md";
+  if (headerLinkCount === 3) return "sm";
+  return null;
+}
+
 export const SiteHeader: FC<SiteHeaderProps> = ({
   siteName,
   links,
@@ -176,22 +185,17 @@ export const SiteHeader: FC<SiteHeaderProps> = ({
     (l) => l.placement === "header" || !l.placement,
   );
   const moreLinks = linksWithLabels.filter((l) => l.placement === "more");
-  const hasResponsiveOverflow = headerLinks.length > 2;
+  const responsiveOverflowTier = getResponsiveOverflowTier(headerLinks.length);
+  const hasResponsiveOverflow = responsiveOverflowTier !== null;
   const hasSupplementalMoreLinks = moreLinks.length > 0;
   const showMoreMenu = hasResponsiveOverflow || hasSupplementalMoreLinks;
 
   // Decide the widest breakpoint at which the "More" button must appear
   // when there are no supplemental links.
-  let responsiveTierClass = "";
-  if (hasResponsiveOverflow && !hasSupplementalMoreLinks) {
-    if (headerLinks.length >= 5) {
-      responsiveTierClass = "site-header-more-tier-lg";
-    } else if (headerLinks.length === 4) {
-      responsiveTierClass = "site-header-more-tier-md";
-    } else {
-      responsiveTierClass = "site-header-more-tier-sm";
-    }
-  }
+  const responsiveTierClass =
+    responsiveOverflowTier && !hasSupplementalMoreLinks
+      ? `site-header-more-tier-${responsiveOverflowTier}`
+      : "";
   const moreMenuClass = [
     "site-header-more",
     hasResponsiveOverflow && !hasSupplementalMoreLinks
@@ -297,8 +301,10 @@ export const SiteHeader: FC<SiteHeaderProps> = ({
                         </a>
                       );
                     })}
-                    {hasResponsiveOverflow && hasSupplementalMoreLinks && (
-                      <div class="site-header-more-divider site-header-more-divider-responsive" />
+                    {responsiveOverflowTier && hasSupplementalMoreLinks && (
+                      <div
+                        class={`site-header-more-divider site-header-more-divider-responsive site-header-more-divider-show-${responsiveOverflowTier}`}
+                      />
                     )}
                     {moreLinks.map((link) => (
                       <a

package/src/ui/layouts/__tests__/SiteLayout.test.tsx

@@ -3,8 +3,24 @@ 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 { NavItemView } from "../../../types.js";
 import { SiteLayout } from "../SiteLayout.js";
 
+function createNavItem(
+  index: number,
+  placement: NavItemView["placement"],
+): NavItemView {
+  return {
+    id: `nav_${index}`,
+    type: "link",
+    label: `Link ${index}`,
+    url: `/link-${index}`,
+    placement,
+    isActive: false,
+    isExternal: false,
+  };
+}
+
 function renderSiteLayout(
   props: Partial<Parameters<typeof SiteLayout>[0]> = {},
 ): string {
@@ -30,6 +46,38 @@ function renderSiteLayout(
 }
 
 describe("SiteLayout", () => {
+  it.each([
+    [3, "sm"],
+    [4, "md"],
+    [5, "lg"],
+  ] as const)(
+    "reveals the More divider at the first breakpoint that overflows %i header links",
+    (headerLinkCount, tier) => {
+      const headerLinks = Array.from({ length: headerLinkCount }, (_, index) =>
+        createNavItem(index, "header"),
+      );
+      const html = renderSiteLayout({
+        links: [...headerLinks, createNavItem(headerLinkCount, "more")],
+      });
+
+      expect(html).toContain(
+        `class="site-header-more-divider site-header-more-divider-responsive site-header-more-divider-show-${tier}"`,
+      );
+    },
+  );
+
+  it("omits the More divider when no header link can overflow", () => {
+    const html = renderSiteLayout({
+      links: [
+        createNavItem(0, "header"),
+        createNavItem(1, "header"),
+        createNavItem(2, "more"),
+      ],
+    });
+
+    expect(html).not.toContain("site-header-more-divider");
+  });
+
   it("renders the mobile compose FAB for authenticated timeline pages", () => {
     const html = renderSiteLayout({
       currentPath: "/latest",

package/dist/app-CWJFPjuR.js

@@ -1,6 +0,0 @@
-import "./url-BMYO-Zlt.js";
-import { t as createApp } from "./app-HnzmsaqU.js";
-import "./export-Dfbq9aot.js";
-import "./env-OHRKGcMj.js";
-import "./github-sync--PSoE-Ne.js";
-export { createApp };