chore(api): add error handling to /props API

Author: wise-king-sullyman

src/pages/props.ts

@@ -1,14 +1,31 @@
 import { fetchProps } from '../utils/propsData/fetch'
+import { createJsonResponse } from '../utils/apiHelpers'
 
 export const prerender = false
 
 export async function GET({ request }: { request: Request }) {
   const url = new URL(request.url)
-  const props = await fetchProps(url)
 
   const components = url.searchParams.get('components')
-  const componentsArray = components?.split(',')
-  const propsData = componentsArray?.map((component) => props[component])
+  if (!components) {
+    return createJsonResponse(
+      { error: 'components query parameter is required' },
+      400,
+    )
+  }
 
-  return new Response(JSON.stringify(propsData))
+  try {
+    const props = await fetchProps(url)
+    const propsData = components
+      .split(',')
+      .map((component) => props[component.trim()])
+
+    return createJsonResponse(propsData)
+  } catch (error) {
+    const details = error instanceof Error ? error.message : String(error)
+    return createJsonResponse(
+      { error: 'Failed to load props data', details },
+      500,
+    )
+  }
 }