fix: add error handling to transfer-list API example

- Wrap fetch calls in try/catch to handle network errors gracefully
- Fix typo in searchGuests URL (exmaples → examples)
- Add explicit return values for error cases

Author: andrew-boyd

_examples/transfer-list/api.js

@@ -1,38 +1,46 @@
 export async function getGuests() {
-  const res = await fetch(
-    'https://api-formkit-docs-examples.formkit.workers.dev/guests'
-  )
-  if (res.ok) {
-    const data = await res.json()
-    if (data.data) {
-      return data.data.map((result) => {
-        return {
-          label: result.name,
-          value: result.id,
-        }
-      })
+  try {
+    const res = await fetch(
+      'https://api-formkit-docs-examples.formkit.workers.dev/guests'
+    )
+    if (res.ok) {
+      const data = await res.json()
+      if (data.data) {
+        return data.data.map((result) => {
+          return {
+            label: result.name,
+            value: result.id,
+          }
+        })
+      }
     }
+  } catch (e) {
+    // Handle network errors gracefully
   }
   return []
 }
 
 export async function paginateGuests({ page, hasNextPage }) {
-  const res = await fetch(
-    `https://api-formkit-docs-examples.formkit.workers.dev/guests?page=${page}`
-  )
-  if (res.ok) {
-    const data = await res.json()
-    if (data.data) {
-      if (data.current_page < data.total_pages) {
-        hasNextPage()
-      }
-      return data.data.map((result) => {
-        return {
-          label: result.name,
-          value: result.id,
+  try {
+    const res = await fetch(
+      `https://api-formkit-docs-examples.formkit.workers.dev/guests?page=${page}`
+    )
+    if (res.ok) {
+      const data = await res.json()
+      if (data.data) {
+        if (data.current_page < data.total_pages) {
+          hasNextPage()
         }
-      })
+        return data.data.map((result) => {
+          return {
+            label: result.name,
+            value: result.id,
+          }
+        })
+      }
     }
+  } catch (e) {
+    // Handle network errors gracefully
   }
   return []
 }
@@ -41,56 +49,70 @@ export async function searchGuests({ search }) {
   if (!search) {
     return []
   }
-  const res = await fetch(
-    `https://api-formkit-docs-exmaples.formkit.workers.dev/guests?search=${search}`
-  )
-  if (res.ok) {
-    const data = await res.json()
-    if (data.data) {
-      return data.data.map((result) => {
-        return {
-          label: result.name,
-          value: result.id,
-        }
-      })
+  try {
+    const res = await fetch(
+      `https://api-formkit-docs-examples.formkit.workers.dev/guests?search=${search}`
+    )
+    if (res.ok) {
+      const data = await res.json()
+      if (data.data) {
+        return data.data.map((result) => {
+          return {
+            label: result.name,
+            value: result.id,
+          }
+        })
+      }
     }
+  } catch (e) {
+    // Handle network errors gracefully
   }
   return []
 }
 
 export async function getGuest(id, cachedOption) {
   if (cachedOption) return cachedOption
-  const res = await fetch(
-    `https://api-formkit-docs-examples.formkit.workers.dev/guests/${id}`
-  )
-  if (res.ok) {
-    const data = await res.json()
-    if (data.data) {
-      return {
-        label: data.data.name,
-        value: data.data.id,
+  try {
+    const res = await fetch(
+      `https://api-formkit-docs-examples.formkit.workers.dev/guests/${id}`
+    )
+    if (res.ok) {
+      const data = await res.json()
+      if (data.data) {
+        return {
+          label: data.data.name,
+          value: data.data.id,
+        }
       }
     }
+  } catch (e) {
+    // Handle network errors gracefully
   }
+  return null
 }
 
 export async function loadGuest(id, cachedOption) {
   if (cachedOption && cachedOption.hasLoaded) return cachedOption
-  const res = await fetch(
-    `https://api-formkit-docs-examples.formkit.workers.dev/guests/${id}`
-  )
-  if (res.ok) {
-    const data = await res.json()
-    if (data.data) {
-      return {
-        name: data.data.name,
-        label: data.data.name + ` (age ${data.data.age})`,
-        value: data.data.id,
-        age: data.data.age,
-        phone: data.data.phone,
-        email: data.data.email,
-        hasLoaded: true,
+  try {
+    const res = await fetch(
+      `https://api-formkit-docs-examples.formkit.workers.dev/guests/${id}`
+    )
+    if (res.ok) {
+      const data = await res.json()
+      if (data.data) {
+        return {
+          name: data.data.name,
+          label: data.data.name + ` (age ${data.data.age})`,
+          value: data.data.id,
+          age: data.data.age,
+          phone: data.data.phone,
+          email: data.data.email,
+          hasLoaded: true,
+        }
       }
     }
+  } catch (e) {
+    // Handle network errors gracefully
   }
+  return null
 }