import type { Metadata, Viewport } from 'next'
import { notFound } from 'next/navigation'
import { ThemeScript } from '@/components/Theme'
import { publicConfig } from '@/lib/config'
import { dir, isLocale } from '@/lib/site'
// Every page reads the CMS on each request, so an edit shows at once.
export const dynamic = 'force-dynamic'
export const metadata: Metadata = {
metadataBase: new URL(process.env.SITE_URL || 'http://localhost:8890'),
icons: { icon: [{ url: '/brand/favicon.svg', type: 'image/svg+xml' }, { url: '/brand/favicon.ico' }], apple: '/brand/apple-touch-icon.png' },
}
export const viewport: Viewport = { width: 'device-width', initialScale: 1 }
// The Google Analytics measurement id, from GANALYTICSCODE in .env. Empty (or malformed) means no tag at all;
// every page is rendered per request, so changing it needs a restart, not a rebuild.
const ga = (process.env.GANALYTICSCODE || '').trim()
const gaId = /^[A-Za-z0-9_-]{6,32}$/.test(ga) ? ga : ''
export default async function Layout({ children, params }: { children: React.ReactNode; params: Promise<{ locale: string }> }) {
const { locale } = await params
if (!isLocale(locale)) notFound()
const cfg = publicConfig()
return (
{/* Sets data-theme before the first paint, so a visitor who chose dark never sees a white
frame. It must be here, inline and blocking: React mounts after that paint. */}
{gaId ? (
<>
) : null}