---
import smartypants from 'smartypants';
import siteInfo from '../../data/site-info';
import FontPreload from './FontPreload.astro';
import SEO from './SEO.astro';
import Favicon from '/media/polyfrost/minimal_bg.svg?url';

export type Props = {
	title?: string;
	description?: string;
	image?: { src: string; alt: string };
	canonicalURL?: URL | null;
	pageType?: 'website' | 'article';
};

const twitterHandle = 'polyfrost';

const {
	description = siteInfo.description,
	image = siteInfo.image,
	canonicalURL = new URL(Astro.request.url, Astro.site),
	pageType = 'website',
} = Astro.props;

const title = [Astro.props.title, siteInfo.name].filter(Boolean).join(' | ');
const resolvedImage = {
	src: new URL(image.src, Astro.site).toString(),
	alt: image.alt,
};
---

<!-- High Priority Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title set:html={smartypants(title, 1)} />
<meta name="generator" content={Astro.generator} />

<!-- Font Preloads -->
<FontPreload />

<!-- Low Priority Global Metadata -->
<link rel="icon" type="image/svg+xml" href={Favicon}/>
<link rel="sitemap" href="/sitemap-index.xml" />
<link rel="mask-icon" href="/media/polyfrost/minimal_bg.svg" />
<link rel="alternate" type="application/rss+xml" href="/rss.xml" title="RSS" />

<SEO
	name={siteInfo.name}
	title={title}
	description={description}
	image={resolvedImage}
	twitter={{ handle: twitterHandle }}
	og={{ type: pageType }}
	canonicalURL={canonicalURL}
/>