chore: add cloudflare context types

Yizack · Jul 4, 2024 · 9e03d36 · 9e03d36
1 parent 890a3ac
commit 9e03d36
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -32,6 +32,7 @@
     "test:types": "vue-tsc --noEmit"
   },
   "devDependencies": {
+    "@cloudflare/workers-types": "^4.20240620.0",
     "@dargmuesli/nuxt-cookie-control": "^8.4.4",
     "@iconify-json/solar": "^1.1.9",
     "@nuxt/eslint": "^0.3.13",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/server/utils/files.ts b/server/utils/files.ts
@@ -30,8 +30,7 @@ export const uploadImage = async (file: MultiPartData | undefined, outputName: s
   }
   else if (process.env.CDN) {
     const { cloudflare } = event.context;
-    const headers = new Headers({ "Content-Type": type || "" });
-    await cloudflare.env.CDN.put(`uploads/${folder}/${finalName}`, data, { httpMetadata: headers });
+    await cloudflare.env.CDN.put(`uploads/${folder}/${finalName}`, data, { httpMetadata: { contentType: type } });
     return finalName;
   }
 };

diff --git a/types/cloudflare.d.ts b/types/cloudflare.d.ts
@@ -0,0 +1,16 @@
+import type { CfProperties, Request, ExecutionContext, R2Bucket, D1Database } from "@cloudflare/workers-types";
+
+declare module "h3" {
+  interface H3EventContext {
+    cf: CfProperties;
+    cloudflare: {
+      request: Request;
+      env: {
+        DB: D1Database;
+        BLOB: R2Bucket;
+        CDN: R2Bucket;
+      };
+      context: ExecutionContext;
+    };
+  }
+}