cloudflare-next-intl 0.9.7 → 0.9.10

package/bin/check_dynamic_pages.mjs

@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+// Usage: cfni-check-dynamic-pages [--app-dir=src/app] [--mode=off|report|fix] [--target=next|vinext] [--skip=a/page.tsx,b/page.tsx]
+// Env equivalents: CFNI_DYNAMIC_PAGES_APP_DIR, CFNI_DYNAMIC_PAGES_MODE, CFNI_DYNAMIC_PAGES_TARGET, CFNI_DYNAMIC_PAGES_SKIP (comma-separated).
+import { resolve } from 'node:path';
+import { checkDynamicPages } from '../dist/src/dynamic_pages_check/check_dynamic_pages.js';
+
+function argValue(name) {
+    const prefix = `--${name}=`;
+    const arg = process.argv.slice(2).find((a) => a.startsWith(prefix));
+    return arg ? arg.slice(prefix.length) : undefined;
+}
+
+const appDir = resolve(argValue('app-dir') ?? process.env.CFNI_DYNAMIC_PAGES_APP_DIR ?? 'src/app');
+const mode = argValue('mode') ?? process.env.CFNI_DYNAMIC_PAGES_MODE ?? 'report';
+const target = argValue('target') ?? process.env.CFNI_DYNAMIC_PAGES_TARGET ?? 'next';
+const skipRaw = argValue('skip') ?? process.env.CFNI_DYNAMIC_PAGES_SKIP ?? '';
+const skip = skipRaw.split(',').map((s) => s.trim()).filter(Boolean).map((s) => resolve(s));
+
+const reports = await checkDynamicPages({ appDir, mode, target, skip });
+
+if (reports.length === 0) {
+    console.log(mode === 'off' ? 'checkDynamicPages: disabled (mode=off).' : `checkDynamicPages: no page/route files found under ${appDir}.`);
+} else {
+    for (const { file, action } of reports) console.log(`${action.padEnd(24)} ${file}`);
+}

package/dist/src/cloudflare_email/escape_html.d.ts

@@ -0,0 +1 @@
+export declare function escapeHtml(value: string): string;

package/dist/src/cloudflare_email/escape_html.js

@@ -0,0 +1,7 @@
+export function escapeHtml(value) {
+    return value
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}

package/dist/src/cloudflare_email/index.d.ts

@@ -0,0 +1,3 @@
+export { sendTransactionalEmail, type TransactionalEmailOutcome, type TransactionalEmailContent, type SendTransactionalEmailOptions } from './send_transactional_email.js';
+export { resolveEmailBinding, type EmailBindingLike } from './resolve_email_binding.js';
+export { escapeHtml } from './escape_html.js';

package/dist/src/cloudflare_email/index.js

@@ -0,0 +1,3 @@
+export { sendTransactionalEmail } from './send_transactional_email.js';
+export { resolveEmailBinding } from './resolve_email_binding.js';
+export { escapeHtml } from './escape_html.js';

package/dist/src/cloudflare_email/resolve_email_binding.d.ts

@@ -0,0 +1,11 @@
+import type { GenerateRoutingConfig } from '../types/types.js';
+export interface EmailBindingLike {
+    send(message: {
+        to: string;
+        from: string;
+        subject: string;
+        html?: string;
+        text?: string;
+    }): Promise<unknown>;
+}
+export declare function resolveEmailBinding(generate?: GenerateRoutingConfig, bindingName?: string): Promise<EmailBindingLike | null>;

package/dist/src/cloudflare_email/resolve_email_binding.js

@@ -0,0 +1,8 @@
+import { resolveEnv } from '../server/functions/geo.js';
+export async function resolveEmailBinding(generate, bindingName = 'EMAIL') {
+    const env = await resolveEnv(generate);
+    const candidate = env?.[bindingName];
+    if (!candidate || typeof candidate !== 'object')
+        return null;
+    return typeof candidate.send === 'function' ? candidate : null;
+}

package/dist/src/cloudflare_email/send_transactional_email.d.ts

@@ -0,0 +1,18 @@
+import { type ReportErrorConfig } from '../error_handling/report_error.js';
+import type { GenerateRoutingConfig } from '../types/types.js';
+export type TransactionalEmailOutcome = 'sent' | 'unavailable' | 'failed';
+export interface TransactionalEmailContent {
+    subject: string;
+    text: string;
+    html: string;
+}
+export interface SendTransactionalEmailOptions extends ReportErrorConfig {
+    generate?: GenerateRoutingConfig;
+    senderAddress: string;
+    bindingName?: string;
+    restAccountId?: string;
+    restToken?: string;
+}
+export declare function sendTransactionalEmail(message: {
+    to: string;
+} & TransactionalEmailContent, options: SendTransactionalEmailOptions, reportAs: string): Promise<TransactionalEmailOutcome>;

package/dist/src/cloudflare_email/send_transactional_email.js

@@ -0,0 +1,36 @@
+import { resolveEmailBinding } from './resolve_email_binding.js';
+import reportError from '../error_handling/report_error.js';
+function isUsableCredential(value) {
+    return value.length > 0 && !value.includes('$(');
+}
+async function sendOverRest(message, options, reportAs) {
+    const accountId = (options.restAccountId ?? process.env.CLOUDFLARE_ACCOUNT_ID ?? '').trim();
+    const token = (options.restToken ?? process.env.CLOUDFLARE_EMAIL_TOKEN ?? '').trim();
+    if (!isUsableCredential(accountId) || !isUsableCredential(token))
+        return 'unavailable';
+    const response = await fetch(`https://api.cloudflare.com/client/v4/accounts/${accountId}/email/sending/send`, {
+        method: 'POST',
+        headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+        body: JSON.stringify(message),
+    });
+    if (!response.ok) {
+        await reportError(options, { error: new Error(`email/sending/send responded ${response.status}`), classOrMethodName: `${reportAs}.rest` });
+        return 'failed';
+    }
+    return 'sent';
+}
+export async function sendTransactionalEmail(message, options, reportAs) {
+    try {
+        const binding = await resolveEmailBinding(options.generate, options.bindingName);
+        const fullMessage = { ...message, from: options.senderAddress };
+        if (binding) {
+            await binding.send(fullMessage);
+            return 'sent';
+        }
+        return await sendOverRest(fullMessage, options, reportAs);
+    }
+    catch (error) {
+        await reportError(options, { error, classOrMethodName: reportAs });
+        return 'failed';
+    }
+}

package/dist/src/cloudflare_fetch/fetch_text.d.ts

@@ -0,0 +1,5 @@
+import { type ReportErrorConfig } from '../error_handling/report_error.js';
+import type { GenerateRoutingConfig } from '../types/types.js';
+export declare function fetchText(input: RequestInfo | URL, init: RequestInit, config: (ReportErrorConfig & {
+    generate?: GenerateRoutingConfig;
+}) | undefined, reportAs: string): Promise<string | null>;

package/dist/src/cloudflare_fetch/fetch_text.js

@@ -0,0 +1,17 @@
+import { fetchWithCloudflareFallback } from './fetch_with_fallback.js';
+import reportError from '../error_handling/report_error.js';
+const MAX_ERROR_BODY_LENGTH = 500;
+export async function fetchText(input, init, config, reportAs) {
+    try {
+        const response = await fetchWithCloudflareFallback(input, init, config?.generate);
+        if (!response.ok) {
+            const body = (await response.text()).slice(0, MAX_ERROR_BODY_LENGTH);
+            throw new Error(body || `HTTP ${response.status}`);
+        }
+        return await response.text();
+    }
+    catch (error) {
+        await reportError(config, { error, classOrMethodName: reportAs, params: { input: String(input) } });
+        return null;
+    }
+}

package/dist/src/cloudflare_fetch/fetch_with_fallback.d.ts

@@ -0,0 +1,2 @@
+import type { GenerateRoutingConfig } from '../types/types.js';
+export declare function fetchWithCloudflareFallback(input: RequestInfo | URL, init: RequestInit, generate?: GenerateRoutingConfig): Promise<Response>;

package/dist/src/cloudflare_fetch/fetch_with_fallback.js

@@ -0,0 +1,7 @@
+import { resolveAssetsBinding } from './resolve_assets_binding.js';
+export async function fetchWithCloudflareFallback(input, init, generate) {
+    const binding = await resolveAssetsBinding(generate);
+    if (binding)
+        return binding.fetch(input, init);
+    return fetch(input, { ...init, cache: 'no-store' });
+}

package/dist/src/cloudflare_fetch/index.d.ts

@@ -0,0 +1,3 @@
+export { fetchText } from './fetch_text.js';
+export { fetchWithCloudflareFallback } from './fetch_with_fallback.js';
+export { resolveAssetsBinding, type AssetsBindingLike } from './resolve_assets_binding.js';

package/dist/src/cloudflare_fetch/index.js

@@ -0,0 +1,3 @@
+export { fetchText } from './fetch_text.js';
+export { fetchWithCloudflareFallback } from './fetch_with_fallback.js';
+export { resolveAssetsBinding } from './resolve_assets_binding.js';

package/dist/src/cloudflare_fetch/resolve_assets_binding.d.ts

@@ -0,0 +1,5 @@
+import type { GenerateRoutingConfig } from '../types/types.js';
+export interface AssetsBindingLike {
+    fetch(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;
+}
+export declare function resolveAssetsBinding(generate?: GenerateRoutingConfig): Promise<AssetsBindingLike | null>;

package/dist/src/cloudflare_fetch/resolve_assets_binding.js

@@ -0,0 +1,9 @@
+import { resolveEnv } from '../server/functions/geo.js';
+export async function resolveAssetsBinding(generate) {
+    const env = await resolveEnv(generate);
+    const candidate = env?.ASSETS;
+    if (!candidate || typeof candidate !== 'object')
+        return null;
+    const fetchFn = candidate.fetch;
+    return typeof fetchFn === 'function' ? candidate : null;
+}

package/dist/src/db/connection.js

@@ -1,7 +1,7 @@
 import reportError from '../error_handling/report_error.js';
 import requireDbConfig from './require_config.js';
 import resolveConfigValue from './resolve_config_value.js';
-import { resolveEnv } from '../server/functions/geo.js';
+import { resolveHyperdriveConnectionString } from './resolve_hyperdrive_connection_string.js';
 const BENIGN_DISCONNECT_PATTERN = /(connection terminated|connection closed|socket closed|unexpected eof)/i;
 let pgModule;
 function loadPg() {
@@ -12,10 +12,10 @@ async function resolveConnectionString(db, generate) {
     const configured = await resolveConfigValue(db.connectionString);
     if (configured)
         return configured;
-    const env = await resolveEnv(generate);
-    const hyperdriveConn = env?.HYPERDRIVE?.connectionString;
-    if (hyperdriveConn && hyperdriveConn !== 'postgresql://user:pass@localhost:5432/db') {
-        return hyperdriveConn;
+    if (db.autoHyperdrive !== false) {
+        const hyperdriveConn = await resolveHyperdriveConnectionString(generate);
+        if (hyperdriveConn)
+            return hyperdriveConn;
     }
     throw new Error('db: could not resolve a Postgres connection string. Set `db.connectionString` ' +
         'to a connection string, or to a function returning one (e.g. reading a ' +

package/dist/src/db/context.js

@@ -100,7 +100,7 @@ export async function withPublicDb(fn, dbOverride) {
     const config = await resolveDbConfig(dbOverride);
     const db = config.db;
     requireDbConfig(db);
-    const resolved = await resolveDbMode(db);
+    const resolved = await resolveDbMode(db, config.generate);
     if (resolved.mode === 'supabase') {
         const { anonKey } = await resolveSupabaseEndpoint(resolved.supabase);
         return fn(await supabaseDb(resolved.supabase, anonKey));
@@ -130,7 +130,7 @@ export async function withUserDb(fn, uid, dbOverride) {
     const config = await resolveDbConfig(dbOverride);
     const db = config.db;
     requireDbConfig(db);
-    const resolved = await resolveDbMode(db);
+    const resolved = await resolveDbMode(db, config.generate);
     if (resolved.mode === 'supabase') {
         const token = await resolveAccessToken(config);
         return fn(await supabaseDb(resolved.supabase, token));

package/dist/src/db/resolve_hyperdrive_connection_string.d.ts

@@ -0,0 +1,5 @@
+import type { GenerateRoutingConfig } from '../types/types.js';
+export interface HyperdriveBindingLike {
+    connectionString: string;
+}
+export declare function resolveHyperdriveConnectionString(generate?: GenerateRoutingConfig): Promise<string | undefined>;

package/dist/src/db/resolve_hyperdrive_connection_string.js

@@ -0,0 +1,10 @@
+import { resolveEnv } from '../server/functions/geo.js';
+const WRANGLER_DEV_PLACEHOLDER = 'postgresql://user:pass@localhost:5432/db';
+export async function resolveHyperdriveConnectionString(generate) {
+    const env = await resolveEnv(generate);
+    const binding = env?.HYPERDRIVE;
+    const connectionString = binding?.connectionString;
+    if (!connectionString || connectionString === WRANGLER_DEV_PLACEHOLDER)
+        return undefined;
+    return connectionString;
+}

package/dist/src/db/resolve_mode.d.ts

@@ -1,4 +1,4 @@
-import type { DbRoutingConfig, SupabaseDbConfig } from '../types/types.js';
+import type { DbRoutingConfig, GenerateRoutingConfig, SupabaseDbConfig } from '../types/types.js';
 export type DbMode = 'postgres' | 'supabase';
 export type ResolvedDbMode = {
     mode: 'postgres';
@@ -7,4 +7,4 @@ export type ResolvedDbMode = {
     mode: 'supabase';
     supabase: SupabaseDbConfig;
 };
-export default function resolveDbMode(db: DbRoutingConfig): Promise<ResolvedDbMode>;
+export default function resolveDbMode(db: DbRoutingConfig, generate?: GenerateRoutingConfig): Promise<ResolvedDbMode>;

package/dist/src/db/resolve_mode.js

@@ -1,8 +1,14 @@
 import resolveConfigValue from './resolve_config_value.js';
-export default async function resolveDbMode(db) {
+import { resolveHyperdriveConnectionString } from './resolve_hyperdrive_connection_string.js';
+export default async function resolveDbMode(db, generate) {
     const connectionString = await resolveConfigValue(db.connectionString);
     if (connectionString)
         return { mode: 'postgres', connectionString };
+    if (db.autoHyperdrive !== false) {
+        const hyperdriveConnectionString = await resolveHyperdriveConnectionString(generate);
+        if (hyperdriveConnectionString)
+            return { mode: 'postgres', connectionString: hyperdriveConnectionString };
+    }
     if (db.supabase)
         return { mode: 'supabase', supabase: db.supabase };
     return { mode: 'postgres', connectionString: undefined };

package/dist/src/dynamic_pages_check/check_dynamic_pages.d.ts

@@ -0,0 +1,17 @@
+export type DynamicPagesCheckMode = 'off' | 'report' | 'fix';
+export interface CheckDynamicPagesOptions {
+    appDir: string;
+    mode?: DynamicPagesCheckMode;
+    target?: 'next' | 'vinext';
+    skip?: readonly string[];
+}
+export interface CheckDynamicPagesReport {
+    file: string;
+    action: 'added-force-dynamic' | 'would-add-force-dynamic' | 'added-force-static' | 'would-add-force-static' | 'already-declared' | 'no-dynamic-usage-detected' | 'skipped';
+}
+export interface CheckDynamicPagesIo {
+    findPageFiles?: (appDir: string) => string[];
+    readFile?: (file: string) => string;
+    writeFile?: (file: string, contents: string) => void;
+}
+export declare function checkDynamicPages(options: CheckDynamicPagesOptions, io?: CheckDynamicPagesIo): Promise<CheckDynamicPagesReport[]>;

package/dist/src/dynamic_pages_check/check_dynamic_pages.js

@@ -0,0 +1,49 @@
+import { readFileSync, writeFileSync } from 'node:fs';
+import { findPageFiles as findPageFilesImpl } from './find_page_files.js';
+import { detectDynamicUsage } from './detect_dynamic_usage.js';
+import { insertDynamicExport } from './insert_dynamic_export.js';
+export async function checkDynamicPages(options, io = {}) {
+    const mode = options.mode ?? 'report';
+    if (mode === 'off')
+        return [];
+    const target = options.target ?? 'next';
+    const findPageFiles = io.findPageFiles ?? findPageFilesImpl;
+    const readFile = io.readFile ?? ((file) => readFileSync(file, 'utf8'));
+    const writeFile = io.writeFile ?? ((file, contents) => writeFileSync(file, contents, 'utf8'));
+    const skipSet = new Set(options.skip ?? []);
+    const reports = [];
+    for (const file of findPageFiles(options.appDir)) {
+        if (skipSet.has(file)) {
+            reports.push({ file, action: 'skipped' });
+            continue;
+        }
+        const source = readFile(file);
+        const detection = detectDynamicUsage(source);
+        if (detection.hasExplicitDynamicExport) {
+            reports.push({ file, action: 'already-declared' });
+            continue;
+        }
+        if (detection.detectedDynamicApis.length === 0) {
+            if (target !== 'vinext') {
+                reports.push({ file, action: 'no-dynamic-usage-detected' });
+                continue;
+            }
+            if (mode === 'fix') {
+                writeFile(file, insertDynamicExport(source, 'force-static'));
+                reports.push({ file, action: 'added-force-static' });
+            }
+            else {
+                reports.push({ file, action: 'would-add-force-static' });
+            }
+            continue;
+        }
+        if (mode === 'fix') {
+            writeFile(file, insertDynamicExport(source, 'force-dynamic'));
+            reports.push({ file, action: 'added-force-dynamic' });
+        }
+        else {
+            reports.push({ file, action: 'would-add-force-dynamic' });
+        }
+    }
+    return reports;
+}

package/dist/src/dynamic_pages_check/detect_dynamic_usage.d.ts

@@ -0,0 +1,5 @@
+export interface DynamicDetectionResult {
+    hasExplicitDynamicExport: boolean;
+    detectedDynamicApis: string[];
+}
+export declare function detectDynamicUsage(sourceText: string): DynamicDetectionResult;

package/dist/src/dynamic_pages_check/detect_dynamic_usage.js

@@ -0,0 +1,16 @@
+const DYNAMIC_API_CHECKS = [
+    { name: 'cookies()', pattern: /\bcookies\s*\(/ },
+    { name: 'headers()', pattern: /\bheaders\s*\(\s*\)/ },
+    { name: 'searchParams', pattern: /\bsearchParams\b/ },
+    { name: 'unstable_noStore()', pattern: /\bunstable_noStore\s*\(/ },
+    { name: 'connection()', pattern: /\bconnection\s*\(\s*\)/ },
+    { name: 'cache: "no-store"', pattern: /cache:\s*['"]no-store['"]/ },
+    { name: 'next: { revalidate: 0 }', pattern: /next:\s*\{\s*revalidate:\s*0\s*[,}]/ },
+];
+const EXPLICIT_DYNAMIC_EXPORT = /export\s+const\s+dynamic\s*=/;
+export function detectDynamicUsage(sourceText) {
+    return {
+        hasExplicitDynamicExport: EXPLICIT_DYNAMIC_EXPORT.test(sourceText),
+        detectedDynamicApis: DYNAMIC_API_CHECKS.filter(({ pattern }) => pattern.test(sourceText)).map(({ name }) => name),
+    };
+}

package/dist/src/dynamic_pages_check/find_page_files.d.ts

@@ -0,0 +1 @@
+export declare function findPageFiles(appDir: string): string[];

package/dist/src/dynamic_pages_check/find_page_files.js

@@ -0,0 +1,24 @@
+import { readdirSync } from 'node:fs';
+import { join } from 'node:path';
+const PAGE_FILE_NAMES = new Set(['page.tsx', 'page.ts', 'page.jsx', 'page.js', 'route.ts', 'route.js']);
+export function findPageFiles(appDir) {
+    let entries;
+    try {
+        entries = readdirSync(appDir, { withFileTypes: true });
+    }
+    catch {
+        return [];
+    }
+    const files = [];
+    for (const entry of entries) {
+        if (entry.isDirectory()) {
+            if (entry.name === 'node_modules' || entry.name.startsWith('.'))
+                continue;
+            files.push(...findPageFiles(join(appDir, entry.name)));
+        }
+        else if (PAGE_FILE_NAMES.has(entry.name)) {
+            files.push(join(appDir, entry.name));
+        }
+    }
+    return files;
+}

package/dist/src/dynamic_pages_check/index.d.ts

@@ -0,0 +1,3 @@
+export { checkDynamicPages, type DynamicPagesCheckMode, type CheckDynamicPagesOptions, type CheckDynamicPagesReport, type CheckDynamicPagesIo } from './check_dynamic_pages.js';
+export { findPageFiles } from './find_page_files.js';
+export { detectDynamicUsage, type DynamicDetectionResult } from './detect_dynamic_usage.js';

package/dist/src/dynamic_pages_check/index.js

@@ -0,0 +1,3 @@
+export { checkDynamicPages } from './check_dynamic_pages.js';
+export { findPageFiles } from './find_page_files.js';
+export { detectDynamicUsage } from './detect_dynamic_usage.js';

package/dist/src/dynamic_pages_check/insert_dynamic_export.d.ts

@@ -0,0 +1 @@
+export declare function insertDynamicExport(sourceText: string, value: 'force-static' | 'force-dynamic'): string;

package/dist/src/dynamic_pages_check/insert_dynamic_export.js

@@ -0,0 +1,43 @@
+function findLeadingImportBlockEnd(sourceText) {
+    const lines = sourceText.split('\n');
+    let offset = 0;
+    let lastImportEnd = -1;
+    let depth = 0;
+    let inImport = false;
+    for (const line of lines) {
+        const lineEnd = offset + line.length;
+        const trimmed = line.trim();
+        if (!inImport) {
+            if (trimmed === '' || trimmed.startsWith('//') || trimmed.startsWith('/*') || trimmed.startsWith('*')) {
+                offset = lineEnd + 1;
+                continue;
+            }
+            if (!/^import\b/.test(trimmed))
+                break;
+            inImport = true;
+            depth = 0;
+        }
+        for (const char of line) {
+            if (char === '{' || char === '(' || char === '[')
+                depth += 1;
+            else if (char === '}' || char === ')' || char === ']')
+                depth -= 1;
+        }
+        if (inImport && depth <= 0 && /;\s*$/.test(line)) {
+            inImport = false;
+            lastImportEnd = lineEnd;
+        }
+        offset = lineEnd + 1;
+    }
+    return lastImportEnd;
+}
+export function insertDynamicExport(sourceText, value) {
+    const block = `// Auto-inserted by cloudflare-next-intl's checkDynamicPages (mode: "fix") — remove this line, or set \`dynamic\` yourself, to override.\nexport const dynamic = "${value}";\n`;
+    const lastImportEnd = findLeadingImportBlockEnd(sourceText);
+    if (lastImportEnd === -1) {
+        return `${block}\n${sourceText}`;
+    }
+    const before = sourceText.slice(0, lastImportEnd).replace(/\n+$/, '');
+    const after = sourceText.slice(lastImportEnd).replace(/^\n+/, '');
+    return `${before}\n\n${block}\n${after}`;
+}

package/dist/src/errors_board/client/error_detail_view.d.ts

@@ -0,0 +1,7 @@
+import type { ErrorRow } from '../server/errors_repository.js';
+import type { ErrorsActions } from '../server/actions_factory.js';
+export default function ErrorDetailView({ row, actions, onDeleted, }: {
+    row: ErrorRow;
+    actions: ErrorsActions;
+    onDeleted: () => void;
+}): Component;

package/dist/src/errors_board/client/error_detail_view.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { STATUS_BADGE_CLASS, STATUS_LABELS, STATUS_HINTS, formatRelativeTime, formatLocalTimestamp, parseRequestContext, } from '../shared/error_ui_helpers.js';
+import { DetailBlock, CopyButton, LocalTime } from './error_ui_client.js';
+export default function ErrorDetailView({ row, actions, onDeleted, }) {
+    const [isPending, setIsPending] = useState(false);
+    async function handleStatusChange(status) {
+        setIsPending(true);
+        try {
+            await actions.setErrorStatus([row.id], status);
+        }
+        finally {
+            setIsPending(false);
+        }
+    }
+    async function handleDelete() {
+        if (!window.confirm("Delete this error? This can't be undone."))
+            return;
+        setIsPending(true);
+        try {
+            await actions.deleteErrors([row.id]);
+            onDeleted();
+        }
+        finally {
+            setIsPending(false);
+        }
+    }
+    const requestContext = parseRequestContext(row.params);
+    return (_jsxs("div", { className: "flex flex-col gap-5", style: { opacity: isPending ? 0.5 : 1 }, children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: `rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide ${STATUS_BADGE_CLASS[row.status]}`, children: row.status }), _jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600 dark:bg-gray-800 dark:text-gray-300", children: row.flavour }), _jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600 dark:bg-gray-800 dark:text-gray-300", children: row.is_client === 1 ? 'Client' : 'Server' }), row.count > 1 && (_jsxs("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-semibold text-gray-500 dark:bg-gray-800 dark:text-gray-400", children: ["Seen \u00D7", row.count] })), _jsx(CopyButton, { text: typeof window !== 'undefined' ? window.location.href : String(row.id), label: "Copy link", copiedLabel: "Link copied" })] }), _jsx("h1", { className: "font-mono text-lg font-semibold wrap-break-word text-gray-900 dark:text-white", children: row.caller }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: row.message })] }), _jsxs("div", { className: "flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:items-end", children: [_jsxs("div", { className: "flex w-full flex-col items-stretch gap-2 sm:w-auto sm:flex-row sm:items-center", children: [_jsx("div", { className: "flex overflow-hidden rounded-lg border border-gray-300 dark:border-gray-700", children: Object.keys(STATUS_LABELS).map((status, index) => (_jsx("button", { disabled: isPending || row.status === status, onClick: () => handleStatusChange(status), className: `flex-1 px-3 py-1.5 text-xs font-medium transition-colors disabled:cursor-default sm:flex-none ${index > 0 ? 'border-l border-gray-300 dark:border-gray-700' : ''} ${row.status === status
+                                                ? 'bg-gray-900 text-white dark:bg-white dark:text-gray-900'
+                                                : 'bg-white text-gray-700 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:hover:bg-gray-800'}`, children: STATUS_LABELS[status] }, status))) }), _jsx("button", { disabled: isPending, onClick: handleDelete, className: "rounded-lg border border-red-300 px-3 py-1.5 text-xs font-medium text-red-600 hover:bg-red-50 disabled:opacity-40 dark:border-red-900 dark:text-red-400 dark:hover:bg-red-950", children: "Delete error" })] }), _jsx("p", { className: "max-w-72 text-[11px] leading-snug text-gray-400 sm:text-right dark:text-gray-500", children: STATUS_HINTS[row.status] })] })] }), _jsxs("dl", { className: "grid grid-cols-2 gap-x-4 gap-y-3 rounded-xl border border-gray-200 bg-gray-50 p-4 text-xs sm:grid-cols-3 dark:border-gray-800 dark:bg-gray-900/60", children: [_jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "First seen" }), _jsx("dd", { className: "text-gray-700 dark:text-gray-300", children: _jsx(LocalTime, { format: formatLocalTimestamp, timestampMs: row.created_at }) })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Last seen" }), _jsxs("dd", { className: "text-gray-700 dark:text-gray-300", children: [_jsx(LocalTime, { format: formatLocalTimestamp, timestampMs: row.updated_at }), ' ', _jsxs("span", { className: "text-gray-400 dark:text-gray-500", children: ["(", _jsx(LocalTime, { format: formatRelativeTime, timestampMs: row.updated_at }), ")"] })] })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "User" }), _jsx("dd", { className: "text-gray-700 dark:text-gray-300", children: row.user_email ?? 'Unknown / not signed in' })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Regressions" }), _jsx("dd", { className: "text-gray-700 dark:text-gray-300", children: row.reopen_count > 0
+                                    ? `Came back ${row.reopen_count} time${row.reopen_count === 1 ? '' : 's'} after being resolved`
+                                    : 'Never came back after a fix' })] }), row.resolved_at !== null && (_jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Resolved" }), _jsx("dd", { className: "text-gray-700 dark:text-gray-300", children: _jsx(LocalTime, { format: formatRelativeTime, timestampMs: row.resolved_at }) })] })), requestContext?.path && (_jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Page" }), _jsx("dd", { className: "break-all text-gray-700 dark:text-gray-300", children: requestContext.path })] })), requestContext?.referer && (_jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Referrer" }), _jsx("dd", { className: "break-all text-gray-700 dark:text-gray-300", children: requestContext.referer })] })), requestContext?.userAgent && (_jsxs("div", { className: "col-span-2 sm:col-span-3", children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "User agent" }), _jsx("dd", { className: "break-all text-gray-700 dark:text-gray-300", children: requestContext.userAgent })] }))] }), _jsx(DetailBlock, { label: "Message", text: row.message }), row.stack && _jsx(DetailBlock, { label: "Stack trace", text: row.stack }), row.params && _jsx(DetailBlock, { label: "Params", text: row.params })] }));
+}

package/dist/src/errors_board/client/error_row.d.ts

@@ -0,0 +1,7 @@
+import type { ErrorRow } from '../server/errors_repository.js';
+export default function ErrorRowItem({ row, selected, onToggleSelect, hrefFor, }: {
+    row: ErrorRow;
+    selected: boolean;
+    onToggleSelect: (id: number, checked: boolean) => void;
+    hrefFor: (id: number) => string;
+}): Component;

package/dist/src/errors_board/client/error_row.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { STATUS_BADGE_CLASS, STATUS_DOT_CLASS, formatRelativeTime, formatLocalTimestamp } from '../shared/error_ui_helpers.js';
+import { LocalTime, useMounted } from './error_ui_client.js';
+export default function ErrorRowItem({ row, selected, onToggleSelect, hrefFor, }) {
+    const mounted = useMounted();
+    const absoluteTime = mounted ? formatLocalTimestamp(row.updated_at) : undefined;
+    return (_jsxs("a", { href: hrefFor(row.id), className: "flex flex-col gap-1.5 rounded-xl border border-gray-200 bg-white px-4 py-3 shadow-sm transition-colors hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800/50", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: `size-2 shrink-0 rounded-full ${STATUS_DOT_CLASS[row.status]}`, "aria-hidden": true }), _jsx("input", { type: "checkbox", checked: selected, onClick: (event) => event.stopPropagation(), onChange: (event) => onToggleSelect(row.id, event.target.checked), className: "size-4 shrink-0 accent-blue-600" }), _jsx("span", { className: `shrink-0 rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide ${STATUS_BADGE_CLASS[row.status]}`, children: row.status }), _jsx("span", { className: "shrink-0 rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600 dark:bg-gray-800 dark:text-gray-300", children: row.flavour }), row.is_client === 1 && (_jsx("span", { className: "shrink-0 rounded-full bg-blue-50 px-2 py-0.5 text-[11px] font-medium text-blue-600 dark:bg-blue-500/10 dark:text-blue-300", children: "client" })), row.count > 1 && (_jsxs("span", { className: "shrink-0 rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-semibold text-gray-500 dark:bg-gray-800 dark:text-gray-400", title: `Seen ${row.count} times`, children: ["\u00D7", row.count] })), row.reopen_count > 0 && (_jsxs("span", { className: "shrink-0 rounded-full bg-orange-50 px-2 py-0.5 text-[11px] font-semibold text-orange-700 dark:bg-orange-500/10 dark:text-orange-300", title: `Came back ${row.reopen_count} time${row.reopen_count === 1 ? '' : 's'} after being resolved`, children: ["\u21A9 ", row.reopen_count] })), _jsx("span", { className: "ml-auto shrink-0 text-xs text-gray-400 dark:text-gray-500", title: absoluteTime, children: _jsx(LocalTime, { format: formatRelativeTime, timestampMs: row.updated_at }) })] }), _jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5 pl-4 sm:flex-nowrap", children: [_jsx("span", { className: "shrink-0 font-mono text-xs font-semibold text-gray-800 dark:text-gray-100", children: row.caller }), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-gray-500 dark:text-gray-400", children: row.message }), row.user_email && (_jsx("span", { className: "shrink-0 truncate text-xs text-gray-400 sm:ml-auto sm:max-w-[40%] dark:text-gray-500", children: row.user_email }))] })] }));
+}

package/dist/src/errors_board/client/error_ui_client.d.ts

@@ -0,0 +1,14 @@
+export declare function useMounted(): boolean;
+export declare function LocalTime({ format, timestampMs }: {
+    format: (timestampMs: number) => string;
+    timestampMs: number;
+}): Component;
+export declare function CopyButton({ text, label, copiedLabel, }: {
+    text: string;
+    label?: string;
+    copiedLabel?: string;
+}): Component;
+export declare function DetailBlock({ label, text }: {
+    label: string;
+    text: string;
+}): Component;

package/dist/src/errors_board/client/error_ui_client.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export function useMounted() {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => setMounted(true), []);
+    return mounted;
+}
+export function LocalTime({ format, timestampMs }) {
+    const mounted = useMounted();
+    return _jsx("span", { suppressHydrationWarning: true, children: mounted ? format(timestampMs) : '' });
+}
+export function CopyButton({ text, label = 'Copy', copiedLabel = 'Copied', }) {
+    const [copied, setCopied] = useState(false);
+    function handleCopy(event) {
+        event.preventDefault();
+        void navigator.clipboard.writeText(text).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1500);
+        });
+    }
+    return (_jsx("button", { type: "button", onClick: handleCopy, className: "rounded-md border border-gray-300 px-2 py-1 text-[11px] font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200", children: copied ? copiedLabel : label }));
+}
+export function DetailBlock({ label, text }) {
+    return (_jsxs("div", { className: "overflow-hidden rounded-lg border border-gray-200 dark:border-gray-800", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 bg-gray-50 px-3 py-1.5 dark:border-gray-800 dark:bg-gray-950/60", children: [_jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-gray-400 dark:text-gray-500", children: label }), _jsx(CopyButton, { text: text })] }), _jsx("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-words p-3 font-mono text-xs leading-relaxed text-gray-700 dark:bg-gray-950 dark:text-gray-300", children: text })] }));
+}

package/dist/src/errors_board/client/errors_filter_form.d.ts

@@ -0,0 +1,8 @@
+export default function ErrorsFilterForm({ flavours, filters, }: {
+    flavours: string[];
+    filters: {
+        flavour: string;
+        status: string;
+        q: string;
+    };
+}): Component;

package/dist/src/errors_board/client/errors_filter_form.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIELD_CLASS = 'rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 transition-colors focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:text-white';
+export default function ErrorsFilterForm({ flavours, filters, }) {
+    return (_jsxs("form", { className: "flex flex-wrap items-end gap-3 rounded-xl border border-gray-200 bg-gray-50 p-3 dark:border-gray-800 dark:bg-gray-900/60", children: [_jsx("input", { type: "hidden", name: "status", value: filters.status }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-gray-500", children: "Flavour" }), _jsxs("select", { name: "flavour", defaultValue: filters.flavour, className: FIELD_CLASS, children: [_jsx("option", { value: "all", children: "All flavours" }), flavours.map((flavour) => (_jsx("option", { value: flavour, children: flavour }, flavour)))] }, filters.flavour)] }), _jsxs("label", { className: "flex min-w-48 flex-1 flex-col gap-1", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-gray-500", children: "Search" }), _jsx("input", { type: "text", name: "q", placeholder: "Message, caller, or user email", defaultValue: filters.q, className: FIELD_CLASS }, filters.q)] }), _jsx("button", { type: "submit", className: "rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-blue-700", children: "Apply" })] }));
+}