import { createRootRouteWithContext, HeadContent, Outlet, Scripts, useRouterState, } from "@tanstack/react-router" // @wpr:auth import { AuthProvider } from "@wp-reactor/auth" // @wpr:end import { GraphQLClientProvider } from "@wp-reactor/headless-core" import "../styles.css" // @wpr:auth import { authOperations } from "@/authOps" // @wpr:end import Footer from "@/layout/Footer" import Header from "@/layout/Header" import type { RouterContext } from "@/router" export const Route = createRootRouteWithContext()({ head: () => ({ meta: [ { charSet: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1" }, { title: "WP Reactor" }, ], }), loader: ({ context }) => context.queryClient.ensureQueryData( context.platform.layout.menusQueryOptions(), ), component: RootComponent, }) function RootComponent() { const { graphqlClient, graphqlReadClient } = Route.useRouteContext() // `/preview` est l'iframe de live-preview de l'éditeur Gutenberg : elle rend le // bloc seul, sans la chrome du site qui fausserait le cadrage. const isPreviewRoute = useRouterState({ select: (state) => state.location.pathname === "/preview", }) return ( {/* @wpr:auth:wrap */} {isPreviewRoute ? ( ) : ( <>