add file upload support

src/lib/agents/evalBuilder.ts

@@ -7,43 +7,34 @@ export async function evalBuilder(
   files: FileList | null,
   updateCallback: (message: string, data: undefined | string | Blob) => void
 ) {
-  let filetype = "";
-
-  if (files && files[0].type.startsWith("image")) {
-    filetype = "image";
-  } else if (files && files[0].type.startsWith("audio")) {
-    filetype = "audio";
-  }
-
   async function wrapperEval() {
-    if (filetype !== "") {
+    if (files && files.length > 0) {
       // @ts-ignore
-      globalThis[filetype] = await files[0];
+      globalThis["file"] = await files[0];
     }
-  }
 
-  // add tools to context
-  for (const tool of tools) {
-    // @ts-ignore
-    globalThis[tool.name] = tool.call;
-  }
+    // add tools to context
+    for (const tool of tools) {
+      // @ts-ignore
+      globalThis[tool.name] = tool.call;
+    }
 
-  // @ts-ignore
-  globalThis["message"] = updateCallback;
+    // @ts-ignore
+    globalThis["message"] = updateCallback;
 
-  const returnString = "\nreturn await generate(" + filetype + ");";
+    const returnString = "\nreturn await generate(file);";
 
-  await Object.getPrototypeOf(async function () {}).constructor(
-    code + returnString
-  )();
+    await Object.getPrototypeOf(async function () {}).constructor(
+      code + returnString
+    )();
 
-  // clean up tools
-  for (const tool of tools) {
-    // @ts-ignore
-    delete globalThis[tool.name];
-    // @ts-ignore
-    delete globalThis[filetype];
+    // clean up tools
+    for (const tool of tools) {
+      // @ts-ignore
+      delete globalThis[tool.name];
+      // @ts-ignore
+      delete globalThis["file"];
+    }
   }
-
   return wrapperEval;
 }

src/routes/+page.svelte

@@ -86,7 +86,7 @@
     bind:value={prompt}
   />
 
-  <!-- <FileUpload bind:files /> -->
+  <FileUpload bind:files />
 
   <button
     class="btn btn-primary mt-auto w-fit mx-auto"