Calculate url based of bucket, region, and key (#100)

.gitignore

@@ -1,3 +1,4 @@
 *.log
+.vscode
 .DS_Store
 node_modules

package.json

@@ -3,6 +3,7 @@
   "workspaces": ["packages/next-s3-upload", "packages/docs-site"],
   "scripts": {
     "dev": "yarn workspace next-s3-upload start",
+    "build": "yarn workspace next-s3-upload build",
     "docs": "yarn workspace docs-site dev",
     "test": "yarn workspace docs-site cypress run"
   }

packages/docs-site/.eslintrc

@@ -2,6 +2,12 @@
   "extends": ["next", "next/core-web-vitals"],
   "rules": {
     "jsx-a11y/alt-text": "off",
-    "@next/next/no-img-element": "off"
+    "@next/next/no-img-element": "off",
+    "react/no-unknown-property": [
+      2,
+      {
+        "ignore": ["jsx"]
+      }
+    ]
   }
 }

packages/docs-site/cypress.json

@@ -1,3 +1,4 @@
 {
-  "baseUrl": "http://localhost:3000"
+  "baseUrl": "http://localhost:3000",
+  "defaultCommandTimeout": 10000
 }

packages/next-s3-upload/src/hooks/use-s3-upload.tsx

@@ -180,8 +180,13 @@ export const useS3Upload: UseS3Upload = (options = {}) => {
 
       let uploadResult = (await s3Upload.done()) as CompleteMultipartUploadCommandOutput;
 
+      let url =
+        uploadResult.Bucket && uploadResult.Key
+          ? `https://${uploadResult.Bucket}.s3.${data.region}.amazonaws.com/${uploadResult.Key}`
+          : '';
+
       return {
-        url: uploadResult.Location ?? '',
+        url,
         bucket: uploadResult.Bucket ?? '',
         key: uploadResult.Key ?? '',
       };