Add zod schema to blog mdx types

Author: hasparus

packages/web/docs/src/app/blog/blog-types.ts

@@ -1,21 +1,25 @@
-import type { StaticImageData } from 'next/image';
-import type { Author, AuthorId } from '../../authors';
+import { z } from 'zod';
+import { AuthorOrId, staticImageDataSchema } from '../../authors';
 import type { MdxFile, PageMapItem } from '../../mdx-types';
 
-type OneOrMany<T> = T | T[];
+export const VideoPath = z
+  .string()
+  .regex(/^.+\.(webm|mp4)$/) as z.ZodType<`${string}.${'webm' | 'mp4'}`>;
 
-export interface BlogFrontmatter {
-  authors: OneOrMany<AuthorId | Author>;
-  title: string;
-  date: string;
-  tags: string | string[];
-  featured?: boolean;
-  image?: VideoPath | StaticImageData;
-  thumbnail?: StaticImageData;
-  description?: string;
-}
+export type VideoPath = z.infer<typeof VideoPath>;
+
+export const BlogFrontmatter = z.object({
+  authors: z.array(AuthorOrId),
+  title: z.string(),
+  date: z.string(),
+  tags: z.union([z.string(), z.array(z.string())]),
+  featured: z.boolean().optional(),
+  image: z.union([VideoPath, staticImageDataSchema]).optional(),
+  thumbnail: staticImageDataSchema.optional(),
+  description: z.string().optional(),
+});
 
-type VideoPath = `${string}.${'webm' | 'mp4'}`;
+export type BlogFrontmatter = z.infer<typeof BlogFrontmatter>;
 
 export type BlogPostFile = Required<MdxFile<BlogFrontmatter>>;
 

packages/web/docs/src/authors/index.ts

@@ -2,31 +2,34 @@ import type { StaticImageData } from 'next/image';
 import { z } from 'zod';
 import saihajPhoto from './saihaj.webp';
 
-export type Author =
-  | {
-      name: string;
-      link: `https://${string}`;
-      twitter?: string;
-      github?: string;
-      avatar: string | StaticImageData;
-    }
-  | {
-      name: string;
-      link: `https://${string}`;
-      twitter?: string;
-      github: string;
-      // if the author has no avatar, we'll take it from GitHub
-      avatar?: string | StaticImageData;
-    };
-
-export const Author = z.object({
+const commonAuthorFields = z.object({
   name: z.string(),
   link: z.string().url(),
   twitter: z.string().optional(),
-  github: z.string().optional(),
-  avatar: z.union([z.string(), z.object({})]).optional(),
 });
 
+export const staticImageDataSchema = z.object({
+  src: z.string(),
+}) as unknown as z.ZodType<StaticImageData>;
+
+export const Author = z.intersection(
+  commonAuthorFields,
+  z.union([
+    z.object({
+      // if we have a GitHub handle, we don't require the avatar
+      avatar: z.union([z.string(), staticImageDataSchema]),
+      github: z.string().optional(),
+    }),
+    z.object({
+      github: z.string(),
+      // if the author has no avatar, we'll take it from GitHub
+      avatar: z.union([z.string(), staticImageDataSchema]).optional(),
+    }),
+  ]),
+);
+
+export type Author = z.infer<typeof Author>;
+
 export const authors = {
   kamil: {
     name: 'Kamil Kisiela',
@@ -266,3 +269,6 @@ export type AuthorId = keyof typeof authors;
 export const AuthorId = z.string().refine((val): val is AuthorId => val in authors, {
   message: `AuthorId must be one of: ${Object.keys(authors).join(', ')}`,
 });
+
+export const AuthorOrId = z.union([AuthorId, Author]);
+export type AuthorOrId = z.infer<typeof AuthorOrId>;