import { usePageContext } from '@graphcommerce/framer-next-pages'
import Head from 'next/head'
import type {} from '@graphcommerce/next-config'
import { Canonical, useCanonical } from './canonicalize'
// https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#directives
export type MetaRobots =
| 'noindex'
| 'nofollow'
| 'noarchive'
| 'nosnippet'
| 'notranslate'
| 'noimageindex'
| `unavailable_after:${string}`
| `max-snippet:${number}`
| `max-image-preview:${'none' | 'standard' | 'large'}`
| `max-video-preview:${number}`
type MetaRobotsAll = ['all' | 'none']
export type PageMetaProps = {
title: string
canonical?: Canonical
metaDescription?: string
metaRobots?: MetaRobotsAll | MetaRobots[]
children?: React.ReactNode
ogImage?: string | null
ogImageUseFallback?: boolean
ogType?: string | null
}
export function PageMeta(props: PageMetaProps) {
const { active } = usePageContext()
const {
children,
title,
canonical: canonicalBare,
metaDescription,
ogImage,
ogType,
ogImageUseFallback = false,
metaRobots = ['all'],
} = props
const canonical = useCanonical(canonicalBare)
if (!active) return null
return (
{title.trim()}
{metaDescription && (
<>
)}
{canonical && }
{(ogImage || ogImageUseFallback) && (
)}
{children}
)
}