Add CORS browser support for search edge function

Temporary solution for now; we should use a fat function in the future

supabase/functions/lib/utils/build-response-proxy.ts

@@ -1,10 +1,12 @@
+import { corsHeaders } from "./cors.ts";
+
 export default function buildResponseProxy(data: object, status: number = 200) {
   const dataStr = JSON.stringify(data);
   console.info(`Proxy response ${status}: ${dataStr}`);
   return {
     body: dataStr,
     init: {
-      headers: { "Content-Type": "application/json" },
+      headers: { ...corsHeaders, "Content-Type": "application/json" },
       status,
     },
   };

supabase/functions/lib/utils/build-response.ts

@@ -1,8 +1,10 @@
+import { corsHeaders } from "./cors.ts";
+
 export function buildResponse(data: object, status: number = 200) {
   const dataStr = JSON.stringify(data);
   console.info(`Response ${status}: ${dataStr}`);
   return new Response(dataStr, {
-    headers: { "Content-Type": "application/json" },
+    headers: { ...corsHeaders, "Content-Type": "application/json" },
     status,
   });
 }

supabase/functions/lib/utils/cors.ts

@@ -0,0 +1,5 @@
+export const corsHeaders = {
+  "Access-Control-Allow-Origin": "*",
+  "Access-Control-Allow-Headers":
+    "authorization, x-client-info, apikey, content-type",
+};

supabase/functions/search/index.ts

@@ -2,6 +2,7 @@ import "https://esm.sh/@supabase/functions-js/src/edge-runtime.d.ts";
 import { createSupabase } from "../lib/utils/create-supabase.ts";
 import { SupabaseClient } from "https://esm.sh/v135/@supabase/[email protected]/dist/module/index.d.ts";
 import { buildResponse } from "../lib/utils/build-response.ts";
+import { corsHeaders } from "../lib/utils/cors.ts";
 
 type ClientFriendlyData = {
   href: string;
@@ -58,6 +59,10 @@ async function getBillSearchResults(
 }
 
 Deno.serve(async (req) => {
+  if (req.method === "OPTIONS") {
+    return new Response("ok", { headers: corsHeaders });
+  }
+
   const supabase = createSupabase();
 
   const { query } = await req.json();