@jant/core 0.3.43 → 0.3.45

package/src/services/__tests__/site-admin.test.ts

@@ -45,4 +45,89 @@ describe("SiteAdminService", () => {
 
     expect(siteRows).toEqual([{ key: "demo-cloud" }]);
   });
+
+  it("returns the existing site when replayed with the same idempotency key", async () => {
+    const { db } = createTestDatabase();
+    const service = createSiteAdminService(db, sqliteSchemaBundle, "sqlite", {
+      siteResolutionMode: "host-based",
+    });
+
+    const first = await service.createManagedSite({
+      key: "idem-site",
+      primaryHost: "idem-site.example.com",
+      siteName: "Idempotent Site",
+      idempotencyKey: "job_abc",
+    });
+
+    const second = await service.createManagedSite({
+      key: "idem-site",
+      primaryHost: "idem-site.example.com",
+      siteName: "Idempotent Site",
+      idempotencyKey: "job_abc",
+    });
+
+    expect(second.site.id).toBe(first.site.id);
+    expect(second.domain.id).toBe(first.domain.id);
+  });
+
+  it("rejects reuse of an idempotency key with different key or primary host", async () => {
+    const { db } = createTestDatabase();
+    const service = createSiteAdminService(db, sqliteSchemaBundle, "sqlite", {
+      siteResolutionMode: "host-based",
+    });
+
+    await service.createManagedSite({
+      key: "idem-site",
+      primaryHost: "idem-site.example.com",
+      siteName: "Idempotent Site",
+      idempotencyKey: "job_xyz",
+    });
+
+    await expect(
+      service.createManagedSite({
+        key: "other-site",
+        primaryHost: "idem-site.example.com",
+        siteName: "Other Site",
+        idempotencyKey: "job_xyz",
+      }),
+    ).rejects.toEqual(
+      new ConflictError(
+        "Idempotency key was reused with a different site key or primary host.",
+      ),
+    );
+
+    await expect(
+      service.createManagedSite({
+        key: "idem-site",
+        primaryHost: "different-host.example.com",
+        siteName: "Idempotent Site",
+        idempotencyKey: "job_xyz",
+      }),
+    ).rejects.toEqual(
+      new ConflictError(
+        "Idempotency key was reused with a different site key or primary host.",
+      ),
+    );
+  });
+
+  it("treats requests without an idempotency key as independent creations", async () => {
+    const { db } = createTestDatabase();
+    const service = createSiteAdminService(db, sqliteSchemaBundle, "sqlite", {
+      siteResolutionMode: "host-based",
+    });
+
+    await service.createManagedSite({
+      key: "no-idem-site",
+      primaryHost: "no-idem-site.example.com",
+      siteName: "No Idem Site",
+    });
+
+    await expect(
+      service.createManagedSite({
+        key: "no-idem-site",
+        primaryHost: "no-idem-site-2.example.com",
+        siteName: "No Idem Site",
+      }),
+    ).rejects.toEqual(new ConflictError("Site key is already in use."));
+  });
 });

package/src/services/github-sync.ts

@@ -651,9 +651,15 @@ export function createGitHubSyncService(
         if (frontMatter.link_url !== undefined) {
           updateData.url = frontMatter.link_url;
         }
+        if (frontMatter.source_name !== undefined)
+          updateData.sourceName = frontMatter.source_name;
+        if (frontMatter.source_url !== undefined)
+          updateData.sourceUrl = frontMatter.source_url;
         if (frontMatter.quote_text !== undefined) {
           updateData.quoteText = frontMatter.quote_text;
         }
+        if (frontMatter.rating !== undefined)
+          updateData.rating = frontMatter.rating;
 
         if (Object.keys(updateData).length > 0) {
           await services.posts.update(existingPost.id, updateData);

package/src/services/site-admin.ts

@@ -1,4 +1,4 @@
-import { eq, sql } from "drizzle-orm";
+import { and, eq, sql } from "drizzle-orm";
 import {
   executeStatement,
   type Database,
@@ -45,6 +45,13 @@ export interface CreateManagedSiteInput {
   siteName: string;
   siteLanguage?: string | null;
   timeZone?: string | null;
+  /**
+   * Optional caller-supplied idempotency key. When provided, retrying the same
+   * request returns the previously created site instead of a 409 conflict.
+   * Reusing the key with a different `key` or `primaryHost` is rejected as a
+   * client bug.
+   */
+  idempotencyKey?: string | null;
 }
 
 export interface ManagedSiteResult {
@@ -194,6 +201,47 @@ export function createSiteAdminService(
     return `${protocol}//${domain.host}${pathPrefix}`;
   }
 
+  async function loadByIdempotencyKey(
+    targetDb: Database,
+    idempotencyKey: string,
+  ): Promise<ManagedSiteResult | null> {
+    const siteRow = (
+      await targetDb
+        .select()
+        .from(sites)
+        .where(eq(sites.provisioningIdempotencyKey, idempotencyKey))
+        .limit(1)
+    )[0];
+    if (!siteRow) {
+      return null;
+    }
+
+    const domainRow = (
+      await targetDb
+        .select()
+        .from(siteDomains)
+        .where(
+          and(
+            eq(siteDomains.siteId, siteRow.id),
+            eq(siteDomains.kind, "primary"),
+          ),
+        )
+        .limit(1)
+    )[0];
+    if (!domainRow) {
+      // A site row without a primary domain means the original creation aborted
+      // mid-transaction on a dialect without real transactions. Treat as not
+      // found so the caller can retry; the partial unique index will surface a
+      // genuine duplicate.
+      return null;
+    }
+
+    return {
+      site: toSite(siteRow),
+      domain: toSiteDomain(domainRow),
+    };
+  }
+
   async function createWithDatabase(
     targetDb: Database,
     input: CreateManagedSiteInput,
@@ -201,6 +249,22 @@ export function createSiteAdminService(
     const siteKey = input.key.trim();
     const primaryHost = input.primaryHost.trim().toLowerCase();
     const siteName = input.siteName.trim();
+    const idempotencyKey = input.idempotencyKey?.trim() || null;
+
+    if (idempotencyKey) {
+      const existing = await loadByIdempotencyKey(targetDb, idempotencyKey);
+      if (existing) {
+        if (
+          existing.site.key !== siteKey ||
+          existing.domain.host !== primaryHost
+        ) {
+          throw new ConflictError(
+            "Idempotency key was reused with a different site key or primary host.",
+          );
+        }
+        return existing;
+      }
+    }
 
     const existingSite = await targetDb
       .select({ id: sites.id })
@@ -231,6 +295,7 @@ export function createSiteAdminService(
           id: siteId,
           key: siteKey,
           status: "active",
+          provisioningIdempotencyKey: idempotencyKey,
           createdAt: timestamp,
           updatedAt: timestamp,
         })

package/src/styles/components.css

@@ -106,6 +106,20 @@ svg[stroke-width].icon-fine {
     }
   }
 
+  .toast-copy {
+    @apply shrink-0 translate-y-0.5 cursor-pointer rounded-sm p-0 border-0 bg-transparent;
+    color: var(--color-muted-foreground);
+    transition: color 0.15s;
+
+    &:hover {
+      color: var(--color-foreground);
+    }
+
+    > svg {
+      @apply size-3.5;
+    }
+  }
+
   .toast-out {
     animation: toast-out 0.3s ease-in forwards;
   }

package/src/styles/ui.css

@@ -2100,6 +2100,10 @@
     width: 30px;
     height: 9px;
     margin: 4rem 0;
+    /* Center over the post-body column. On desktop the body column is
+       `var(--layout-content-width)` (55%). Between 760-1024px it switches
+       to `min(100%, 35rem)` via preset.css, so the hr must track that
+       same rule — otherwise the glyph drifts left of the content center. */
     margin-left: calc(var(--layout-content-width) / 2 - 15px);
     color: var(--site-feed-divider-color);
     background-color: currentColor;
@@ -2113,6 +2117,14 @@
     mask-size: contain;
   }
 
+  @media (max-width: 1024px) {
+    .site-content hr.feed-divider {
+      /* Match preset.css `min(100%, 35rem)` body-column width so the hr
+         stays visually aligned with the post column at this breakpoint. */
+      margin-left: calc(min(100%, 35rem) / 2 - 15px);
+    }
+  }
+
   .feed-card {
     position: relative;
     padding: 1rem 1.1rem 0.95rem;
@@ -5784,6 +5796,87 @@
     min-width: 0;
   }
 
+  .compose-quick-actions-row {
+    display: flex;
+    justify-content: flex-end;
+    padding: 2px 12px 12px;
+    background-color: var(--compose-paper-bg);
+  }
+
+  .compose-action-row:has(+ .compose-quick-actions-row) {
+    padding-bottom: 4px;
+  }
+
+  @media (min-width: 700px) {
+    .compose-quick-actions-row {
+      padding: 2px 18px 14px;
+    }
+
+    .compose-action-row:has(+ .compose-quick-actions-row) {
+      padding-bottom: 4px;
+    }
+  }
+
+  .compose-publish-quick-toggle {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    padding: 0.5rem 0.55rem;
+    margin: 0 -0.4rem;
+    min-height: 36px;
+    font-size: var(--type-ui-caption);
+    color: color-mix(in srgb, var(--site-text-secondary) 78%, transparent);
+    cursor: pointer;
+    user-select: none;
+    line-height: 1.1;
+    border-radius: 6px;
+    -webkit-tap-highlight-color: transparent;
+    transition:
+      color 0.15s ease,
+      background-color 0.15s ease;
+  }
+
+  .compose-publish-quick-toggle:active {
+    background-color: color-mix(
+      in srgb,
+      var(--site-text-primary) 6%,
+      transparent
+    );
+  }
+
+  @media (min-width: 700px) {
+    .compose-publish-quick-toggle {
+      padding: 0.3rem 0.35rem;
+      margin: 0 -0.2rem;
+      min-height: 0;
+    }
+  }
+
+  .compose-publish-quick-toggle:hover {
+    color: var(--site-text-secondary);
+  }
+
+  .compose-publish-quick-toggle:has(input:checked) {
+    color: color-mix(in srgb, var(--site-text-primary) 85%, transparent);
+  }
+
+  .compose-publish-quick-toggle-input {
+    width: 0.88rem !important;
+    height: 0.88rem !important;
+    border-radius: 3px;
+  }
+
+  .compose-publish-quick-toggle-input:checked:after {
+    width: 0.74rem !important;
+    height: 0.74rem !important;
+    mask-size: 0.74rem !important;
+  }
+
+  .compose-publish-quick-toggle:has(input:disabled) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
   .compose-publish-summaries {
     display: flex;
     flex-wrap: wrap;
@@ -6826,6 +6919,9 @@
     border: none;
     padding: 8px;
     transition: background-color 0.15s;
+    flex-direction: column;
+    justify-content: center;
+    gap: 6px;
   }
 
   .compose-attachment-retry:hover {
@@ -6855,6 +6951,19 @@
     opacity: 0.9;
   }
 
+  .compose-attachment-error-msg {
+    font-size: 10px;
+    line-height: 1.3;
+    color: white;
+    text-align: center;
+    word-break: break-all;
+    padding: 0 4px;
+    user-select: text;
+    text-shadow:
+      0 1px 3px rgba(0, 0, 0, 0.9),
+      0 0 6px rgba(0, 0, 0, 0.7);
+  }
+
   .compose-attachment-remove {
     position: absolute;
     top: 6px;

package/src/types/bindings.ts

@@ -87,6 +87,4 @@ export interface Bindings {
   CORS_ORIGINS?: EnvBindingValue;
   HOST?: string;
   PORT?: string;
-  // GitHub Sync queue (Cloudflare Queues)
-  GITHUB_SYNC_QUEUE?: Queue;
 }

package/src/types/config.ts

@@ -63,7 +63,7 @@ export const CONFIG_FIELDS = {
     envKeys: ["DEFAULT_THEME"],
   },
   DEFAULT_FONT_THEME: {
-    defaultValue: "tufte",
+    defaultValue: "classic",
     envOnly: true,
     envKeys: ["DEFAULT_FONT_THEME"],
   },

package/src/types/props.ts

@@ -22,6 +22,8 @@ export interface HomePageProps {
   currentPage: number;
   totalPages: number;
   baseUrl: string;
+  isAuthenticated: boolean;
+  signinUrl: string;
 }
 
 /** Props for the single post page component */

package/src/ui/__tests__/font-themes.test.ts

@@ -11,8 +11,8 @@ describe("BUILTIN_FONT_THEMES", () => {
     expect(BUILTIN_FONT_THEMES).toHaveLength(7);
   });
 
-  it("has 'tufte' as the first theme", () => {
-    expect(BUILTIN_FONT_THEMES[0].id).toBe("tufte");
+  it("has 'classic' as the first theme", () => {
+    expect(BUILTIN_FONT_THEMES[0].id).toBe("classic");
   });
 
   it("each theme has required fields", () => {

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

@@ -97,6 +97,23 @@ export function SettingsRootContent({
             }),
           )}
         />
+        <SettingsDirectoryLink
+          href={toPublicPath("/settings/custom-urls", sitePathPrefix)}
+          icon={ICONS.arrowRightLeft}
+          tone="subtle"
+          name={i18n._(
+            msg({
+              message: "Custom URLs",
+              comment: "@context: Settings item — custom URL settings",
+            }),
+          )}
+          description={i18n._(
+            msg({
+              message: "Redirects, vanity paths, and URL control",
+              comment: "@context: Settings item description for custom URLs",
+            }),
+          )}
+        />
       </SettingsDirectorySection>
 
       <SettingsDirectorySection
@@ -227,23 +244,6 @@ export function SettingsRootContent({
           }),
         )}
       >
-        <SettingsDirectoryLink
-          href={toPublicPath("/settings/custom-urls", sitePathPrefix)}
-          icon={ICONS.arrowRightLeft}
-          tone="subtle"
-          name={i18n._(
-            msg({
-              message: "Custom URLs",
-              comment: "@context: Settings item — custom URL settings",
-            }),
-          )}
-          description={i18n._(
-            msg({
-              message: "Redirects, vanity paths, and URL control",
-              comment: "@context: Settings item description for custom URLs",
-            }),
-          )}
-        />
         <SettingsDirectoryLink
           href={toPublicPath("/settings/code-injection", sitePathPrefix)}
           icon={ICONS.terminal}

package/src/ui/feed/LinkCard.tsx

@@ -14,6 +14,7 @@ import { PostStatusBadges } from "./PostStatusBadges.js";
 import { sanitizeUrl, extractDisplayDomain } from "../../lib/url.js";
 import { MediaGallery } from "../shared/MediaGallery.js";
 import { LinkPreview } from "./LinkPreview.js";
+import { Icon } from "../shared/Icon.js";
 
 export const LinkCard: FC<TimelineCardProps> = ({
   post,
@@ -39,30 +40,12 @@ export const LinkCard: FC<TimelineCardProps> = ({
         target="_blank"
         rel="noopener noreferrer"
       >
-        <svg
-          class="feed-link-domain-icon"
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke-width="2"
-          stroke="currentColor"
-        >
-          <path d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
-        </svg>
+        <Icon name="link-domain" class="feed-link-domain-icon" />
         <span>{domain}</span>
       </a>
     ) : (
       <div class="feed-link-domain">
-        <svg
-          class="feed-link-domain-icon"
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke-width="2"
-          stroke="currentColor"
-        >
-          <path d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
-        </svg>
+        <Icon name="link-domain" class="feed-link-domain-icon" />
         <span>{domain}</span>
       </div>
     ));

package/src/ui/feed/LinkPreview.tsx

@@ -6,6 +6,7 @@
  */
 
 import type { FC } from "hono/jsx";
+import { Icon } from "../shared/Icon.js";
 
 interface LinkPreviewProps {
   imageUrl: string;
@@ -41,31 +42,16 @@ export const LinkPreview: FC<LinkPreviewProps> = ({
       <img src={imageUrl} alt="" class="link-preview-image" loading="lazy" />
       {isVideo && (
         <div class="link-preview-play" aria-hidden="true">
-          <svg
-            class="link-preview-play-icon"
-            viewBox="0 0 68 48"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              class="link-preview-play-bg"
-              d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55C3.97 2.33 2.27 4.81 1.48 7.74.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z"
-              fill="rgba(0,0,0,.65)"
-            />
-            <path d="M45 24L27 14v20" fill="#fff" />
-          </svg>
+          <Icon name="link-preview-play" class="link-preview-play-icon" />
         </div>
       )}
       {providerLabel && (
         <span class="link-preview-badge" aria-hidden="true">
           {isVideo && (
-            <svg
+            <Icon
+              name="link-preview-badge-play"
               class="link-preview-badge-icon"
-              viewBox="0 0 16 16"
-              xmlns="http://www.w3.org/2000/svg"
-              fill="currentColor"
-            >
-              <path d="M5.5 3.5v9l7-4.5z" />
-            </svg>
+            />
           )}
           {providerLabel}
         </span>

package/src/ui/feed/PostStatusBadges.tsx

@@ -9,55 +9,21 @@
  */
 
 import type { FC } from "hono/jsx";
+import { Icon } from "../shared/Icon.js";
 
 export const PostStatusBadges: FC = () => {
   return (
     <div class="post-status-badges">
       <span class="post-status-badge post-status-pinned">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="1.75"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        >
-          <line x1="12" x2="12" y1="17" y2="22" />
-          <path 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" />
-        </svg>
+        <Icon name="post-status-pin" />
         Pinned
       </span>
       <span class="post-status-badge post-status-pinned-in-collection">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="1.75"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        >
-          <line x1="12" x2="12" y1="17" y2="22" />
-          <path 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" />
-        </svg>
+        <Icon name="post-status-pin" />
         Pinned
       </span>
       <span class="post-status-badge post-status-private">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="1.75"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        >
-          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
-          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
-          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
-          <path d="m2 2 20 20" />
-        </svg>
+        <Icon name="post-status-private" />
         Private
       </span>
     </div>

package/src/ui/font-themes.ts

@@ -138,23 +138,6 @@ export function getCjkSerifCssVariables(
 export const DEFAULT_FONT_CJK_SERIF_FALLBACK = DEFAULT_CJK_SERIF_FALLBACK;
 
 export const BUILTIN_FONT_THEMES: FontTheme[] = [
-  {
-    id: "tufte",
-    name: {
-      id: "Tufte",
-      message: "Tufte",
-      comment: "@context: Font theme name",
-    },
-    headingFontFamily: TUFTE_SERIF,
-    bodyFontFamily: TUFTE_SERIF,
-    cssVariables: {},
-    description: {
-      id: "Palatino-based old-style serif matching Tufte CSS proportions",
-      message: "Palatino-based old-style serif matching Tufte CSS proportions",
-      comment: "@context: Font theme description",
-    },
-  },
-
   {
     id: "classic",
     name: {
@@ -177,6 +160,23 @@ export const BUILTIN_FONT_THEMES: FontTheme[] = [
     },
   },
 
+  {
+    id: "tufte",
+    name: {
+      id: "Tufte",
+      message: "Tufte",
+      comment: "@context: Font theme name",
+    },
+    headingFontFamily: TUFTE_SERIF,
+    bodyFontFamily: TUFTE_SERIF,
+    cssVariables: {},
+    description: {
+      id: "Palatino-based old-style serif matching Tufte CSS proportions",
+      message: "Palatino-based old-style serif matching Tufte CSS proportions",
+      comment: "@context: Font theme description",
+    },
+  },
+
   {
     id: "system-sans",
     name: {