/**
* WebsiteRenderer
*
* Top-level renderer that sets up theme styles and renders pages.
* Manages scroll memory for navigation and optional analytics.
*/
import React from 'react'
import PageRenderer from './PageRenderer.jsx'
import ThemeProvider from './ThemeProvider.jsx'
import { useRememberScroll } from '../hooks/useRememberScroll.js'
import { useLinkInterceptor } from '../hooks/useLinkInterceptor.js'
import { usePageView } from '../hooks/usePageView.js'
import { useOutboundClicks } from '../hooks/useOutboundClicks.js'
import { useSectionClicks } from '../hooks/useSectionClicks.js'
/**
* WebsiteRenderer component
*/
export default function WebsiteRenderer() {
const website = globalThis.uniweb.activeWebsite
// The appearance scheme is applied in initRuntime, before React renders — not
// here. This component used to re-apply `appearance.default` from an effect,
// which ran after kit's useAppearance() effect (React runs child effects
// first) and silently discarded the visitor's stored preference on every page
// load. See appearance.js.
// Enable SPA navigation for links rendered as plain HTML
useLinkInterceptor({ enabled: true })
// Enable scroll memory for navigation
useRememberScroll({ enabled: true })
// Report page views when the site has a tracking destination. Safe to call
// unconditionally — with no destination configured (the default) the tracker
// is disabled and this does nothing at all.
usePageView()
// Report where visitors go when they leave. Same unconditional-call contract
// as usePageView, and armed once for the document rather than per route — the
// listener is delegated on `document` and outlives SPA navigation.
useOutboundClicks()
// Which sections visitors interact with. Same contract and the same arming
// condition, so it shares the chunk — but a separate `arms()` call, because a
// host may consume one of the two and not the other.
useSectionClicks()
if (!website) {
return (
Loading website...
)
}
// Theme CSS (pre-generated during build).
// Font tags are injected into by the build pipeline (assembler)
// or by DynamicApp.jsx (editor preview) — not handled by React.
const themeCSS = website.themeData?.css
return (
)
}