Merge branch 'ryanto:master' into master

ryanto · Oct 9, 2023 · 9c42074 · 9c42074
2 parents 3051b61 + 4391c7c
commit 9c42074
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/packages/docs-site/src/pages/use-s3-upload.mdx b/packages/docs-site/src/pages/use-s3-upload.mdx
@@ -58,3 +58,4 @@ The `files` array returned from `useS3Upload()` contains a list of files that ar
 | `uploaded` | An integer representing the total number of bytes that been uploaded so far.                              |
 | `size`     | An integer representing the total size of the file.                                                       |
 | `progress` | The percentage (between 0 and 100) of the file that has been uploaded.                                    |
+| `id`       | A unique identifier for the file.                                                                         |
diff --git a/packages/next-s3-upload/package.json b/packages/next-s3-upload/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.3.0",
+  "version": "0.3.2",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

diff --git a/packages/next-s3-upload/src/hooks/use-upload-files.tsx b/packages/next-s3-upload/src/hooks/use-upload-files.tsx
@@ -1,12 +1,14 @@
 import React from 'react';
 import { FileInput } from '../components/file-input';
 import { useRef, useState } from 'react';
+import { uuid } from '../utils/keys';
 
 type TrackedFile = {
   file: File;
   progress: number;
   uploaded: number;
   size: number;
+  id: string;
 };
 
 export const useUploadFiles = () => {
@@ -31,6 +33,7 @@ export const useUploadFiles = () => {
           ? {
               file,
               uploaded,
+              id: trackedFile.id,
               size: file.size,
               progress: file.size ? (uploaded / file.size) * 100 : 0,
             }
@@ -42,7 +45,13 @@ export const useUploadFiles = () => {
   let addFile = (file: File) => {
     setFiles(files => [
       ...files,
-      { file, progress: 0, uploaded: 0, size: file.size },
+      {
+        file,
+        progress: 0,
+        uploaded: 0,
+        size: file.size,
+        id: uuid(),
+      },
     ]);
   };