Simply formData parsing

src/pages/api/album/create.ts

@@ -3,7 +3,7 @@ import * as s from 'superstruct'
 import prismaClient from 'utils/prisma-client'
 
 import { AlbumStatus } from '@prisma/client'
-import { Status, slug } from 'utils/form'
+import { Status, formToObject, slug } from 'utils/form'
 import { writeImg, getImgColor } from 'utils/img'
 import { handleComplete } from 'integrations/requestCat'
 import { CreateAlbum } from 'schemas/album'
@@ -17,10 +17,10 @@ export const POST: APIRoute = async ({ request, locals }) => {
   let body
   try {
     const formData = await request.formData()
-    const data = formData.get('data') as string
+    const formObject = formToObject(formData)
-    const cover = formData.get('cover')
+    const { data, ...rest } = formObject
-    const formObject = { cover, ...JSON.parse(data) }
+
-    body = s.create(formObject, CreateAlbum)
+    body = s.create({ ...JSON.parse(data), ...rest }, CreateAlbum)
   } catch (err) {
     return Status(422, (err as Error).message)
   }

src/utils/form.ts

@@ -2,3 +2,13 @@ import slugify from 'slugify'
 
 export const Status = (status: number, statusText?: string) => new Response(null, { status, statusText })
 export const slug = (text: string) => slugify(text, { lower: true, strict: true })
+
+export function formToObject(formData: FormData) {
+  const object: Record<string, any> = {}
+  for (const entry of formData.entries()) {
+    const [key, value] = entry
+    object[key] = value
+  }
+
+  return object
+}