scapegoat/Docs2.git

			@@ -1,40 +1,53 @@
			import { resolveToRoot } from "../path"
			import { StaticResources } from "../resources"
			import { i18n } from "../i18n"
			import { FullSlug, joinSegments, pathToRoot } from "../util/path"
			import { JSResourceToScriptElement } from "../util/resources"
			import { googleFontHref } from "../util/theme"
			import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"

			export interface HeadProps {
			title: string
			description: string
			slug: string
			externalResources: StaticResources
			}
			export default (() => {
			const Head: QuartzComponent = ({ cfg, fileData, externalResources }: QuartzComponentProps) => {
			const title =
			(fileData.frontmatter?.title ?? i18n(cfg.locale).propertyDefaults.title) + cfg.pageTitleSuffix
			const description =
			fileData.description?.trim() ?? i18n(cfg.locale).propertyDefaults.description
			const { css, js } = externalResources

			export default function({ title, description, slug, externalResources }: HeadProps) {
			const { css, js } = externalResources
			const baseDir = resolveToRoot(slug)
			const iconPath = baseDir + "/static/icon.png"
			const ogImagePath = baseDir + "/static/og-image.png"
			return <head>
			<title>{title}</title>
			<meta charSet="utf-8" />
			<meta name="viewport" content="width=device-width, initial-scale=1" />
			<meta property="og:title" content={title} />
			<meta property="og:description" content={title} />
			<meta property="og:image" content={ogImagePath} />
			<meta property="og:width" content="1200" />
			<meta property="og:height" content="675" />
			<link rel="icon" href={iconPath} />
			<meta name="description" content={description} />
			<meta name="generator" content="Quartz" />
			<base href={slug} />
			{css.map(href => <link key={href} href={href} rel="stylesheet" type="text/css" />)}
			{js.filter(resource => resource.loadTime === "beforeDOMReady").map(resource => <script key={resource.src} src={resource.src} />)}
			</head>
			}
			const url = new URL(`https://${cfg.baseUrl ?? "example.com"}`)
			const path = url.pathname as FullSlug
			const baseDir = fileData.slug === "404" ? path : pathToRoot(fileData.slug!)

			export function beforeDOMLoaded() {
			const iconPath = joinSegments(baseDir, "static/icon.png")
			const ogImagePath = `https://${cfg.baseUrl}/static/og-image.png`

			}
			return (
			<head>
			<title>{title}</title>
			<meta charSet="utf-8" />
			{cfg.theme.cdnCaching && cfg.theme.fontOrigin === "googleFonts" && (
			<>
			<link rel="preconnect" href="https://fonts.googleapis.com" />
			<link rel="preconnect" href="https://fonts.gstatic.com" />
			<link rel="stylesheet" href={googleFontHref(cfg.theme)} />
			</>
			)}
			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
			<meta property="og:title" content={title} />
			<meta property="og:description" content={description} />
			{cfg.baseUrl && <meta property="og:image" content={ogImagePath} />}
			<meta property="og:width" content="1200" />
			<meta property="og:height" content="675" />
			<link rel="icon" href={iconPath} />
			<meta name="description" content={description} />
			<meta name="generator" content="Quartz" />
			{css.map((href) => (
			<link key={href} href={href} rel="stylesheet" type="text/css" spa-preserve />
			))}
			{js
			.filter((resource) => resource.loadTime === "beforeDOMReady")
			.map((res) => JSResourceToScriptElement(res, true))}
			</head>
			)
			}

			export function onDOMLoaded() {

			}
			return Head
			}) satisfies QuartzComponentConstructor