wrangler.ts

export default {
  async fetch(request:any, env:any) {
    const url = new URL(request.url);
    const key = url.pathname.slice(1);

    const corsHeaders = {
      "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Methods": "PUT, GET, DELETE, OPTIONS",
      "Access-Control-Allow-Headers": "*"
    };

    if (request.method === "OPTIONS") {
      return new Response(null, { headers: corsHeaders });
    }

    switch (request.method) {
      case "PUT":
        await env.MF_BUCKET.put(key, request.body);
        return new Response(`Put ${key} successfully!`, { headers: corsHeaders });

      case "GET":
        const object = await env.MF_BUCKET.get(key);

        if (!object) {
          return new Response("Object Not Found", { status: 404, headers: corsHeaders });
        }

        const headers = new Headers(corsHeaders);
        object.writeHttpMetadata(headers);
        headers.set("etag", object.httpEtag);

        // Ensure the correct MIME type is set
        const extension = key.split('.').pop().toLowerCase();
        const mimeTypes = {
          "html": "text/html",
          "css": "text/css",
          "js": "application/javascript",
          "json": "application/json",
          "png": "image/png",
          "jpg": "image/jpeg",
          "jpeg": "image/jpeg",
          "gif": "image/gif",
          "svg": "image/svg+xml",
          "txt": "text/plain",
          "ico": "image/x-icon",
          "woff": "font/woff",
          "woff2": "font/woff2",
          "ttf": "font/ttf",
          "otf": "font/otf",
          "eot": "application/vnd.ms-fontobject"
        };

        const contentType = mimeTypes[extension] || "application/octet-stream";
        headers.set("Content-Type", contentType);

        return new Response(object.body, { headers });

      case "DELETE":
        await env.MF_BUCKET.delete(key);
        return new Response("Deleted!", { headers: corsHeaders });

      default:
        return new Response("Method Not Allowed", {
          status: 405,
          headers: { ...corsHeaders, Allow: "PUT, GET, DELETE, OPTIONS" },
        });
    }
  },
};