Enable CMS-managed site images

src/content.config.ts

@@ -1,6 +1,11 @@
 import { defineCollection, z } from 'astro:content';
 import { glob } from 'astro/loaders';
 
+const optionalCmsImage = z.preprocess(
+  (value) => value === '' || value === null ? undefined : value,
+  z.string().regex(/^\/images\/uploads\/[A-Za-z0-9][A-Za-z0-9._-]*\.(?:jpe?g|png|webp|avif)$/).optional(),
+);
+
 const blog = defineCollection({
   loader: glob({ base: './sites/blog/content/posts', pattern: '**/*.md' }),
   schema: z.object({
@@ -40,10 +45,28 @@ const team = defineCollection({
   schema: z.object({
     name: z.string().min(3).max(80),
     role: z.string().min(3).max(80),
-    image: z.string().startsWith('/images/'),
+    image: optionalCmsImage,
     order: z.number().int().min(0).max(99).default(0),
     draft: z.boolean().default(false),
   }),
 });
 
-export const collections = { blog, faq, services, team };
+const pageImages = defineCollection({
+  loader: glob({ base: './sites/www/content/page-images', pattern: '**/*.md' }),
+  schema: z.object({
+    homeHeroImage: optionalCmsImage,
+    homeHeroImageAlt: z.string().min(8).max(180),
+    homeStoryImage: optionalCmsImage,
+    homeStoryImageAlt: z.string().min(8).max(180),
+    aboutHeroImage: optionalCmsImage,
+    aboutHeroImageAlt: z.string().min(8).max(180),
+    aboutStoryImage: optionalCmsImage,
+    aboutStoryImageAlt: z.string().min(8).max(180),
+    servicesHeroImage: optionalCmsImage,
+    servicesHeroImageAlt: z.string().min(8).max(180),
+    contactHeroImage: optionalCmsImage,
+    contactHeroImageAlt: z.string().min(8).max(180),
+  }),
+});
+
+export const collections = { blog, faq, services, team, pageImages };