emdash 1.1.0 → 1.3.0

package/src/cli/commands/migrate.ts

@@ -52,6 +52,7 @@ export interface MigrateCommandOptions extends MigrationTargetOverrides {
 	json?: boolean;
 	expectedTargetFingerprint?: string;
 	releaseLock?: string;
+	takeOverLock?: string;
 }
 
 export interface MigrateCommandDependencies {
@@ -242,6 +243,16 @@ function validateOptions(options: MigrateCommandOptions): void {
 			throw new MigrateCommandError("--release-lock requires the lock id shown by --status.");
 		}
 	}
+	if (options.takeOverLock !== undefined) {
+		if (options.check || options.status || options.releaseLock !== undefined) {
+			throw new MigrateCommandError(
+				"--take-over-lock cannot be used with --check, --status, or --release-lock.",
+			);
+		}
+		if (!LOCK_ID_PATTERN.test(options.takeOverLock)) {
+			throw new MigrateCommandError("--take-over-lock requires the lock id shown by --status.");
+		}
+	}
 	if (
 		options.expectedTargetFingerprint &&
 		!FINGERPRINT_PATTERN.test(options.expectedTargetFingerprint)
@@ -515,12 +526,15 @@ export async function runMigrateCommand(
 			);
 
 			const releasing = options.releaseLock !== undefined;
+			const takingOver = options.takeOverLock !== undefined;
 			const applying = !options.check && !options.status && !releasing;
 			if (applying || releasing) {
-				const operation = releasing ? "lock release" : "apply";
+				const operation = releasing ? "lock release" : takingOver ? "lock take-over" : "apply";
 				const question = releasing
 					? `Release migration lock ${options.releaseLock} on ${target.label}? Release it only when no migration is running.`
-					: `Apply EmDash migrations to ${target.label}?`;
+					: takingOver
+						? `Take over migration lock ${options.takeOverLock} on ${target.label} and apply EmDash migrations? Take it over only when no migration is running.`
+						: `Apply EmDash migrations to ${target.label}?`;
 				if (options.expectedTargetFingerprint) {
 					if (options.expectedTargetFingerprint !== target.fingerprint) {
 						dependencies.writeStderr("Expected target fingerprint does not match the target.");
@@ -534,7 +548,13 @@ export async function runMigrateCommand(
 					exitCode = MIGRATE_EXIT_CODES.confirmation;
 					return exitCode;
 				} else if (!(await dependencies.confirm(question))) {
-					dependencies.writeStderr(releasing ? "Lock release cancelled." : "Migration cancelled.");
+					dependencies.writeStderr(
+						releasing
+							? "Lock release cancelled."
+							: takingOver
+								? "Lock take-over cancelled."
+								: "Migration cancelled.",
+					);
 					exitCode = MIGRATE_EXIT_CODES.confirmation;
 					return exitCode;
 				}
@@ -549,6 +569,10 @@ export async function runMigrateCommand(
 				},
 			};
 			if (applying) request.action = "apply";
+			if (takingOver) {
+				request.action = "take-over-lock";
+				request.lockId = options.takeOverLock;
+			}
 			if (releasing) {
 				request.action = "release-lock";
 				request.lockId = options.releaseLock;
@@ -563,6 +587,8 @@ export async function runMigrateCommand(
 				dependencies.writeStdout(JSON.stringify(report));
 			} else {
 				if (releasing) dependencies.writeStdout(`Released migration lock ${options.releaseLock}.`);
+				if (takingOver)
+					dependencies.writeStdout(`Took over migration lock ${options.takeOverLock}.`);
 				printHumanReport(report, dependencies.writeStdout);
 			}
 			exitCode = reportExitCode(options, report);
@@ -604,12 +630,17 @@ export const migrateCommand = defineCommand({
 		json: { type: "boolean", description: "Print the stable JSON report" },
 		"expected-target-fingerprint": {
 			type: "string",
-			description: "Required target fingerprint for noninteractive apply or lock release",
+			description:
+				"Required target fingerprint for noninteractive apply, lock release, or take-over",
 		},
 		"release-lock": {
 			type: "string",
 			description: "Release the migration lock with the id shown by --status",
 		},
+		"take-over-lock": {
+			type: "string",
+			description: "Apply migrations, taking over the migration lock with the id shown by --status",
+		},
 		database: { type: "string", description: "Override the SQLite database path" },
 		"database-url-env": {
 			type: "string",
@@ -630,6 +661,7 @@ export const migrateCommand = defineCommand({
 			json: args.json,
 			expectedTargetFingerprint: args["expected-target-fingerprint"],
 			releaseLock: args["release-lock"],
+			takeOverLock: args["take-over-lock"],
 			database: args.database,
 			databaseUrlEnv: args["database-url-env"],
 			d1: args.d1,

package/src/cli/commands/seed.ts

@@ -17,6 +17,7 @@ import { claimExplicitSeedOwnership } from "../../seed/ownership.js";
 import type { SeedFile, SeedApplyOptions } from "../../seed/types.js";
 import { validateSeed } from "../../seed/validate.js";
 import { LocalStorage } from "../../storage/local.js";
+import type { Storage } from "../../storage/types.js";
 
 interface PackageJson {
 	name?: string;
@@ -107,10 +108,11 @@ export const seedCommand = defineCommand({
 			description: "Validate only, don't apply",
 			default: false,
 		},
-		"no-content": {
+		content: {
 			type: "boolean",
-			description: "Skip sample data (content entries, bylines, taxonomy terms)",
-			default: false,
+			description: "Include sample data (content entries, bylines, taxonomy terms)",
+			negativeDescription: "Skip sample data (content entries, bylines, taxonomy terms)",
+			default: true,
 		},
 		"on-conflict": {
 			type: "string",
@@ -127,6 +129,12 @@ export const seedCommand = defineCommand({
 			description: "Base URL for media files",
 			default: "/_emdash/api/media/file",
 		},
+		"skip-media": {
+			type: "boolean",
+			description:
+				"Resolve $media references to external URLs instead of downloading and storing files",
+			default: false,
+		},
 	},
 	async run({ args }) {
 		const cwd = resolve(args.cwd);
@@ -199,14 +207,16 @@ export const seedCommand = defineCommand({
 			process.exit(1);
 		}
 
-		// Set up storage for $media resolution
-		const uploadsDir = resolve(cwd, args["uploads-dir"]);
-		await mkdir(uploadsDir, { recursive: true });
-
-		const storage = new LocalStorage({
-			directory: uploadsDir,
-			baseUrl: args["media-base-url"],
-		});
+		// Set up storage for $media resolution unless media handling is skipped
+		let storage: Storage | undefined;
+		if (!args["skip-media"]) {
+			const uploadsDir = resolve(cwd, args["uploads-dir"]);
+			await mkdir(uploadsDir, { recursive: true });
+			storage = new LocalStorage({
+				directory: uploadsDir,
+				baseUrl: args["media-base-url"],
+			});
+		}
 
 		// Prepare apply options
 		const onConflictRaw = args["on-conflict"];
@@ -218,9 +228,10 @@ export const seedCommand = defineCommand({
 		}
 
 		const options: SeedApplyOptions = {
-			includeContent: !args["no-content"],
+			includeContent: args.content,
 			onConflict: onConflictRaw,
 			storage,
+			skipMediaDownload: args["skip-media"],
 		};
 
 		// Apply seed

package/src/cli/wxr/parser.ts

@@ -863,8 +863,8 @@ export function parseWxrString(xml: string): Promise<WxrData> {
 			const tag = tagName.toLowerCase();
 			const text = currentText.trim();
 
-			// Site metadata
-			if (currentPath.length === 2 && currentPath[0] === "rss") {
+			// Site metadata: the closing tag is still on the path (rss > channel > tag)
+			if (currentPath.length === 3 && currentPath[1] === "channel") {
 				switch (tag) {
 					case "title":
 						data.site.title = text;

package/src/client/index.ts

@@ -185,7 +185,12 @@ export interface MediaUsageOccurrenceDetail {
 	fieldSlug: string;
 	fieldPath: string;
 	occurrenceIndex: number;
-	referenceType: "image_field" | "file_field" | "portable_text_image" | "unknown";
+	referenceType:
+		| "image_field"
+		| "file_field"
+		| "portable_text_image"
+		| "portable_text_video"
+		| "unknown";
 }
 
 /** Indexed references from one visible content source */
@@ -647,7 +652,12 @@ export class EmDashClient {
 		if (col.fields) {
 			this.fieldSchemaCache.set(
 				slug,
-				col.fields.map((f) => ({ slug: f.slug, type: f.type, blockTypes: f.blockTypes })),
+				col.fields.map((field) => ({
+					slug: field.slug,
+					type: field.type,
+					blockTypes: field.blockTypes,
+					validation: field.validation,
+				})),
 			);
 		}
 		return col;
@@ -1643,7 +1653,12 @@ export class EmDashClient {
 
 		try {
 			const col = await this.collection(collection);
-			cached = col.fields.map((f) => ({ slug: f.slug, type: f.type, blockTypes: f.blockTypes }));
+			cached = col.fields.map((field) => ({
+				slug: field.slug,
+				type: field.type,
+				blockTypes: field.blockTypes,
+				validation: field.validation,
+			}));
 			this.fieldSchemaCache.set(collection, cached);
 			return cached;
 		} catch {

package/src/client/portable-text.ts

@@ -373,6 +373,7 @@ export function resetKeyCounter(): void {
 export interface FieldSchema {
 	slug: string;
 	type: string;
+	validation?: unknown;
 	blockTypes?: Array<{
 		slug: string;
 		currentVersion: number;
@@ -389,10 +390,21 @@ function convertNestedBlockPortableText(
 	direction: "read" | "write",
 ): unknown {
 	if (!Array.isArray(value)) return value;
+	const validation = field.validation;
+	const allowedTypes =
+		validation && typeof validation === "object" && "allowedTypes" in validation
+			? validation.allowedTypes
+			: undefined;
 	return value.map((block) => {
 		if (!block || typeof block !== "object" || Array.isArray(block)) return block;
 		const record = { ...block };
-		const type = typeof record._type === "string" ? record._type : undefined;
+		const type =
+			record._type === undefined &&
+			direction === "write" &&
+			Array.isArray(allowedTypes) &&
+			allowedTypes.length === 1
+				? allowedTypes[0]
+				: record._type;
 		const version = typeof record._version === "number" ? record._version : undefined;
 		const blockType = field.blockTypes?.find((candidate) => candidate.slug === type);
 		const definition = blockType?.versions.find(
@@ -413,8 +425,9 @@ function convertNestedBlockPortableText(
 }
 
 /**
- * Convert content data for reading: PT fields -> markdown strings.
- * Only converts fields with type "portableText" that contain arrays.
+ * Convert content data for reading: Portable Text arrays -> Markdown strings.
+ * Converts top-level `portableText` arrays and nested `portableText` arrays
+ * inside `blocks` arrays.
  */
 export function convertDataForRead(
 	data: Record<string, unknown>,
@@ -427,7 +440,7 @@ export function convertDataForRead(
 	for (const field of fields) {
 		if (field.type === "portableText" && Array.isArray(result[field.slug])) {
 			result[field.slug] = portableTextToMarkdown(result[field.slug] as PortableTextBlock[]);
-		} else if (field.type === "blocks") {
+		} else if (field.type === "blocks" && Array.isArray(result[field.slug])) {
 			result[field.slug] = convertNestedBlockPortableText(result[field.slug], field, "read");
 		}
 	}
@@ -435,8 +448,9 @@ export function convertDataForRead(
 }
 
 /**
- * Convert content data for writing: markdown strings -> PT arrays.
- * Only converts fields with type "portableText" that contain strings.
+ * Convert content data for writing: Markdown strings -> Portable Text arrays.
+ * Converts top-level `portableText` strings and nested Markdown strings
+ * in `portableText` fields inside `blocks` arrays.
  */
 export function convertDataForWrite(
 	data: Record<string, unknown>,
@@ -446,7 +460,7 @@ export function convertDataForWrite(
 	for (const field of fields) {
 		if (field.type === "portableText" && typeof result[field.slug] === "string") {
 			result[field.slug] = markdownToPortableText(result[field.slug] as string);
-		} else if (field.type === "blocks") {
+		} else if (field.type === "blocks" && Array.isArray(result[field.slug])) {
 			result[field.slug] = convertNestedBlockPortableText(result[field.slug], field, "write");
 		}
 	}

package/src/comments/public-submission.ts

@@ -1,5 +1,6 @@
 import { sql, type Kysely } from "kysely";
 
+import { after } from "../after.js";
 import { apiError, apiSuccess, handleError } from "../api/error.js";
 import { hashIp } from "../api/handlers/comments.js";
 import { isParseError, parseBody } from "../api/parse.js";
@@ -174,17 +175,23 @@ export async function submitPublicComment(
 					: { status: "pending", reason: "Invalid moderation result" };
 			},
 			fireAfterCreate: (event) => {
-				void runtime.hooks
-					.runCommentAfterCreate(event)
-					.catch((error) =>
-						console.error(
-							"[comments] afterCreate error:",
-							error instanceof Error ? error.message : error,
+				// Deferred through after() so the host's waitUntil keeps the hooks
+				// alive: on Workers, work left running after the response is sent
+				// can be cancelled (sandboxed plugins never got past their first
+				// bridge call).
+				after(() =>
+					runtime.hooks
+						.runCommentAfterCreate(event)
+						.catch((error) =>
+							console.error(
+								"[comments] afterCreate error:",
+								error instanceof Error ? error.message : error,
+							),
 						),
-					);
+				);
 			},
 			fireAfterModerate: (event) => {
-				void runtime.hooks
+				return runtime.hooks
 					.runCommentAfterModerate(event)
 					.catch((error) =>
 						console.error(

package/src/comments/query.ts

@@ -78,8 +78,6 @@ export async function getCommentsWithDb(
 ): Promise<GetCommentsResult> {
 	const repo = new CommentRepository(db);
 
-	const total = await repo.countByContent(options.collection, options.contentId, "approved");
-
 	// Server-rendered: fetch all comments (capped for safety).
 	// The API route handles paginated access; this is for full-page renders.
 	const MAX_COMMENTS = 500;
@@ -89,6 +87,14 @@ export async function getCommentsWithDb(
 		limit: MAX_COMMENTS,
 	});
 
+	// When the list is not truncated, the total is available from the page
+	// itself and we can skip the separate COUNT query. Fall back only when
+	// cursor pagination signals there are more rows.
+	const total =
+		result.nextCursor === undefined
+			? result.items.length
+			: await repo.countByContent(options.collection, options.contentId, "approved");
+
 	const items: PublicComment[] = options.threaded
 		? CommentRepository.assembleThreads(result.items).map((c) =>
 				CommentRepository.toPublicComment(c),

package/src/components/CommentForm.astro

@@ -29,6 +29,21 @@ interface Props {
 	 * without it the token is ignored.
 	 */
 	turnstileSiteKey?: string;
+	/**
+	 * Replaces the built-in English text, for example to translate the form.
+	 * `error` is shown instead of the server's English error message.
+	 */
+	labels?: {
+		name?: string;
+		email?: string;
+		comment?: string;
+		submit?: string;
+		submitting?: string;
+		published?: string;
+		pending?: string;
+		error?: string;
+		networkError?: string;
+	};
 }
 
 import { getCollectionInfo } from "../schema/query.js";
@@ -39,8 +54,21 @@ const {
 	parentId = null,
 	class: className,
 	turnstileSiteKey,
+	labels: customLabels = {},
 } = Astro.props;
 
+const labels = {
+	name: customLabels.name ?? "Name",
+	email: customLabels.email ?? "Email",
+	comment: customLabels.comment ?? "Comment",
+	submit: customLabels.submit ?? "Post Comment",
+	submitting: customLabels.submitting ?? "Submitting...",
+	published: customLabels.published ?? "Comment published",
+	pending: customLabels.pending ?? "Comment submitted for review",
+	error: customLabels.error,
+	networkError: customLabels.networkError ?? "Network error. Please try again.",
+};
+
 const enabled = (await getCollectionInfo(collection))?.commentsEnabled ?? false;
 const { user } = Astro.locals;
 const formId = `ec-comment-form-${parentId ?? "root"}`;
@@ -56,6 +84,7 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 			data-endpoint={endpoint}
 			data-user-name={user?.name ?? ""}
 			data-user-email={user?.email ?? ""}
+			data-labels={JSON.stringify(labels)}
 		>
 			{user ? (
 				<div class="ec-comment-user-info">
@@ -65,12 +94,12 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 			) : (
 				<div class="ec-comment-form-fields">
 					<label class="ec-comment-form-field">
-						<span>Name</span>
+						<span>{labels.name}</span>
 						<input type="text" name="authorName" required maxlength="100" />
 					</label>
 
 					<label class="ec-comment-form-field">
-						<span>Email</span>
+						<span>{labels.email}</span>
 						<input type="email" name="authorEmail" required />
 					</label>
 				</div>
@@ -79,7 +108,7 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 			{/* Honeypot — hidden from humans, filled by bots */}
 			<div
 				aria-hidden="true"
-				style="position:absolute;left:-9999px;top:-9999px;"
+				style="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;"
 			>
 				<label>
 					Don't fill this out
@@ -93,7 +122,7 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 			</div>
 
 			<label class="ec-comment-form-field">
-				<span>Comment</span>
+				<span>{labels.comment}</span>
 				<textarea name="body" required maxlength="5000" rows="4" />
 			</label>
 
@@ -108,7 +137,7 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 			)}
 
 			<button type="submit" class="ec-comment-form-submit">
-				Post Comment
+				{labels.submit}
 			</button>
 
 			<div class="ec-comment-form-status" role="status" aria-live="polite" />
@@ -139,8 +168,17 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 		const statusEl = form.querySelector<HTMLElement>(".ec-comment-form-status");
 		if (!submitBtn || !statusEl) return;
 
+		const labels: {
+			submit: string;
+			submitting: string;
+			published: string;
+			pending: string;
+			error?: string;
+			networkError: string;
+		} = JSON.parse(form.dataset.labels ?? "{}");
+
 		submitBtn.disabled = true;
-		submitBtn.textContent = "Submitting...";
+		submitBtn.textContent = labels.submitting;
 		statusEl.textContent = "";
 		statusEl.className = "ec-comment-form-status";
 
@@ -180,7 +218,8 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 			const result = await res.json();
 
 			if (res.ok) {
-				statusEl.textContent = result.message || "Comment submitted!";
+				statusEl.textContent =
+					result.data?.status === "approved" ? labels.published : labels.pending;
 				statusEl.classList.add("ec-comment-form-success");
 				// Reset form fields (but not disabled pre-filled fields)
 				const textarea = form.querySelector<HTMLTextAreaElement>(
@@ -189,13 +228,14 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 				if (textarea) textarea.value = "";
 			} else {
 				statusEl.textContent =
+					labels.error ||
 					result.error?.message ||
 					result.message ||
 					"Failed to submit comment.";
 				statusEl.classList.add("ec-comment-form-error");
 			}
 		} catch {
-			statusEl.textContent = "Network error. Please try again.";
+			statusEl.textContent = labels.networkError;
 			statusEl.classList.add("ec-comment-form-error");
 		} finally {
 			// Reset Turnstile on success and failure alike (incl. network
@@ -205,7 +245,7 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 				window.turnstile.reset();
 			}
 			submitBtn.disabled = false;
-			submitBtn.textContent = "Post Comment";
+			submitBtn.textContent = labels.submit;
 		}
 	});
 </script>
@@ -283,7 +323,7 @@ const endpoint = `/_emdash/api/comments/${encodeURIComponent(collection)}/${enco
 
 	.ec-comment-user-email::before {
 		content: "·";
-		margin-right: 0.5rem;
+		margin-inline-end: 0.5rem;
 	}
 
 	.ec-comment-form-submit {

package/src/components/Comments.astro

@@ -26,6 +26,16 @@ interface Props {
 	/** Order of top-level comments: chronological (default) or Wilson-ranked. */
 	sort?: "oldest" | "best";
 	class?: string;
+	/** Replaces the built-in English text, for example to translate the list. */
+	labels?: {
+		heading?: (count: number) => string;
+		member?: string;
+		like?: string;
+	};
+	/**
+	 * Locale for comment dates. Defaults to `Astro.currentLocale`, then `en-US`.
+	 */
+	locale?: string;
 }
 
 const {
@@ -35,8 +45,41 @@ const {
 	reactions = false,
 	sort = "oldest",
 	class: className,
+	labels: customLabels = {},
+	locale = Astro.currentLocale,
 } = Astro.props;
 
+const labels = {
+	heading:
+		customLabels.heading ??
+		((count: number) =>
+			count === 0 ? "No comments yet" : count === 1 ? "1 Comment" : `${count} Comments`),
+	member: customLabels.member ?? "Site member",
+	like: customLabels.like ?? "Like",
+};
+
+function resolveDateLocale(value: string | undefined): string {
+	if (!value) return "en-US";
+	try {
+		return Intl.DateTimeFormat.supportedLocalesOf(value)[0] ?? "en-US";
+	} catch {
+		return "en-US";
+	}
+}
+
+const dateFormat = new Intl.DateTimeFormat(resolveDateLocale(locale), {
+	year: "numeric",
+	month: "long",
+	day: "numeric",
+	hour: "numeric",
+	minute: "2-digit",
+});
+
+function formatDate(value: string): string {
+	const date = new Date(value);
+	return Number.isNaN(date.getTime()) ? value : dateFormat.format(date);
+}
+
 const collectionInfo = await getCollectionInfo(collection);
 const enabled = collectionInfo?.commentsEnabled ?? false;
 const { items, total } = enabled
@@ -135,13 +178,7 @@ const REACTION_SCRIPT = `
 			data-content-id={contentId}
 			{...(reactions ? { "data-ec-reactions": "" } : {})}
 		>
-			<h3 class="ec-comments-heading">
-				{total === 0
-					? "No comments yet"
-					: total === 1
-						? "1 Comment"
-						: `${total} Comments`}
-			</h3>
+			<h3 class="ec-comments-heading">{labels.heading(total)}</h3>
 
 			{items.length > 0 && (
 				<ol class="ec-comments-list">
@@ -156,19 +193,13 @@ const REACTION_SCRIPT = `
 									<span class="ec-comment-author">
 										{comment.authorName}
 										{comment.isRegisteredUser && (
-											<span class="ec-comment-badge" aria-label="Site member">
+											<span class="ec-comment-badge" aria-label={labels.member}>
 												&#x2713;
 											</span>
 										)}
 									</span>
 									<time class="ec-comment-date" datetime={comment.createdAt}>
-										{new Date(comment.createdAt).toLocaleDateString("en-US", {
-											year: "numeric",
-											month: "long",
-											day: "numeric",
-											hour: "numeric",
-											minute: "2-digit",
-										})}
+										{formatDate(comment.createdAt)}
 									</time>
 								</header>
 								<div
@@ -187,7 +218,7 @@ const REACTION_SCRIPT = `
 											<span class="ec-reaction-icon" aria-hidden="true">
 												&#x2661;
 											</span>
-											<span class="ec-reaction-label">Like</span>
+											<span class="ec-reaction-label">{labels.like}</span>
 											<span class="ec-reaction-count" data-ec-reaction-count>
 												{comment.reactions?.like ?? 0}
 											</span>
@@ -209,7 +240,7 @@ const REACTION_SCRIPT = `
 															{reply.isRegisteredUser && (
 																<span
 																	class="ec-comment-badge"
-																	aria-label="Site member"
+																	aria-label={labels.member}
 																>
 																	&#x2713;
 																</span>
@@ -219,16 +250,7 @@ const REACTION_SCRIPT = `
 															class="ec-comment-date"
 															datetime={reply.createdAt}
 														>
-															{new Date(reply.createdAt).toLocaleDateString(
-																"en-US",
-																{
-																	year: "numeric",
-																	month: "long",
-																	day: "numeric",
-																	hour: "numeric",
-																	minute: "2-digit",
-																}
-															)}
+															{formatDate(reply.createdAt)}
 														</time>
 													</header>
 													<div
@@ -245,7 +267,7 @@ const REACTION_SCRIPT = `
 																aria-pressed="false"
 															>
 																<span class="ec-reaction-icon" aria-hidden="true">&#x2661;</span>
-																<span class="ec-reaction-label">Like</span>
+																<span class="ec-reaction-label">{labels.like}</span>
 																<span class="ec-reaction-count" data-ec-reaction-count>{reply.reactions?.like ?? 0}</span>
 															</button>
 														</div>
@@ -291,7 +313,7 @@ const REACTION_SCRIPT = `
 
 	.ec-comment-replies {
 		margin-top: var(--ec-comment-gap);
-		padding-left: var(--ec-comment-indent);
+		padding-inline-start: var(--ec-comment-indent);
 	}
 
 	.ec-comment-replies > li + li {