@sparkstudio/storage-ui 1.0.8 → 1.0.11

package/dist/index.cjs

@@ -109,8 +109,23 @@ var Container = class {
     if (!response.ok) throw new Error(await response.text());
     return await response.json();
   }
-  async Delete(id) {
-    const url = `${this.baseUrl}/api/Container/Delete/` + id;
+  async DeleteS3(containerDTO) {
+    const url = `${this.baseUrl}/api/Container/DeleteS3`;
+    const token = localStorage.getItem("auth_token");
+    const requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...token && { Authorization: `Bearer ${token}` }
+      },
+      body: JSON.stringify(containerDTO)
+    };
+    const response = await fetch(url, requestOptions);
+    if (!response.ok) throw new Error(await response.text());
+    return await response.json();
+  }
+  async DeleteContainer(id) {
+    const url = `${this.baseUrl}/api/Container/DeleteContainer/` + id;
     const token = localStorage.getItem("auth_token");
     const requestOptions = {
       method: "GET",
@@ -123,8 +138,8 @@ var Container = class {
     if (!response.ok) throw new Error(await response.text());
     return await response.json();
   }
-  async GetPreSignedUrl(fileName, size, contentType) {
-    const url = `${this.baseUrl}/api/Container/GetPreSignedUrl/` + fileName + `/` + size + `/` + contentType;
+  async CreateFileContainer(fileName, size, contentType) {
+    const url = `${this.baseUrl}/api/Container/CreateFileContainer/` + fileName + `/` + size + `/` + contentType;
     const token = localStorage.getItem("auth_token");
     const requestOptions = {
       method: "GET",
@@ -137,6 +152,21 @@ var Container = class {
     if (!response.ok) throw new Error(await response.text());
     return await response.json();
   }
+  async GetPreSignedUrl(containerDTO) {
+    const url = `${this.baseUrl}/api/Container/GetPreSignedUrl`;
+    const token = localStorage.getItem("auth_token");
+    const requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...token && { Authorization: `Bearer ${token}` }
+      },
+      body: JSON.stringify(containerDTO)
+    };
+    const response = await fetch(url, requestOptions);
+    if (!response.ok) throw new Error(await response.text());
+    return await response.json();
+  }
 };
 
 // src/api/Controllers/Home.ts
@@ -240,17 +270,18 @@ var UploadContainer = ({
         throw new Error("getPresignedUrl is not provided.");
       }
       const presignedUrl = await getPresignedUrl(upload.file);
-      await uploadFileToS3(upload.file, presignedUrl, (progress) => {
+      const url = presignedUrl?.PresignedUrl ?? "";
+      await uploadFileToS3(upload.file, url, (progress) => {
         setUploads(
           (prev) => prev.map(
             (u) => u.id === upload.id ? { ...u, progress } : u
           )
         );
       });
-      const fileUrl = presignedUrl.split("?")[0];
+      const fileUrl = url.split("?")[0];
       setUploads(
         (prev) => prev.map(
-          (u) => u.id === upload.id ? { ...u, status: "success", progress: 100, s3Url: fileUrl } : u
+          (u) => u.id === upload.id ? { ...u, status: "success", progress: 100, s3Url: fileUrl, publicUrl: presignedUrl.PublicUrl } : u
         )
       );
       onUploadComplete?.(upload.file, fileUrl);
@@ -331,7 +362,11 @@ var UploadContainer = ({
     ] }),
     uploads.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-3", children: uploads.map((u) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "d-flex justify-content-between small mb-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: u.file.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          u.file.name,
+          " - ",
+          u?.publicUrl ?? ""
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: u.status === "success" ? "Completed" : u.status === "error" ? "Error" : `${u.progress}%` })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "progress", style: { height: "6px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -387,9 +422,11 @@ function HomeView() {
     alert(user?.Id);
   }
   const getPresignedUrl = async (file) => {
-    const sdk = new SparkStudioStorageSDK("https://localhost:5001");
-    const result = await sdk.container.GetPreSignedUrl(file.name, file.size, encodeURIComponent(file.type));
-    return result?.PresignedUrl ?? "";
+    const sdkDb = new SparkStudioStorageSDK("https://lf9zyufpuk.execute-api.us-east-2.amazonaws.com/Prod");
+    const sdkS3 = new SparkStudioStorageSDK("https://iq0gmcn0pd.execute-api.us-east-2.amazonaws.com/Prod");
+    const containerDTO = await sdkDb.container.CreateFileContainer(file.name, file.size, encodeURIComponent(file.type));
+    const resultS3 = await sdkS3.container.GetPreSignedUrl(containerDTO);
+    return resultS3;
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     import_authentication_ui.AuthenticatorProvider,

package/dist/index.d.cts

@@ -60,8 +60,10 @@ declare class Container {
     Read(id: string): Promise<ContainerDTO>;
     Create(containerDTO: ContainerDTO): Promise<ContainerDTO>;
     Update(containerDTO: ContainerDTO): Promise<ContainerDTO>;
-    Delete(id: string): Promise<ContainerDTO>;
-    GetPreSignedUrl(fileName: string, size: number, contentType: string): Promise<AWSPresignedUrlDTO>;
+    DeleteS3(containerDTO: ContainerDTO): Promise<ContainerDTO>;
+    DeleteContainer(id: string): Promise<ContainerDTO>;
+    CreateFileContainer(fileName: string, size: number, contentType: string): Promise<ContainerDTO>;
+    GetPreSignedUrl(containerDTO: ContainerDTO): Promise<AWSPresignedUrlDTO>;
 }
 
 /**
@@ -96,7 +98,7 @@ interface UploadContainerProps {
      * Your function that returns a pre-signed URL for a given file.
      * Typically calls your backend: /api/uploads/presign
      */
-    getPresignedUrl?: (file: File) => Promise<string>;
+    getPresignedUrl?: (file: File) => Promise<AWSPresignedUrlDTO>;
     /**
      * Called when a file has successfully finished uploading.
      * s3Url is usually the final S3 object URL or key (depends on your backend).

package/dist/index.d.ts

@@ -60,8 +60,10 @@ declare class Container {
     Read(id: string): Promise<ContainerDTO>;
     Create(containerDTO: ContainerDTO): Promise<ContainerDTO>;
     Update(containerDTO: ContainerDTO): Promise<ContainerDTO>;
-    Delete(id: string): Promise<ContainerDTO>;
-    GetPreSignedUrl(fileName: string, size: number, contentType: string): Promise<AWSPresignedUrlDTO>;
+    DeleteS3(containerDTO: ContainerDTO): Promise<ContainerDTO>;
+    DeleteContainer(id: string): Promise<ContainerDTO>;
+    CreateFileContainer(fileName: string, size: number, contentType: string): Promise<ContainerDTO>;
+    GetPreSignedUrl(containerDTO: ContainerDTO): Promise<AWSPresignedUrlDTO>;
 }
 
 /**
@@ -96,7 +98,7 @@ interface UploadContainerProps {
      * Your function that returns a pre-signed URL for a given file.
      * Typically calls your backend: /api/uploads/presign
      */
-    getPresignedUrl?: (file: File) => Promise<string>;
+    getPresignedUrl?: (file: File) => Promise<AWSPresignedUrlDTO>;
     /**
      * Called when a file has successfully finished uploading.
      * s3Url is usually the final S3 object URL or key (depends on your backend).

package/dist/index.js

@@ -76,8 +76,23 @@ var Container = class {
     if (!response.ok) throw new Error(await response.text());
     return await response.json();
   }
-  async Delete(id) {
-    const url = `${this.baseUrl}/api/Container/Delete/` + id;
+  async DeleteS3(containerDTO) {
+    const url = `${this.baseUrl}/api/Container/DeleteS3`;
+    const token = localStorage.getItem("auth_token");
+    const requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...token && { Authorization: `Bearer ${token}` }
+      },
+      body: JSON.stringify(containerDTO)
+    };
+    const response = await fetch(url, requestOptions);
+    if (!response.ok) throw new Error(await response.text());
+    return await response.json();
+  }
+  async DeleteContainer(id) {
+    const url = `${this.baseUrl}/api/Container/DeleteContainer/` + id;
     const token = localStorage.getItem("auth_token");
     const requestOptions = {
       method: "GET",
@@ -90,8 +105,8 @@ var Container = class {
     if (!response.ok) throw new Error(await response.text());
     return await response.json();
   }
-  async GetPreSignedUrl(fileName, size, contentType) {
-    const url = `${this.baseUrl}/api/Container/GetPreSignedUrl/` + fileName + `/` + size + `/` + contentType;
+  async CreateFileContainer(fileName, size, contentType) {
+    const url = `${this.baseUrl}/api/Container/CreateFileContainer/` + fileName + `/` + size + `/` + contentType;
     const token = localStorage.getItem("auth_token");
     const requestOptions = {
       method: "GET",
@@ -104,6 +119,21 @@ var Container = class {
     if (!response.ok) throw new Error(await response.text());
     return await response.json();
   }
+  async GetPreSignedUrl(containerDTO) {
+    const url = `${this.baseUrl}/api/Container/GetPreSignedUrl`;
+    const token = localStorage.getItem("auth_token");
+    const requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...token && { Authorization: `Bearer ${token}` }
+      },
+      body: JSON.stringify(containerDTO)
+    };
+    const response = await fetch(url, requestOptions);
+    if (!response.ok) throw new Error(await response.text());
+    return await response.json();
+  }
 };
 
 // src/api/Controllers/Home.ts
@@ -207,17 +237,18 @@ var UploadContainer = ({
         throw new Error("getPresignedUrl is not provided.");
       }
       const presignedUrl = await getPresignedUrl(upload.file);
-      await uploadFileToS3(upload.file, presignedUrl, (progress) => {
+      const url = presignedUrl?.PresignedUrl ?? "";
+      await uploadFileToS3(upload.file, url, (progress) => {
         setUploads(
           (prev) => prev.map(
             (u) => u.id === upload.id ? { ...u, progress } : u
           )
         );
       });
-      const fileUrl = presignedUrl.split("?")[0];
+      const fileUrl = url.split("?")[0];
       setUploads(
         (prev) => prev.map(
-          (u) => u.id === upload.id ? { ...u, status: "success", progress: 100, s3Url: fileUrl } : u
+          (u) => u.id === upload.id ? { ...u, status: "success", progress: 100, s3Url: fileUrl, publicUrl: presignedUrl.PublicUrl } : u
         )
       );
       onUploadComplete?.(upload.file, fileUrl);
@@ -298,7 +329,11 @@ var UploadContainer = ({
     ] }),
     uploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3", children: uploads.map((u) => /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-between small mb-1", children: [
-        /* @__PURE__ */ jsx("span", { children: u.file.name }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          u.file.name,
+          " - ",
+          u?.publicUrl ?? ""
+        ] }),
         /* @__PURE__ */ jsx("span", { children: u.status === "success" ? "Completed" : u.status === "error" ? "Error" : `${u.progress}%` })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "progress", style: { height: "6px" }, children: /* @__PURE__ */ jsx(
@@ -354,9 +389,11 @@ function HomeView() {
     alert(user?.Id);
   }
   const getPresignedUrl = async (file) => {
-    const sdk = new SparkStudioStorageSDK("https://localhost:5001");
-    const result = await sdk.container.GetPreSignedUrl(file.name, file.size, encodeURIComponent(file.type));
-    return result?.PresignedUrl ?? "";
+    const sdkDb = new SparkStudioStorageSDK("https://lf9zyufpuk.execute-api.us-east-2.amazonaws.com/Prod");
+    const sdkS3 = new SparkStudioStorageSDK("https://iq0gmcn0pd.execute-api.us-east-2.amazonaws.com/Prod");
+    const containerDTO = await sdkDb.container.CreateFileContainer(file.name, file.size, encodeURIComponent(file.type));
+    const resultS3 = await sdkS3.container.GetPreSignedUrl(containerDTO);
+    return resultS3;
   };
   return /* @__PURE__ */ jsxs2(
     AuthenticatorProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkstudio/storage-ui",
-  "version": "1.0.8",
+  "version": "1.0.11",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",