import { createFileRoute, notFound } from "@tanstack/react-router"
import { buildRankMathHead } from "@wp-reactor/editorial"
import { Content } from "@/editorial/components/Content"
import { seoHeadOptions } from "@/editorial/model/seo"

// Home pilotée par WordPress, comme `$uri` mais sur l'URI racine. La page
// d'accueil statique est posée par `docker:bootstrap` (option `page_on_front`)
// puis éditable dans wp-admin ; `Content` dispatche ses blocs via le registre.
export const Route = createFileRoute("/")({
	loader: async ({ context }) => {
		const node = await context.queryClient.ensureQueryData(
			context.platform.page.byUriQueryOptions(`/`),
		)
		if (!node) throw notFound()
		return { node }
	},
	head: ({ loaderData }) =>
		buildRankMathHead(loaderData?.node.seo, seoHeadOptions),
	component: HomePage,
})

function HomePage() {
	const { node } = Route.useLoaderData()
	return <Content page={node} />
}