better error

src/lib/agents/generateCode.ts

@@ -18,9 +18,13 @@ export async function generateCode(
 
   const textAnswer = await llm.call(fullprompt);
 
-  const regex = /```(.*?)```/gs;
-  const matches = [...textAnswer.matchAll(regex)];
+  try {
+    const regex = /```(.*?)```/gs;
+    const matches = [...textAnswer.matchAll(regex)];
 
-  const codeBlocks = matches.map((match) => match[1]);
-  return codeBlocks[0].replace("js\n", "") ?? "nothing";
+    const codeBlocks = matches.map((match) => match[1]);
+    return codeBlocks[0].replace("js\n", "") ?? "nothing";
+  } catch {
+    throw new Error("The generated text doesn't contain any code blocks.");
+  }
 }

src/lib/components/ApiKeyModal.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { HF_ACCESS_TOKEN, OPENAI_API_KEY } from "$lib/store";
+  import { goto } from "$app/navigation";
 
   let dialogElement: HTMLDialogElement;
 
@@ -21,6 +22,7 @@
     } else {
       localStorage.setItem("HF_ACCESS_TOKEN", $HF_ACCESS_TOKEN);
       localStorage.setItem("OPENAI_API_KEY", $OPENAI_API_KEY);
+      goto("/");
     }
   }}
 >

src/routes/+page.svelte

@@ -10,7 +10,6 @@
   import LlmSelector from "$lib/components/LLMSelector.svelte";
   import type { LLM } from "$lib/types";
   import { HFLLM } from "$lib/agents/llm";
-  import { get } from "svelte/store";
   import { OPENAI_API_KEY } from "$lib/store";
 
   let prompt =
@@ -68,7 +67,7 @@
     <h1 class="text-3xl font-semibold w-fit mx-auto">Agents.js</h1>
   </div>
 
-  {#if get(OPENAI_API_KEY) !== ""}
+  {#if $OPENAI_API_KEY !== ""}
     <div class="divider" />
     <LlmSelector bind:llm />
   {/if}