enricobuehler
72ca0419db
apple / swift (push) Successful in 54s
ci / rust (push) Successful in 1m32s
ci / web (push) Successful in 30s
ci / docs-site (push) Successful in 40s
android / android (push) Successful in 3m14s
deb / build-publish (push) Successful in 3m5s
decky / build-publish (push) Successful in 11s
docker / build-push (--build-arg FEDORA_VERSION=44, ci, ci/fedora-rpm.Dockerfile, punktfunk-fedora44-rpm) (push) Successful in 5s
docker / build-push (., web/Dockerfile, punktfunk-web) (push) Successful in 4s
docker / build-push (ci, ci/fedora-rpm.Dockerfile, punktfunk-fedora-rpm) (push) Successful in 4s
docker / build-push (ci, ci/rust-ci.Dockerfile, punktfunk-rust-ci) (push) Successful in 4s
docker / build-push (docs-site, docs-site/Dockerfile, punktfunk-docs) (push) Successful in 24s
ci / bench (push) Successful in 4m44s
rpm / build-publish (bazzite, punktfunk-fedora-rpm) (push) Successful in 8m55s
rpm / build-publish (fedora-44, punktfunk-fedora44-rpm) (push) Successful in 8m42s
docker / deploy-docs (push) Successful in 19s
Pull the same footer from the shared unom CMS global (cms.unom.io) and render it globally under both the home and docs layouts. Read-only typed fetch in a server-side root loader (falls back to null on a CMS hiccup). Root-relative links target the marketing site, so they're resolved against its origin (the docs don't host /legal/* etc.); themed with Fumadocs tokens for light/dark. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
67 lines
1.8 KiB
TypeScript
67 lines
1.8 KiB
TypeScript
/// <reference types="vite/client" />
|
|
import { createRootRoute, HeadContent, Outlet, Scripts } from '@tanstack/react-router'
|
|
import { createServerFn } from '@tanstack/react-start'
|
|
import * as React from 'react'
|
|
import { RootProvider } from 'fumadocs-ui/provider/tanstack'
|
|
import '@fontsource-variable/geist'
|
|
import Footer from '@/components/Footer'
|
|
import { type Footer as FooterData, findFooter } from '@/lib/cms'
|
|
import appCss from '@/styles/app.css?url'
|
|
|
|
// The footer is global and shared with the marketing site (one CMS global).
|
|
// Fetch it once at the root, server-side, falling back to null so a CMS hiccup
|
|
// never breaks the page.
|
|
const getFooter = createServerFn({ method: 'GET' }).handler(
|
|
async (): Promise<FooterData | null> => {
|
|
try {
|
|
return await findFooter()
|
|
} catch {
|
|
return null
|
|
}
|
|
},
|
|
)
|
|
|
|
export const Route = createRootRoute({
|
|
loader: async (): Promise<{ footer: FooterData | null }> => ({
|
|
footer: await getFooter(),
|
|
}),
|
|
head: () => ({
|
|
meta: [
|
|
{ charSet: 'utf-8' },
|
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
|
|
{ name: 'color-scheme', content: 'dark light' },
|
|
{ title: 'punktfunk docs' },
|
|
],
|
|
links: [
|
|
{ rel: 'stylesheet', href: appCss },
|
|
{ rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
|
|
],
|
|
}),
|
|
component: RootComponent,
|
|
})
|
|
|
|
function RootComponent() {
|
|
return (
|
|
<RootDocument>
|
|
<Outlet />
|
|
</RootDocument>
|
|
)
|
|
}
|
|
|
|
function RootDocument({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<head>
|
|
<HeadContent />
|
|
</head>
|
|
<body className="flex flex-col min-h-screen">
|
|
<RootProvider>
|
|
{children}
|
|
<Footer />
|
|
</RootProvider>
|
|
<Scripts />
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|