fix(blob): support customMetadata in proxy on put() (#231)

src/runtime/blob/server/api/_hub/blob/[...pathname].put.ts

@@ -15,7 +15,7 @@ export default eventHandler(async (event) => {
   const query = getQuery(event)
 
   const contentType = getHeader(event, 'content-type')
-  const contentLength = Number(getHeader(event, 'content-length') || '0')
+  const contentLength = getHeader(event, 'content-length') || '0'
 
   const options = { ...query }
   if (!options.contentType) {
@@ -24,9 +24,16 @@ export default eventHandler(async (event) => {
   if (!options.contentLength) {
     options.contentLength = contentLength
   }
+  if (typeof options.customMetadata === 'string') {
+    try {
+      options.customMetadata = JSON.parse(options.customMetadata)
+    } catch (e) {
+      options.customMetadata = {}
+    }
+  }
 
   const stream = getRequestWebStream(event)!
-  const body = await streamToArrayBuffer(stream, contentLength)
+  const body = await streamToArrayBuffer(stream, Number(contentLength))
 
   return hubBlob().put(pathname, body, options)
 })

test/blob.test.ts

@@ -75,6 +75,32 @@ describe('Blob', async () => {
     })
   })
 
+  describe('Put', () => {
+    it('single file with custom metadata', async () => {
+      const image = images[0]
+      const file = await fs.readFile(fileURLToPath(new URL('./fixtures/blob/public/' + image.pathname, import.meta.url)))
+      const result = await $fetch(`/api/_hub/blob/${image.pathname}`, {
+        method: 'PUT',
+        body: file,
+        headers: {
+          'content-type': image.contentType,
+          'content-length': image.size
+        },
+        query: {
+          customMetadata: {
+            hello: 'world'
+          }
+        }
+      })
+      expect(result).toMatchObject({
+        ...image,
+        customMetadata: {
+          hello: 'world'
+        }
+      })
+    })
+  })
+
   describe('Upload', () => {
     it('Upload single file', async () => {
       const image = images[0]