import { z } from 'astro/zod'; import yaml from 'js-yaml'; export const HeadConfigSchema = ({ source, }: { /** * Depending on the content being validated, either a user's config or a page's frontmatter, * different error messages will be shown. */ source: 'config' | 'content'; }) => z .array( z .object({ /** Name of the HTML tag to add to ``, e.g. `'meta'`, `'link'`, or `'script'`. */ tag: z.enum(['title', 'base', 'link', 'style', 'meta', 'script', 'noscript', 'template']), /** Attributes to set on the tag, e.g. `{ rel: 'stylesheet', href: '/custom.css' }`. */ attrs: z.record(z.string(), z.union([z.string(), z.boolean(), z.undefined()])).optional(), /** Content to place inside the tag (optional). */ content: z.string().optional(), }) .superRefine((config, ctx) => { if (config.tag !== 'meta' || config.content === undefined) return; const { content, ...rest } = config; const correctTag = { ...rest, attrs: { ...(config.attrs ?? { name: 'identifier' }), content: config.content }, }; const code = source === 'config' ? JSON.stringify(correctTag, null, 2) : yaml.dump([correctTag]); ctx.issues.push({ code: 'custom', message: `The \`head\` configuration includes a \`meta\` tag with \`content\` which is invalid HTML.\n` + `You should instead use a \`content\` attribute ` + (Object.keys(rest.attrs ?? {}).length === 0 ? 'with an additional attribute such as `name`, `property`, or `http-equiv` to identify the kind of metadata it represents ' : '') + `in the \`attrs\` object:\n\n` + code, input: config, }); }) ) .default([]); export type HeadUserConfig = z.input>; export type HeadConfig = z.output>;