emdash 0.35.0 → 0.37.0

package/src/components/InlinePortableTextEditor.tsx

@@ -155,6 +155,10 @@ function attrNum(attrs: Record<string, unknown> | undefined, key: string): numbe
 	return typeof v === "number" ? v : undefined;
 }
 
+function canonicalMediaProviderId(provider: string | undefined): string | undefined {
+	return provider === "external-url" ? "external" : provider;
+}
+
 function pmToPortableText(doc: PMNode): PTBlock[] {
 	if (!doc || doc.type !== "doc" || !doc.content) return [];
 	const blocks: PTBlock[] = [];
@@ -527,9 +531,10 @@ function convertPTBlock(block: PTBlock): PMNode | null {
 	}
 	if (block._type === "code") {
 		const cb = block as PTBlock & { code?: string; language?: string };
+		const language = typeof cb.language === "string" && cb.language.length > 0 ? cb.language : null;
 		return {
 			type: "codeBlock",
-			attrs: { language: cb.language || null },
+			attrs: { language },
 			content: cb.code ? [{ type: "text", text: cb.code }] : undefined,
 		};
 	}
@@ -585,7 +590,7 @@ function convertPTBlock(block: PTBlock): PMNode | null {
 				title: ib.caption || "",
 				caption: ib.caption || "",
 				mediaId: asset?._ref,
-				provider: asset?.provider,
+				provider: canonicalMediaProviderId(asset?.provider),
 				width: ib.width,
 				height: ib.height,
 				blurhash,
@@ -2224,6 +2229,7 @@ export function InlinePortableTextEditor({
 					src,
 					alt: item.alt || item.filename || "",
 					mediaId: item.id,
+					provider: canonicalMediaProviderId(item.provider) || "local",
 					width: item.width,
 					height: item.height,
 					blurhash: item.blurhash,
@@ -2242,6 +2248,8 @@ export function InlinePortableTextEditor({
 			if (mediaPickerOpen) return;
 			const related = e.relatedTarget instanceof HTMLElement ? e.relatedTarget : null;
 			if (related && e.currentTarget.contains(related)) return;
+			// The copy fallback briefly moves focus to its textarea before restoring the editor.
+			if (related?.hasAttribute("data-emdash-clipboard-fallback")) return;
 			// Don't save if focus moved to the slash menu (portalled to body)
 			if (related?.closest(".emdash-slash-menu")) return;
 			if (related?.closest(".emdash-media-picker")) return;
@@ -2283,6 +2291,132 @@ export function InlinePortableTextEditor({
 				onSelect={handleMediaSelect}
 			/>
 			<style>{`
+				.emdash-inline-code-block {
+					position: relative;
+					margin-block: 1rem;
+					--emdash-code-background: var(--emdash-inline-code-background, #f7f7f5);
+					--emdash-code-foreground: var(--emdash-inline-code-foreground, #24292f);
+					--emdash-code-muted: var(--emdash-inline-code-muted, #57606a);
+					--emdash-code-keyword: var(--emdash-inline-code-keyword, #b8172a);
+					--emdash-code-string: var(--emdash-inline-code-string, #0a3069);
+					--emdash-code-number: var(--emdash-inline-code-number, #0550ae);
+					--emdash-code-title: var(--emdash-inline-code-title, #7545c7);
+					--emdash-code-border: var(--emdash-inline-code-border, #7d8590);
+					--emdash-code-control-background: var(
+						--emdash-inline-code-control-background,
+						var(--emdash-inline-bg, #ffffff)
+					);
+					--emdash-code-control-foreground: var(
+						--emdash-inline-code-control-foreground,
+						#24292f
+					);
+					--emdash-code-focus: var(--emdash-inline-code-focus, #0550ae);
+				}
+				.emdash-inline-code-block .emdash-code-block {
+					margin: 0;
+					padding: 1rem;
+					padding-block: 30px !important;
+					border: 0 !important;
+					border-radius: 0.5rem;
+					background: var(--emdash-code-background) !important;
+					color: var(--emdash-code-foreground) !important;
+					caret-color: var(--emdash-code-foreground) !important;
+					overflow-x: auto;
+				}
+				.emdash-inline-code-block .emdash-code-block code {
+					background: transparent !important;
+					color: inherit !important;
+					font-size: 13px !important;
+				}
+				.emdash-inline-code-block :is(.hljs-comment, .hljs-quote) {
+					color: var(--emdash-code-muted);
+				}
+				.emdash-inline-code-block
+					:is(.hljs-keyword, .hljs-literal, .hljs-selector-tag, .hljs-section, .hljs-link, .hljs-deletion) {
+					color: var(--emdash-code-keyword);
+				}
+				.emdash-inline-code-block
+					:is(.hljs-string, .hljs-attr, .hljs-attribute, .hljs-symbol, .hljs-bullet, .hljs-addition) {
+					color: var(--emdash-code-string);
+				}
+				.emdash-inline-code-block :is(.hljs-number, .hljs-meta) {
+					color: var(--emdash-code-number);
+				}
+				.emdash-inline-code-block
+					:is(.hljs-title, .hljs-name, .hljs-type, .hljs-built_in, .hljs-selector-id, .hljs-selector-class) {
+					color: var(--emdash-code-title);
+				}
+				.emdash-inline-code-block-popover,
+				.emdash-inline-code-block-chip {
+					box-sizing: border-box;
+					border: 1px solid var(--emdash-code-border);
+					background: var(--emdash-code-control-background);
+					color: var(--emdash-code-control-foreground);
+				}
+				.emdash-inline-code-block-controls-wrap {
+					position: absolute;
+					inset-block-start: 0;
+					inset-inline-end: 0.25rem;
+					z-index: 100;
+					max-inline-size: min(calc(100% - 0.25rem), calc(100vw - 1rem));
+					opacity: 0;
+					pointer-events: none;
+					user-select: none;
+					transition: opacity 120ms ease-out;
+				}
+				.emdash-inline-code-block:hover .emdash-inline-code-block-controls-wrap,
+				.emdash-inline-code-block:focus-within .emdash-inline-code-block-controls-wrap,
+				.emdash-inline-code-block-controls-wrap[data-persistent="true"] {
+					opacity: 1;
+					pointer-events: auto;
+				}
+				.emdash-inline-code-block-popover {
+					inline-size: min(14rem, 100%, calc(100vw - 1rem));
+				}
+				.emdash-inline-code-block-language-input {
+					min-inline-size: 0;
+					flex: 1;
+					border: 1px solid var(--emdash-code-border);
+					background: transparent;
+					color: inherit;
+				}
+				.emdash-inline-code-block-controls-wrap button:focus-visible,
+				.emdash-inline-code-block-language-input:focus-visible {
+					outline: 2px solid var(--emdash-code-focus);
+					outline-offset: 2px;
+				}
+				@media (hover: none), (pointer: coarse) {
+					.emdash-inline-code-block-controls-wrap {
+						opacity: 1;
+						pointer-events: auto;
+					}
+				}
+				@media (prefers-reduced-motion: reduce) {
+					.emdash-inline-code-block-controls-wrap {
+						transition: none;
+					}
+				}
+				@media (prefers-color-scheme: dark) {
+					.emdash-inline-code-block {
+						--emdash-code-background: var(--emdash-inline-code-background, #202020);
+						--emdash-code-foreground: var(--emdash-inline-code-foreground, #f0f3f6);
+						--emdash-code-muted: var(--emdash-inline-code-muted, #c9d1d9);
+						--emdash-code-keyword: var(--emdash-inline-code-keyword, #ffc1bb);
+						--emdash-code-string: var(--emdash-inline-code-string, #b9ddff);
+						--emdash-code-number: var(--emdash-inline-code-number, #a8d5ff);
+						--emdash-code-title: var(--emdash-inline-code-title, #e5ccff);
+						--emdash-code-border: var(--emdash-inline-code-border, #6e7681);
+						--emdash-code-control-background: var(
+							--emdash-inline-code-control-background,
+							var(--emdash-inline-bg, #161b22)
+						);
+						--emdash-code-control-foreground: var(
+							--emdash-inline-code-control-foreground,
+							#f0f3f6
+						);
+						--emdash-code-focus: var(--emdash-inline-code-focus, #a8d5ff);
+					}
+				}
 				.emdash-bubble-menu {
 					z-index: 100;
 					display: flex;

package/src/components/LiveSearch.astro

@@ -9,6 +9,15 @@
  * <LiveSearch placeholder="Search articles..." collections={["posts", "pages"]} />
  * ```
  *
+ * Results are scoped to the page's locale, taken from `Astro.currentLocale`,
+ * so a translated site returns each entry once, in the language of the page
+ * the visitor searched from. Pass `locale` to override that, or `null` to
+ * search across every locale:
+ *
+ * ```astro
+ * <LiveSearch collections={["posts", "pages"]} locale={null} />
+ * ```
+ *
  * Customize the result rendering with slots:
  *
  * ```astro
@@ -26,6 +35,12 @@ export interface Props {
 	placeholder?: string;
 	/** Collections to search (defaults to all searchable collections) */
 	collections?: string[];
+	/**
+	 * Locale to restrict results to. Defaults to `Astro.currentLocale`, which
+	 * Astro derives from the URL, so results match the page the search was
+	 * made from. Pass `null` to search across every locale.
+	 */
+	locale?: string | null;
 	/** Minimum characters before searching (defaults to 2) */
 	minChars?: number;
 	/** Debounce delay in milliseconds (defaults to 300) */
@@ -59,6 +74,7 @@ export interface Props {
 const {
 	placeholder = "Search...",
 	collections,
+	locale = Astro.currentLocale ?? null,
 	minChars = 2,
 	debounce = 300,
 	limit = 10,
@@ -77,6 +93,7 @@ const {
 
 const config = {
 	collections: collections?.join(",") ?? "",
+	locale: locale ?? "",
 	minChars,
 	debounce,
 	limit,
@@ -145,6 +162,7 @@ const config = {
 
 	interface Config {
 		collections: string;
+		locale: string;
 		minChars: number;
 		debounce: number;
 		limit: number;
@@ -164,6 +182,7 @@ const config = {
 		private template: HTMLTemplateElement | null = null;
 		private config: Config = {
 			collections: "",
+			locale: "",
 			minChars: 2,
 			debounce: 300,
 			limit: 10,
@@ -364,6 +383,10 @@ const config = {
 					params.set("collections", this.config.collections);
 				}
 
+				if (this.config.locale) {
+					params.set("locale", this.config.locale);
+				}
+
 				const response = await fetch(`${endpoint}?${params}`, {
 					signal: this.abortController.signal,
 				});

package/src/components/inline-code-block.tsx

@@ -2,20 +2,49 @@
  * Code block node view for the inline (visual editing) Portable Text editor.
  *
  * Mirrors the admin editor's `CodeBlockNode` but with no Kumo/Lingui deps,
- * so it can ship as part of the SSR runtime. Wraps the base
- * `@tiptap/extension-code-block` and overlays a small inline language picker
- * in the top-right corner of each code block.
+ * so it can ship as part of the SSR runtime. Wraps the Lowlight code block and
+ * overlays a small inline language picker in the top-right corner of each code
+ * block.
  *
  * Keep the language list in sync with
  * `packages/admin/src/components/editor/codeBlockLanguages.ts`. Duplicated
  * here so packages/core stays independent of the admin package.
  */
 
-import CodeBlock from "@tiptap/extension-code-block";
+import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
 import type { NodeViewProps } from "@tiptap/react";
 import { NodeViewContent, NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
+import dockerfile from "highlight.js/lib/languages/dockerfile";
+import { common, createLowlight } from "lowlight";
 import * as React from "react";
 
+const INLINE_CODE_BLOCK_LOWLIGHT_KEY = Symbol.for("emdash:inline-code-block-lowlight");
+const globalStore = globalThis as Record<symbol, unknown>;
+const lowlight =
+	// eslint-disable-next-line typescript/no-unsafe-type-assertion -- globalThis singleton pattern
+	(globalStore[INLINE_CODE_BLOCK_LOWLIGHT_KEY] as ReturnType<typeof createLowlight> | undefined) ??
+	(() => {
+		const instance = createLowlight(common);
+		instance.register({ dockerfile });
+		globalStore[INLINE_CODE_BLOCK_LOWLIGHT_KEY] = instance;
+		return instance;
+	})();
+
+const editorLowlight = {
+	highlight(language: string, value: string) {
+		return lowlight.highlight(lowlight.registered(language) ? language : "plaintext", value);
+	},
+	highlightAuto(value: string) {
+		return lowlight.highlight("plaintext", value);
+	},
+	listLanguages() {
+		return lowlight.listLanguages();
+	},
+	registered(language: string) {
+		return lowlight.registered(language);
+	},
+};
+
 interface CodeBlockLanguage {
 	id: string;
 	label: string;
@@ -40,6 +69,7 @@ const CODE_BLOCK_LANGUAGES: readonly CodeBlockLanguage[] = [
 	{ id: "json", label: "JSON" },
 	{ id: "jsx", label: "JSX" },
 	{ id: "kotlin", label: "Kotlin", aliases: ["kt"] },
+	{ id: "lua", label: "Lua" },
 	{ id: "markdown", label: "Markdown", aliases: ["md"] },
 	{ id: "mdx", label: "MDX" },
 	{ id: "php", label: "PHP" },
@@ -56,6 +86,7 @@ const CODE_BLOCK_LANGUAGES: readonly CodeBlockLanguage[] = [
 	{ id: "vue", label: "Vue" },
 	{ id: "xml", label: "XML" },
 	{ id: "yaml", label: "YAML", aliases: ["yml"] },
+	{ id: "zig", label: "Zig" },
 ];
 
 function findLanguage(value: string | null | undefined): CodeBlockLanguage | null {
@@ -96,6 +127,36 @@ function languageLabel(value: string | null | undefined): string {
 	return value;
 }
 
+async function copyTextToClipboard(text: string, shouldUseFallback: () => boolean): Promise<void> {
+	if (navigator.clipboard?.writeText) {
+		try {
+			await navigator.clipboard.writeText(text);
+			return;
+		} catch {}
+	}
+	if (!shouldUseFallback()) return;
+	const activeElement = document.activeElement;
+	const selection = document.getSelection();
+	const previousRange = selection?.rangeCount ? selection.getRangeAt(0).cloneRange() : null;
+	const textarea = document.createElement("textarea");
+	textarea.value = text;
+	textarea.readOnly = true;
+	textarea.dataset.emdashClipboardFallback = "";
+	textarea.style.position = "fixed";
+	textarea.style.opacity = "0";
+	document.body.append(textarea);
+	textarea.select();
+	try {
+		if (!document.execCommand("copy")) throw new Error("Clipboard copy failed");
+	} finally {
+		textarea.remove();
+		if (activeElement instanceof HTMLElement && activeElement.isConnected) activeElement.focus();
+		if (previousRange) {
+			selection?.removeAllRanges();
+			selection?.addRange(previousRange);
+		}
+	}
+}
 function CodeBlockLanguageDatalist({ id }: { id: string }) {
 	return (
 		<datalist id={id}>
@@ -156,13 +217,15 @@ function XIcon() {
 	);
 }
 
-function InlineCodeBlockNodeView({ node, updateAttributes, selected }: NodeViewProps) {
+function InlineCodeBlockNodeView({ node, updateAttributes }: NodeViewProps) {
 	const [isEditing, setIsEditing] = React.useState(false);
-	const [isHovered, setIsHovered] = React.useState(false);
+	const [copyStatus, setCopyStatus] = React.useState<"idle" | "copied" | "failed">("idle");
 	const storedLanguage = typeof node.attrs.language === "string" ? node.attrs.language : "";
 	const [draft, setDraft] = React.useState(storedLanguage);
 	const inputRef = React.useRef<HTMLInputElement>(null);
 	const popoverRef = React.useRef<HTMLDivElement>(null);
+	const copyResetTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);
+	const copyRequestId = React.useRef(0);
 	// Per-instance datalist id so multiple code blocks (or multiple inline
 	// editors) on the same page don't create duplicate DOM ids.
 	const datalistId = React.useId();
@@ -211,17 +274,37 @@ function InlineCodeBlockNodeView({ node, updateAttributes, selected }: NodeViewP
 		document.addEventListener("mousedown", onMouseDown);
 		return () => document.removeEventListener("mousedown", onMouseDown);
 	}, [isEditing, closePicker]);
+	React.useEffect(
+		() => () => {
+			copyRequestId.current += 1;
+			if (copyResetTimer.current) clearTimeout(copyResetTimer.current);
+		},
+		[],
+	);
+	const copyCode = React.useCallback(async () => {
+		const requestId = ++copyRequestId.current;
+		setCopyStatus("idle");
+		try {
+			await copyTextToClipboard(node.textContent, () => requestId === copyRequestId.current);
+			if (requestId !== copyRequestId.current) return;
+			setCopyStatus("copied");
+			if (copyResetTimer.current) clearTimeout(copyResetTimer.current);
+			copyResetTimer.current = setTimeout(setCopyStatus, 1500, "idle");
+		} catch {
+			if (requestId !== copyRequestId.current) return;
+			if (copyResetTimer.current) clearTimeout(copyResetTimer.current);
+			setCopyStatus("failed");
+		}
+	}, [node.textContent]);
 
 	const label = languageLabel(storedLanguage);
-	const chipVisible = isHovered || selected || isEditing || Boolean(storedLanguage);
+	const copied = copyStatus === "copied";
+	const copyFailed = copyStatus === "failed";
 
 	return (
 		<NodeViewWrapper
 			className="emdash-inline-code-block"
 			data-language={storedLanguage || undefined}
-			style={{ position: "relative", margin: "1rem 0" }}
-			onMouseEnter={() => setIsHovered(true)}
-			onMouseLeave={() => setIsHovered(false)}
 		>
 			<CodeBlockLanguageDatalist id={datalistId} />
 			<pre className="emdash-code-block">
@@ -229,35 +312,20 @@ function InlineCodeBlockNodeView({ node, updateAttributes, selected }: NodeViewP
 			</pre>
 
 			<div
+				className="emdash-inline-code-block-controls-wrap"
+				data-persistent={isEditing || copyStatus !== "idle" ? "true" : "false"}
 				contentEditable={false}
-				style={{
-					position: "absolute",
-					top: "0.5rem",
-					insetInlineEnd: "0.5rem",
-					userSelect: "none",
-					zIndex: 1,
-					opacity: chipVisible ? 1 : 0,
-					pointerEvents: chipVisible ? "auto" : "none",
-					transition: "opacity 0.15s",
-				}}
-				// When the chip is hidden, also remove it from the tab order so
-				// keyboard users don't land on an invisible focus target.
-				// `inert` would be cleaner but isn't available on JSX HTMLDivElement
-				// types yet; aria-hidden + tabIndex on the button below cover the
-				// same need.
-				aria-hidden={chipVisible ? undefined : true}
 			>
 				{isEditing ? (
 					<div
 						ref={popoverRef}
+						className="emdash-inline-code-block-popover"
 						style={{
 							display: "flex",
 							alignItems: "center",
 							gap: "0.25rem",
 							padding: "0.25rem",
 							borderRadius: "0.375rem",
-							border: "1px solid rgba(0,0,0,0.1)",
-							background: "var(--emdash-inline-bg, #ffffff)",
 							boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
 						}}
 					>
@@ -268,17 +336,14 @@ function InlineCodeBlockNodeView({ node, updateAttributes, selected }: NodeViewP
 							value={draft}
 							onChange={(e) => setDraft(e.target.value)}
 							onKeyDown={handleKeyDown}
+							className="emdash-inline-code-block-language-input"
 							placeholder="Language"
 							aria-label="Language"
 							style={{
 								height: "1.75rem",
-								width: "10rem",
 								fontSize: "0.75rem",
 								padding: "0 0.5rem",
-								border: "1px solid rgba(0,0,0,0.15)",
 								borderRadius: "0.25rem",
-								background: "transparent",
-								color: "inherit",
 							}}
 						/>
 						<button
@@ -303,27 +368,74 @@ function InlineCodeBlockNodeView({ node, updateAttributes, selected }: NodeViewP
 						</button>
 					</div>
 				) : (
-					<button
-						type="button"
-						tabIndex={chipVisible ? 0 : -1}
-						onMouseDown={(e) => e.preventDefault()}
-						onClick={openPicker}
-						title="Set language"
-						aria-label={`Set language (current: ${label})`}
+					<div
 						className="emdash-inline-code-block-chip"
 						style={{
-							padding: "0.125rem 0.5rem",
-							fontSize: "0.75rem",
-							borderRadius: "0.375rem",
-							border: "1px solid rgba(0,0,0,0.1)",
-							background: "rgba(255,255,255,0.9)",
-							color: "rgba(0,0,0,0.6)",
-							cursor: "pointer",
+							display: "inline-flex",
+							maxWidth: "min(100%, calc(100vw - 1rem))",
+							height: "26px",
+							fontSize: "13px",
 						}}
 					>
-						{storedLanguage ? label : "Set language"}
-					</button>
+						<button
+							type="button"
+							onMouseDown={(event) => event.preventDefault()}
+							onClick={openPicker}
+							title="Set language"
+							aria-label={`Set language (current: ${label})`}
+							style={{
+								minWidth: 0,
+								flexShrink: 1,
+								display: "inline-flex",
+								alignItems: "center",
+								gap: "0.25rem",
+								padding: "0 0.5rem",
+								border: 0,
+								background: "transparent",
+								color: "inherit",
+								font: "inherit",
+							}}
+						>
+							<span style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+								{storedLanguage ? label : "Set language"}
+							</span>
+							<span style={{ flexShrink: 0 }} aria-hidden="true">
+								⌄
+							</span>
+						</button>
+						<button
+							type="button"
+							onMouseDown={(event) => event.preventDefault()}
+							onClick={copyCode}
+							title={copyFailed ? "Retry copy" : copied ? "Copied" : "Copy code"}
+							aria-label={copyFailed ? "Retry copy" : "Copy code"}
+							style={{
+								...iconButtonStyle,
+								height: "26px",
+								width: "26px",
+								flexShrink: 0,
+								borderInlineStart: "1px solid var(--emdash-code-border)",
+							}}
+						>
+							<span aria-hidden="true">
+								{copied ? <CheckIcon /> : copyFailed ? <XIcon /> : "⧉"}
+							</span>
+						</button>
+					</div>
 				)}
+				<span
+					role="status"
+					aria-live="polite"
+					style={{
+						position: "absolute",
+						width: 1,
+						height: 1,
+						overflow: "hidden",
+						clipPath: "inset(50%)",
+					}}
+				>
+					{copyFailed ? "Copy failed" : copied ? "Copied" : ""}
+				</span>
 			</div>
 		</NodeViewWrapper>
 	);
@@ -336,8 +448,27 @@ function InlineCodeBlockNodeView({ node, updateAttributes, selected }: NodeViewP
  * configure `StarterKit.configure({ codeBlock: false })` and add this
  * extension to the editor.
  */
-export const InlineCodeBlockExtension = CodeBlock.extend({
+export const InlineCodeBlockExtension = CodeBlockLowlight.extend({
+	addKeyboardShortcuts() {
+		const shortcuts = this.parent?.() ?? {};
+		const selectionIsInCodeBlock = () => {
+			const { $from, $to } = this.editor.state.selection;
+			return $from.parent.type === this.type && $from.sameParent($to);
+		};
+
+		return {
+			...shortcuts,
+			Tab: (props) => (selectionIsInCodeBlock() ? (shortcuts.Tab?.(props) ?? false) : false),
+			"Shift-Tab": (props) =>
+				selectionIsInCodeBlock() ? (shortcuts["Shift-Tab"]?.(props) ?? false) : false,
+		};
+	},
 	addNodeView() {
 		return ReactNodeViewRenderer(InlineCodeBlockNodeView);
 	},
+}).configure({
+	lowlight: editorLowlight,
+	defaultLanguage: "plaintext",
+	enableTabIndentation: true,
+	tabSize: 4,
 });

package/src/components/widgets/Archives.astro

@@ -1,5 +1,6 @@
 ---
 import { getEmDashCollection } from "../../query.js";
+import { groupEntriesByPublishedAt } from "../../widgets/archives.js";
 
 interface Props {
 	type?: "monthly" | "yearly";
@@ -8,47 +9,11 @@ interface Props {
 
 const { type = "monthly", limit = 12 } = Astro.props;
 
-// Get all posts to build archives
 const { entries: posts } = await getEmDashCollection("posts", {
 	orderBy: { published_at: "desc" },
 });
 
-// Group posts by date
-const archives = new Map<string, { label: string; count: number; url: string }>();
-
-for (const post of posts) {
-	const publishedAt = post.data.publishedAt;
-	if (typeof publishedAt !== "string") continue;
-
-	const date = new Date(publishedAt);
-	let key: string;
-	let label: string;
-	let url: string;
-
-	if (type === "yearly") {
-		const year = date.getFullYear();
-		key = `${year}`;
-		label = `${year}`;
-		url = `/archives/${year}`;
-	} else {
-		const year = date.getFullYear();
-		const month = date.getMonth() + 1;
-		key = `${year}-${month.toString().padStart(2, "0")}`;
-		label = date.toLocaleDateString("en-US", {
-			year: "numeric",
-			month: "long",
-		});
-		url = `/archives/${year}/${month.toString().padStart(2, "0")}`;
-	}
-
-	if (!archives.has(key)) {
-		archives.set(key, { label, count: 0, url });
-	}
-	archives.get(key)!.count++;
-}
-
-// Convert to array and limit
-const archiveList = [...archives.values()].slice(0, limit);
+const archiveList = groupEntriesByPublishedAt(posts, { type, limit });
 ---
 
 <ul class="widget-archives">

package/src/content/converters/gallery.ts

@@ -46,6 +46,8 @@ export function sanitizeGalleryImages(
 		if (typeof record.caption === "string" && record.caption) image.caption = record.caption;
 		if (typeof record.width === "number") image.width = record.width;
 		if (typeof record.height === "number") image.height = record.height;
+		if (typeof record.focalX === "number") image.focalX = record.focalX;
+		if (typeof record.focalY === "number") image.focalY = record.focalY;
 		if (typeof record.blurhash === "string" && record.blurhash) image.blurhash = record.blurhash;
 		if (typeof record.dominantColor === "string" && record.dominantColor)
 			image.dominantColor = record.dominantColor;

package/src/content/converters/index.ts

@@ -6,4 +6,6 @@
 
 export { prosemirrorToPortableText } from "./prosemirror-to-portable-text.js";
 export { portableTextToProsemirror } from "./portable-text-to-prosemirror.js";
+export type { PortableTextToProsemirrorOptions } from "./portable-text-to-prosemirror.js";
+export { portableTextIdentityExtensions } from "./portable-text-identity.js";
 export * from "./types.js";

package/src/content/converters/mark-safety.ts

@@ -22,6 +22,7 @@ const SUPPORTED_PROSEMIRROR_MARKS = new Set([
 	"superscript",
 	"code",
 	"link",
+	"emdashPortableTextSpan",
 ]);
 
 type UnknownRecord = Record<string, unknown>;