MichilisandClaude Opus 5
e4eb1617d1
GSAP carries the counter roll-ups, the bandeja card physics, the dialog transitions and the three success moments FLOWS.md allows. Every one of them checks prefers-reduced-motion first and does nothing when it is set. boneyard and canvas-ui are not what SPEC.md's stack table says they are: on npm the names belong to two abandoned projects that do neither job. The skeletons were already ours; the two canvas spots are now sixty lines each with no dependency. DECISIONS.md records the substitution. The app installs, keeps a scan taken with no network in IndexedDB and sends it when there is one, falls back to a page that explains itself, and can push a deadline notice. Reading the log of what is queued is the source of truth, so the notice clears when the capture actually lands. The CSP now allows scripts by per-request nonce rather than by 'unsafe-inline'. That forced /offline to render per request: a prerendered page carries a build-time nonce no live policy matches, so its scripts were blocked and it never hydrated. Two crashes fixed on the way. web-push throws on a VAPID subject that is not https: or mailto:, and the code handed it APP_PUBLIC_URL, so any machine with push keys died at boot; a misconfigured optional channel now switches itself off and says why. And a subscription the push service answers 410 for is deleted rather than retried forever. Lighthouse on the production build: accessibility 100, best practices 96, SEO 100, performance 73. The performance number is not trustworthy on this machine and DECISIONS.md says why; total blocking time did fall from 17.6s to 1.7s once the hero canvas stopped drawing at full resolution every frame and the landing page stopped importing GSAP. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
71 lines
2.2 KiB
TypeScript
71 lines
2.2 KiB
TypeScript
import { isLocale } from '@impuestos/i18n';
|
|
import type { Metadata, Viewport } from 'next';
|
|
import { Inter } from 'next/font/google';
|
|
import { NextIntlClientProvider } from 'next-intl';
|
|
import { setRequestLocale } from 'next-intl/server';
|
|
import { getT } from '@/i18n/t';
|
|
import { notFound } from 'next/navigation';
|
|
import type { ReactNode } from 'react';
|
|
import { Providers } from '@/components/providers';
|
|
import { ThemeScript } from '@/components/theme-script';
|
|
import { routing } from '@/i18n/routing';
|
|
import '../globals.css';
|
|
|
|
// Self hosted by next/font: no third party font request at runtime, which keeps the
|
|
// CSP tight (SPEC.md section 14).
|
|
const inter = Inter({ subsets: ['latin'], variable: '--font-inter', display: 'swap' });
|
|
|
|
/**
|
|
* The browser chrome follows the theme, and the accent is the same deep teal the icon and
|
|
* the manifest use.
|
|
*/
|
|
export const viewport: Viewport = {
|
|
themeColor: [
|
|
{ media: '(prefers-color-scheme: light)', color: '#fbfbfc' },
|
|
{ media: '(prefers-color-scheme: dark)', color: '#1b1d20' },
|
|
],
|
|
};
|
|
|
|
export function generateStaticParams() {
|
|
return routing.locales.map((locale) => ({ locale }));
|
|
}
|
|
|
|
export async function generateMetadata(props: {
|
|
params: Promise<{ locale: string }>;
|
|
}): Promise<Metadata> {
|
|
const { locale } = await props.params;
|
|
const t = await getT(locale);
|
|
return {
|
|
title: t('common.appName'),
|
|
description: t('landing.hero.subtitle'),
|
|
applicationName: t('common.appName'),
|
|
appleWebApp: { capable: true, title: t('common.appName'), statusBarStyle: 'default' },
|
|
icons: { icon: '/icon-192.png', apple: '/apple-touch-icon.png' },
|
|
};
|
|
}
|
|
|
|
export default async function LocaleLayout({
|
|
children,
|
|
params,
|
|
}: {
|
|
children: ReactNode;
|
|
params: Promise<{ locale: string }>;
|
|
}) {
|
|
const { locale } = await params;
|
|
if (!isLocale(locale)) notFound();
|
|
setRequestLocale(locale);
|
|
|
|
return (
|
|
<html lang={locale} className={inter.variable} suppressHydrationWarning>
|
|
<head>
|
|
<ThemeScript />
|
|
</head>
|
|
<body className="min-h-dvh font-sans antialiased">
|
|
<NextIntlClientProvider>
|
|
<Providers>{children}</Providers>
|
|
</NextIntlClientProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|