@jant/core 0.6.11 → 0.6.13

package/src/ui/dash/appearance/__tests__/NavigationContent.test.tsx

@@ -22,6 +22,7 @@ function renderNavigationContent(
     NavigationContent({
       navItems: [],
       directoryData: { collections: [], items: [], directoryItems: [] },
+      suggestedLinks: [],
       mainRssFeed: "latest",
       siteName: "Test Site",
       ...props,
@@ -51,4 +52,22 @@ describe("NavigationContent", () => {
 
     expect(html).toContain("Built-in links");
   });
+
+  it("serializes suggested links with translated target labels", () => {
+    const html = renderNavigationContent({
+      suggestedLinks: [
+        {
+          key: "now",
+          label: "Now",
+          url: "/now",
+          targetType: "collection",
+          navItemType: "collection",
+          collectionId: "col_now",
+        },
+      ],
+    });
+
+    expect(html).toContain("suggested-links=");
+    expect(html).toContain(""targetLabel":"Collection"");
+  });
 });

package/src/ui/dash/settings/AccountMenuContent.tsx

@@ -66,7 +66,7 @@ export function AccountMenuContent({
     : i18n._(
         msg({
           message:
-            "Manage sign-in security, exports, and irreversible actions.",
+            "Manage sign-in security, site exports, and irreversible actions.",
           comment:
             "@context: Intro text on the account settings menu page below the title",
         }),
@@ -105,7 +105,7 @@ export function AccountMenuContent({
         <h1 class="page-intro-title page-intro-title-compact">
           {i18n._(
             msg({
-              message: "Account",
+              message: "Account & Data",
               comment: "@context: Page title for the account settings menu",
             }),
           )}

package/src/ui/dash/settings/GeneralContent.tsx

@@ -10,6 +10,7 @@
 import { msg } from "@lingui/core/macro";
 import { useLingui } from "../../../i18n/context.js";
 import type { TimezoneEntry } from "../../../lib/timezones.js";
+import type { AboutPageStatus } from "../../../services/about-page.js";
 
 export function GeneralContent({
   siteName,
@@ -30,6 +31,9 @@ export function GeneralContent({
   noindex,
   demoMode,
   timezones,
+  aboutPage,
+  aboutEditUrl,
+  aboutCreateUrl,
 }: {
   siteName: string;
   siteDescription: string;
@@ -49,6 +53,9 @@ export function GeneralContent({
   noindex: boolean;
   demoMode: boolean;
   timezones: TimezoneEntry[];
+  aboutPage: AboutPageStatus;
+  aboutEditUrl: string;
+  aboutCreateUrl: string;
 }) {
   const { i18n } = useLingui();
 
@@ -65,6 +72,38 @@ export function GeneralContent({
         comment: "@context: Settings subsection heading for basic site fields",
       }),
     ),
+    aboutPage: i18n._(
+      msg({
+        message: "About page",
+        comment: "@context: Link label for editing or creating the About page",
+      }),
+    ),
+    aboutPagePrompt: i18n._(
+      msg({
+        message: "Want to write a fuller introduction?",
+        comment:
+          "@context: Prompt shown below the short site description, before the About page action",
+      }),
+    ),
+    createAboutPage: i18n._(
+      msg({
+        message: "Create About page",
+        comment: "@context: Button to create the standard About page",
+      }),
+    ),
+    editAboutPage: i18n._(
+      msg({
+        message: "Edit About page",
+        comment: "@context: Link to edit the standard About page",
+      }),
+    ),
+    aboutPageConflict: i18n._(
+      msg({
+        message:
+          "/about is already used. Rename that item before creating an About page.",
+        comment: "@context: Compact conflict message when /about is occupied",
+      }),
+    ),
     languageAndTime: i18n._(
       msg({
         message: "Language & Time",
@@ -369,6 +408,8 @@ export function GeneralContent({
     { value: "ko", label: "\uD55C\uAD6D\uC5B4 (Korean)" },
   ]).replace(/</g, "\\u003c");
 
+  const aboutPageJson = JSON.stringify(aboutPage).replace(/</g, "\\u003c");
+
   const initialData = JSON.stringify({
     siteName,
     siteDescription,
@@ -397,6 +438,9 @@ export function GeneralContent({
           featured-feed-url={featuredFeedUrl}
           archive-feed-url={archiveFeedUrl}
           demo-mode={demoMode || undefined}
+          about-page={aboutPageJson}
+          about-edit-url={aboutEditUrl}
+          about-create-url={aboutCreateUrl}
         >
           {/* SSR fallback skeleton */}
           <div>

package/src/ui/dash/settings/SettingsRootContent.tsx

@@ -51,7 +51,7 @@ export function SettingsRootContent({
       )
     : i18n._(
         msg({
-          message: "Sessions and password",
+          message: "Sign-in, export, and deletion",
           comment:
             "@context: Settings item description for account settings on the settings home page",
         }),
@@ -171,7 +171,7 @@ export function SettingsRootContent({
           )}
           description={i18n._(
             msg({
-              message: "Header links, home feed, and overflow menu",
+              message: "Header links, built-in destinations, and overflow menu",
               comment: "@context: Settings item description for navigation",
             }),
           )}
@@ -333,7 +333,7 @@ export function SettingsRootContent({
           tone="subtle"
           name={i18n._(
             msg({
-              message: "Account",
+              message: "Account & Data",
               comment: "@context: Settings item — account settings",
             }),
           )}

package/src/ui/dash/settings/__tests__/GeneralContent.test.tsx

@@ -37,6 +37,8 @@ function createProps(
     siteName: "My Blog",
     siteDescription: "A test blog",
     siteLanguage: "en",
+    dashboardLanguage: "en",
+    cjkSerifFont: "off",
     siteNameFallback: "Fallback Name",
     siteDescriptionFallback: "Fallback Description",
     mainRssFeed: "featured" as const,
@@ -49,6 +51,12 @@ function createProps(
     showJantBrandingOnHome: false,
     noindex: false,
     demoMode,
+    aboutPage: {
+      state: "missing" as const,
+      path: "/about" as const,
+    },
+    aboutEditUrl: "/about?edit=1",
+    aboutCreateUrl: "/settings/general/about-page",
     timezones: [
       {
         value: "UTC",

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

@@ -104,13 +104,43 @@ describe("timeline cards", () => {
   });
 
   it("preserves authored line breaks in quote cards", () => {
+    const tokens = readFileSync(
+      new URL("../../../styles/tokens.css", import.meta.url),
+      "utf8",
+    );
     const css = readFileSync(
       new URL("../../../styles/ui.css", import.meta.url),
       "utf8",
     );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
 
+    expect(tokens).toMatch(
+      /--feed-note-title-size:\s*calc\(var\(--type-content-body\) \* 1\.36\);/,
+    );
+    expect(tokens).toMatch(
+      /--type-content-quote:\s*calc\(var\(--type-content-body\) \* 1\.16\);/,
+    );
+    expect(tokens).toMatch(/--type-content-quote-leading:\s*1\.4;/);
+    expect(css).toMatch(
+      /\.feed-note-title\s*\{[\s\S]*font-size:\s*var\(--feed-note-title-size\);/,
+    );
+    expect(css).toMatch(
+      /\.feed-link-title\s*\{[\s\S]*font-size:\s*var\(--feed-note-title-size\);/,
+    );
+    expect(exportCss).toMatch(
+      /\.post-card-title\s*\{[\s\S]*font-size:\s*var\(--feed-note-title-size\);/,
+    );
     expect(css).toMatch(
-      /\.feed-quote-content\s*\{[\s\S]*white-space:\s*pre-line;/,
+      /\.feed-quote-content\s*\{[\s\S]*font-size:\s*var\(--type-content-quote\);[\s\S]*line-height:\s*var\(--type-content-quote-leading\);[\s\S]*white-space:\s*pre-line;/,
+    );
+    expect(exportCss).toMatch(
+      /\.post-card-quote-content\s*\{[\s\S]*font-size:\s*var\(--type-content-quote\);[\s\S]*line-height:\s*var\(--type-content-quote-leading\);[\s\S]*white-space:\s*pre-line;/,
     );
   });
 
@@ -136,6 +166,123 @@ describe("timeline cards", () => {
     expect(css).toContain("margin-bottom: 0;");
   });
 
+  it("keeps prose list rhythm compact in live and exported reading", () => {
+    const presetCss = readFileSync(
+      new URL("../../../preset.css", import.meta.url),
+      "utf8",
+    );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
+
+    expect(presetCss).toMatch(
+      /:where\(ul,\s*ol\)\s*\{[\s\S]*padding-left:\s*1\.4em;/,
+    );
+    expect(exportCss).toMatch(
+      /ul,\s*[\s\S]*ol\s*\{[\s\S]*padding-left:\s*1\.4em;/,
+    );
+    expect(presetCss).toMatch(
+      /:where\(li,\s*dt\)\s*\{[\s\S]*margin-top:\s*0\.65em;[\s\S]*margin-bottom:\s*0\.65em;/,
+    );
+    expect(exportCss).toMatch(
+      /li\s*\{[\s\S]*margin-top:\s*0\.65em;[\s\S]*margin-bottom:\s*0\.65em;/,
+    );
+  });
+
+  it("uses dedicated markdown code surfaces in live and exported prose", () => {
+    const presetCss = readFileSync(
+      new URL("../../../preset.css", import.meta.url),
+      "utf8",
+    );
+    const tokenCss = readFileSync(
+      new URL("../../../styles/tokens.css", import.meta.url),
+      "utf8",
+    );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
+
+    expect(tokenCss).toContain("--site-code-bg:");
+    expect(tokenCss).toContain("--site-code-block-bg:");
+    expect(tokenCss).toContain(
+      "--type-code: calc(var(--type-body-size) * 0.94);",
+    );
+    expect(tokenCss).toContain(
+      "--type-code-block: calc(var(--type-body-size) * 0.9);",
+    );
+    expect(presetCss).toContain("background-color: var(--site-code-bg);");
+    expect(presetCss).toContain("background-color: var(--site-code-block-bg);");
+    expect(exportCss).toContain("background-color: var(--site-code-bg);");
+    expect(exportCss).toContain("background-color: var(--site-code-block-bg);");
+  });
+
+  it("keeps markdown h2 and h3 headings upright across surfaces", () => {
+    const presetCss = readFileSync(
+      new URL("../../../preset.css", import.meta.url),
+      "utf8",
+    );
+    const uiCss = readFileSync(
+      new URL("../../../styles/ui.css", import.meta.url),
+      "utf8",
+    );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
+
+    expect(presetCss).not.toMatch(
+      /:where\(h[23]\)\s*\{[^}]*font-style:\s*italic;/,
+    );
+    expect(uiCss).not.toMatch(
+      /\.compose-tiptap-body\s+\.tiptap\s+h[23]\s*\{[^}]*font-style:\s*italic;/,
+    );
+    expect(exportCss).not.toMatch(/h[23]\s*\{[^}]*font-style:\s*italic;/);
+  });
+
+  it("compacts authored headings inside feed body prose", () => {
+    const presetCss = readFileSync(
+      new URL("../../../preset.css", import.meta.url),
+      "utf8",
+    );
+    const exportCss = readFileSync(
+      new URL(
+        "../../../services/export-theme/styles/main.css",
+        import.meta.url,
+      ),
+      "utf8",
+    );
+
+    expect(presetCss).toContain(
+      '[data-post]:not([data-page="post"]) [data-post-body].prose',
+    );
+    expect(presetCss).toMatch(
+      /:where\(h1,\s*h2\)\s*\{[\s\S]*font-size:\s*calc\(var\(--type-content-body\) \* 1\.12\);/,
+    );
+    expect(presetCss).toMatch(
+      /:where\(h3,\s*h4\)\s*\{[\s\S]*font-size:\s*var\(--type-content-body\);/,
+    );
+    expect(presetCss).toMatch(
+      /:where\(h5,\s*h6\)\s*\{[\s\S]*font-size:\s*var\(--type-secondary\);/,
+    );
+    expect(exportCss).toMatch(
+      /\.post-card > \.post-card-summary :is\(h1,\s*h2\),/,
+    );
+    expect(exportCss).toMatch(
+      /\.post-card > \.post-card-summary :is\(h5,\s*h6\),/,
+    );
+  });
+
   it("keeps quote footers on the shared card spacing baseline", () => {
     const css = readFileSync(
       new URL("../../../styles/ui.css", import.meta.url),
@@ -266,6 +413,20 @@ describe("timeline cards", () => {
     );
   });
 
+  it("keeps titled detail headers spaced as one reading group", () => {
+    const css = readFileSync(
+      new URL("../../../styles/ui.css", import.meta.url),
+      "utf8",
+    );
+
+    expect(css).toMatch(
+      /\.post-header-block\s*\{[\s\S]*margin-bottom:\s*1\.7rem;/,
+    );
+    expect(css).toMatch(
+      /\.post-header-block-detail\s*\{[\s\S]*gap:\s*0\.7rem;/,
+    );
+  });
+
   it("renders titled note feed summaries as secondary prose without shrinking detail reading", () => {
     const post = createPostView({
       format: "note",