fix fork errors not showing

fake-snippets-api/routes/api/snippets/create.ts

@@ -16,7 +16,8 @@ export default withRouteSpec({
   }),
   jsonResponse: z.object({
     ok: z.boolean(),
-    snippet: snippetSchema,
+    snippet: snippetSchema.optional(),
+    error: z.string().optional(),
   }),
 })(async (req, ctx) => {
   let {
@@ -28,9 +29,25 @@ export default withRouteSpec({
     circuit_json,
     dts,
   } = req.jsonBody
+
   if (!unscoped_name) {
     unscoped_name = `untitled-${snippet_type}-${ctx.db.idCounter + 1}`
   }
+
+  // Check if snippet already exists for the user
+  const existingSnippet = ctx.db.snippets.find(
+    (snippet) =>
+      snippet.unscoped_name === unscoped_name &&
+      snippet.owner_name === ctx.auth.github_username,
+  )
+
+  if (existingSnippet) {
+    return ctx.json({
+      ok: false,
+      error: "You have already forked this snippet in your account.",
+    })
+  }
+
   const newSnippet: z.input<typeof snippetSchema> = {
     snippet_id: `snippet_${ctx.db.idCounter + 1}`,
     name: `${ctx.auth.github_username}/${unscoped_name}`,
@@ -46,7 +63,14 @@ export default withRouteSpec({
     dts,
   }
 
-  ctx.db.addSnippet(newSnippet)
+  try {
+    ctx.db.addSnippet(newSnippet)
+  } catch (error) {
+    return ctx.json({
+      ok: false,
+      error: `Failed to create snippet: ${error}`,
+    })
+  }
 
   return ctx.json({
     ok: true,

src/components/ViewSnippetHeader.tsx

@@ -40,6 +40,13 @@ export default function ViewSnippetHeader() {
           owner_name: session.github_username,
           code: snippet.code,
         })
+
+        if (!data.ok) {
+          throw new Error(
+            data.error || "Unknown error occurred while forking snippet.",
+          )
+        }
+
         return data.snippet
       },
       {
@@ -51,6 +58,20 @@ export default function ViewSnippetHeader() {
           onSuccess?.(forkedSnippet)
         },
         onError: (error: any) => {
+          // Check if the error message contains 'already exists'
+          if (error.message?.includes("already been forked")) {
+            toast({
+              title: "Snippet already exists",
+              description: error.message,
+              variant: "destructive", // You can style this variant differently
+            })
+          } else {
+            toast({
+              title: "Error",
+              description: "Failed to fork snippet. Please try again.",
+              variant: "destructive", // Use destructive variant for errors
+            })
+          }
           console.error("Error forking snippet:", error)
         },
       },