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>
32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import type { ReactNode } from 'react';
|
|
import { AppShell } from '@/components/app-shell';
|
|
import { LanguageSwitcher } from '@/components/language-switcher';
|
|
import { OfflineSync } from '@/components/offline-sync';
|
|
import { PwaProvider } from '@/components/pwa-provider';
|
|
import { Link } from '@/i18n/navigation';
|
|
import { useT } from '@/i18n/t';
|
|
|
|
export default function AppLayout({ children }: { children: ReactNode }) {
|
|
const t = useT();
|
|
return (
|
|
<div className="mx-auto flex min-h-dvh w-full max-w-2xl flex-col">
|
|
<header className="flex items-center justify-between px-5 py-4">
|
|
<Link href="/inicio" className="text-base font-semibold tracking-tight">
|
|
{t('common.appName')}
|
|
</Link>
|
|
<div className="flex items-center gap-4">
|
|
<LanguageSwitcher />
|
|
<Link href="/perfil" className="text-sm font-medium text-accent-700 hover:underline">
|
|
{t('profile.title')}
|
|
</Link>
|
|
</div>
|
|
</header>
|
|
{/* Bottom padding clears the tab bar and the scan button above it. */}
|
|
<main className="flex-1 px-5 pb-36">{children}</main>
|
|
<AppShell />
|
|
<OfflineSync />
|
|
<PwaProvider />
|
|
</div>
|
|
);
|
|
}
|