@thetechfossil/upfiles 1.0.6 → 1.0.9

package/dist/index.d.mts

@@ -56,6 +56,8 @@ type UpfilesClientOptions = {
     apiKey?: string;
     apiKeyHeader?: 'authorization' | 'x-api-key' | 'x-up-api-key';
     thumbnailsPath?: string;
+    completionPath?: string;
+    callCompletionEndpoint?: boolean;
 };
 /**
  * UpfilesClient - Main client class for interacting with Upfiles Plugin API
@@ -81,6 +83,8 @@ declare class UpfilesClient {
     private apiKey?;
     private apiKeyHeader;
     private thumbnailsPath;
+    private completionPath;
+    private callCompletionEndpoint;
     constructor(opts: UpfilesClientOptions);
     getPresignedUrl(params: {
         fileName: string;
@@ -94,8 +98,23 @@ declare class UpfilesClient {
         projectId?: string;
         folderPath?: string;
         fetchThumbnails?: boolean;
+        callCompletionEndpoint?: boolean;
     }): Promise<UploadedFileResult>;
+    completeUpload(params: {
+        fileKey: string;
+        originalName: string;
+        size: number;
+        contentType: string;
+        projectId?: string;
+    }): Promise<void>;
     getThumbnails(fileKey: string): Promise<Thumbnail[]>;
+    generateThumbnails(fileKey: string): Promise<{
+        masterWebp?: {
+            key: string;
+            url: string;
+        };
+        thumbnails: Thumbnail[];
+    }>;
     getProjectFiles(params?: {
         folderPath?: string;
     }): Promise<FileListItem[]>;

package/dist/index.d.ts

@@ -56,6 +56,8 @@ type UpfilesClientOptions = {
     apiKey?: string;
     apiKeyHeader?: 'authorization' | 'x-api-key' | 'x-up-api-key';
     thumbnailsPath?: string;
+    completionPath?: string;
+    callCompletionEndpoint?: boolean;
 };
 /**
  * UpfilesClient - Main client class for interacting with Upfiles Plugin API
@@ -81,6 +83,8 @@ declare class UpfilesClient {
     private apiKey?;
     private apiKeyHeader;
     private thumbnailsPath;
+    private completionPath;
+    private callCompletionEndpoint;
     constructor(opts: UpfilesClientOptions);
     getPresignedUrl(params: {
         fileName: string;
@@ -94,8 +98,23 @@ declare class UpfilesClient {
         projectId?: string;
         folderPath?: string;
         fetchThumbnails?: boolean;
+        callCompletionEndpoint?: boolean;
     }): Promise<UploadedFileResult>;
+    completeUpload(params: {
+        fileKey: string;
+        originalName: string;
+        size: number;
+        contentType: string;
+        projectId?: string;
+    }): Promise<void>;
     getThumbnails(fileKey: string): Promise<Thumbnail[]>;
+    generateThumbnails(fileKey: string): Promise<{
+        masterWebp?: {
+            key: string;
+            url: string;
+        };
+        thumbnails: Thumbnail[];
+    }>;
     getProjectFiles(params?: {
         folderPath?: string;
     }): Promise<FileListItem[]>;

package/dist/index.js

@@ -58,6 +58,8 @@ var UpfilesClient = class {
     this.apiKey = opts.apiKey;
     this.apiKeyHeader = opts.apiKeyHeader ?? "authorization";
     this.thumbnailsPath = opts.thumbnailsPath ?? "/api/plugin/thumbnails";
+    this.completionPath = opts.completionPath ?? "/api/plugin/upload/complete";
+    this.callCompletionEndpoint = opts.callCompletionEndpoint ?? false;
   }
   async getPresignedUrl(params) {
     if (!params.fileName) throw new Error("fileName is required");
@@ -116,6 +118,20 @@ var UpfilesClient = class {
     if (!res.ok) {
       throw new Error(`Upload failed with status ${res.status}`);
     }
+    const shouldCallCompletion = extras?.callCompletionEndpoint ?? this.callCompletionEndpoint;
+    if (shouldCallCompletion) {
+      try {
+        await this.completeUpload({
+          fileKey: presign.fileKey,
+          originalName: file.name,
+          size: file.size,
+          contentType: file.type || "application/octet-stream",
+          projectId: extras?.projectId
+        });
+      } catch (error) {
+        throw new Error(`Upload verification failed: ${error.message}`);
+      }
+    }
     let thumbnails;
     if (extras?.fetchThumbnails) {
       try {
@@ -135,6 +151,37 @@ var UpfilesClient = class {
       thumbnails
     };
   }
+  async completeUpload(params) {
+    const target = this.baseUrl ? `${this.baseUrl}${this.completionPath}` : this.completionPath;
+    const headers = {
+      "content-type": "application/json",
+      ...this.headers || {}
+    };
+    if (this.apiKey) {
+      if (this.apiKeyHeader === "authorization") {
+        headers["authorization"] = this.apiKey.startsWith("upk_") ? `Bearer ${this.apiKey}` : this.apiKey;
+      } else if (this.apiKeyHeader === "x-api-key") {
+        headers["x-api-key"] = this.apiKey;
+      } else {
+        headers["x-up-api-key"] = this.apiKey;
+      }
+    }
+    const res = await fetch(target, {
+      method: "POST",
+      headers,
+      credentials: this.withCredentials ? "include" : "same-origin",
+      body: JSON.stringify(params)
+    });
+    if (!res.ok) {
+      let msg = "Failed to complete upload";
+      try {
+        const data = await res.json();
+        msg = data.error || msg;
+      } catch {
+      }
+      throw new Error(msg);
+    }
+  }
   async getThumbnails(fileKey) {
     const target = this.baseUrl ? `${this.baseUrl}${this.thumbnailsPath}` : this.thumbnailsPath;
     const url = `${target}?fileKey=${encodeURIComponent(fileKey)}`;
@@ -161,6 +208,39 @@ var UpfilesClient = class {
     const data = await res.json();
     return data?.thumbnails ?? [];
   }
+  async generateThumbnails(fileKey) {
+    const target = this.baseUrl ? `${this.baseUrl}${this.thumbnailsPath}` : this.thumbnailsPath;
+    const headers = {
+      "content-type": "application/json",
+      ...this.headers || {}
+    };
+    if (this.apiKey) {
+      if (this.apiKeyHeader === "authorization") {
+        headers["authorization"] = this.apiKey.startsWith("upk_") ? `Bearer ${this.apiKey}` : this.apiKey;
+      } else if (this.apiKeyHeader === "x-api-key") {
+        headers["x-api-key"] = this.apiKey;
+      } else {
+        headers["x-up-api-key"] = this.apiKey;
+      }
+    }
+    const res = await fetch(target, {
+      method: "POST",
+      headers,
+      credentials: this.withCredentials ? "include" : "same-origin",
+      body: JSON.stringify({ fileKey })
+    });
+    if (!res.ok) {
+      let msg = "Failed to generate thumbnails";
+      try {
+        const data2 = await res.json();
+        msg = data2.error || msg;
+      } catch {
+      }
+      throw new Error(msg);
+    }
+    const data = await res.json();
+    return { masterWebp: data.masterWebp, thumbnails: data.thumbnails ?? [] };
+  }
   async getProjectFiles(params) {
     const basePath = this.thumbnailsPath.replace(/\/thumbnails$/, "");
     const filesPath = `${basePath}/files`;
@@ -286,45 +366,31 @@ var Uploader = ({
         xhr.setRequestHeader("Content-Type", item.type || "application/octet-stream");
         xhr.send(item.file);
       });
-      let thumbs;
-      try {
-        if (fetchThumbnails) {
-          thumbs = await client.getThumbnails(presign.fileKey);
-        }
-      } catch {
-      }
       if (autoRecordToDb && projectId) {
         try {
-          const baseUrl = clientOptions?.baseUrl || "";
-          const url = baseUrl ? `${baseUrl}${recordUrl}` : recordUrl;
-          const headers = {
-            "content-type": "application/json",
-            ...clientOptions?.headers || {}
-          };
-          if (clientOptions?.apiKey) {
-            const keyHeader = clientOptions.apiKeyHeader || "authorization";
-            if (keyHeader === "authorization") {
-              headers["authorization"] = clientOptions.apiKey.startsWith("upk_") ? `Bearer ${clientOptions.apiKey}` : clientOptions.apiKey;
-            } else {
-              headers[keyHeader] = clientOptions.apiKey;
-            }
-          }
-          await fetch(url, {
-            method: "POST",
-            headers,
-            credentials: clientOptions?.withCredentials ? "include" : "same-origin",
-            body: JSON.stringify({
-              key: presign.fileKey,
-              originalName: item.name,
-              size: item.size,
-              contentType: item.type,
-              projectId
-            })
+          await client.completeUpload({
+            fileKey: presign.fileKey,
+            originalName: item.name,
+            size: item.size,
+            contentType: item.type,
+            projectId
           });
         } catch (e) {
-          console.warn("Failed to record file to database:", e);
+          console.error("Failed to complete upload:", e);
+          throw new Error(`Upload verification failed: ${e.message}`);
         }
       }
+      let thumbs;
+      let masterWebp;
+      try {
+        if (fetchThumbnails) {
+          const result2 = await client.generateThumbnails(presign.fileKey);
+          thumbs = result2.thumbnails;
+          masterWebp = result2.masterWebp;
+        }
+      } catch (e) {
+        console.warn("Failed to generate thumbnails:", e);
+      }
       const result = {
         ...item,
         status: "success",
@@ -334,7 +400,9 @@ var Uploader = ({
         projectId: presign.projectId,
         apiKeyId: presign.apiKeyId,
         // @ts-ignore - allow downstream to access thumbs if present
-        thumbnails: thumbs
+        thumbnails: thumbs,
+        // @ts-ignore - allow downstream to access masterWebp if present
+        masterWebp
       };
       update({ status: "success", progress: 100, fileKey: presign.fileKey, publicUrl: presign.publicUrl });
       onClientUploadComplete?.(result);

package/dist/index.mjs

@@ -9,6 +9,8 @@ var UpfilesClient = class {
     this.apiKey = opts.apiKey;
     this.apiKeyHeader = opts.apiKeyHeader ?? "authorization";
     this.thumbnailsPath = opts.thumbnailsPath ?? "/api/plugin/thumbnails";
+    this.completionPath = opts.completionPath ?? "/api/plugin/upload/complete";
+    this.callCompletionEndpoint = opts.callCompletionEndpoint ?? false;
   }
   async getPresignedUrl(params) {
     if (!params.fileName) throw new Error("fileName is required");
@@ -67,6 +69,20 @@ var UpfilesClient = class {
     if (!res.ok) {
       throw new Error(`Upload failed with status ${res.status}`);
     }
+    const shouldCallCompletion = extras?.callCompletionEndpoint ?? this.callCompletionEndpoint;
+    if (shouldCallCompletion) {
+      try {
+        await this.completeUpload({
+          fileKey: presign.fileKey,
+          originalName: file.name,
+          size: file.size,
+          contentType: file.type || "application/octet-stream",
+          projectId: extras?.projectId
+        });
+      } catch (error) {
+        throw new Error(`Upload verification failed: ${error.message}`);
+      }
+    }
     let thumbnails;
     if (extras?.fetchThumbnails) {
       try {
@@ -86,6 +102,37 @@ var UpfilesClient = class {
       thumbnails
     };
   }
+  async completeUpload(params) {
+    const target = this.baseUrl ? `${this.baseUrl}${this.completionPath}` : this.completionPath;
+    const headers = {
+      "content-type": "application/json",
+      ...this.headers || {}
+    };
+    if (this.apiKey) {
+      if (this.apiKeyHeader === "authorization") {
+        headers["authorization"] = this.apiKey.startsWith("upk_") ? `Bearer ${this.apiKey}` : this.apiKey;
+      } else if (this.apiKeyHeader === "x-api-key") {
+        headers["x-api-key"] = this.apiKey;
+      } else {
+        headers["x-up-api-key"] = this.apiKey;
+      }
+    }
+    const res = await fetch(target, {
+      method: "POST",
+      headers,
+      credentials: this.withCredentials ? "include" : "same-origin",
+      body: JSON.stringify(params)
+    });
+    if (!res.ok) {
+      let msg = "Failed to complete upload";
+      try {
+        const data = await res.json();
+        msg = data.error || msg;
+      } catch {
+      }
+      throw new Error(msg);
+    }
+  }
   async getThumbnails(fileKey) {
     const target = this.baseUrl ? `${this.baseUrl}${this.thumbnailsPath}` : this.thumbnailsPath;
     const url = `${target}?fileKey=${encodeURIComponent(fileKey)}`;
@@ -112,6 +159,39 @@ var UpfilesClient = class {
     const data = await res.json();
     return data?.thumbnails ?? [];
   }
+  async generateThumbnails(fileKey) {
+    const target = this.baseUrl ? `${this.baseUrl}${this.thumbnailsPath}` : this.thumbnailsPath;
+    const headers = {
+      "content-type": "application/json",
+      ...this.headers || {}
+    };
+    if (this.apiKey) {
+      if (this.apiKeyHeader === "authorization") {
+        headers["authorization"] = this.apiKey.startsWith("upk_") ? `Bearer ${this.apiKey}` : this.apiKey;
+      } else if (this.apiKeyHeader === "x-api-key") {
+        headers["x-api-key"] = this.apiKey;
+      } else {
+        headers["x-up-api-key"] = this.apiKey;
+      }
+    }
+    const res = await fetch(target, {
+      method: "POST",
+      headers,
+      credentials: this.withCredentials ? "include" : "same-origin",
+      body: JSON.stringify({ fileKey })
+    });
+    if (!res.ok) {
+      let msg = "Failed to generate thumbnails";
+      try {
+        const data2 = await res.json();
+        msg = data2.error || msg;
+      } catch {
+      }
+      throw new Error(msg);
+    }
+    const data = await res.json();
+    return { masterWebp: data.masterWebp, thumbnails: data.thumbnails ?? [] };
+  }
   async getProjectFiles(params) {
     const basePath = this.thumbnailsPath.replace(/\/thumbnails$/, "");
     const filesPath = `${basePath}/files`;
@@ -237,45 +317,31 @@ var Uploader = ({
         xhr.setRequestHeader("Content-Type", item.type || "application/octet-stream");
         xhr.send(item.file);
       });
-      let thumbs;
-      try {
-        if (fetchThumbnails) {
-          thumbs = await client.getThumbnails(presign.fileKey);
-        }
-      } catch {
-      }
       if (autoRecordToDb && projectId) {
         try {
-          const baseUrl = clientOptions?.baseUrl || "";
-          const url = baseUrl ? `${baseUrl}${recordUrl}` : recordUrl;
-          const headers = {
-            "content-type": "application/json",
-            ...clientOptions?.headers || {}
-          };
-          if (clientOptions?.apiKey) {
-            const keyHeader = clientOptions.apiKeyHeader || "authorization";
-            if (keyHeader === "authorization") {
-              headers["authorization"] = clientOptions.apiKey.startsWith("upk_") ? `Bearer ${clientOptions.apiKey}` : clientOptions.apiKey;
-            } else {
-              headers[keyHeader] = clientOptions.apiKey;
-            }
-          }
-          await fetch(url, {
-            method: "POST",
-            headers,
-            credentials: clientOptions?.withCredentials ? "include" : "same-origin",
-            body: JSON.stringify({
-              key: presign.fileKey,
-              originalName: item.name,
-              size: item.size,
-              contentType: item.type,
-              projectId
-            })
+          await client.completeUpload({
+            fileKey: presign.fileKey,
+            originalName: item.name,
+            size: item.size,
+            contentType: item.type,
+            projectId
           });
         } catch (e) {
-          console.warn("Failed to record file to database:", e);
+          console.error("Failed to complete upload:", e);
+          throw new Error(`Upload verification failed: ${e.message}`);
         }
       }
+      let thumbs;
+      let masterWebp;
+      try {
+        if (fetchThumbnails) {
+          const result2 = await client.generateThumbnails(presign.fileKey);
+          thumbs = result2.thumbnails;
+          masterWebp = result2.masterWebp;
+        }
+      } catch (e) {
+        console.warn("Failed to generate thumbnails:", e);
+      }
       const result = {
         ...item,
         status: "success",
@@ -285,7 +351,9 @@ var Uploader = ({
         projectId: presign.projectId,
         apiKeyId: presign.apiKeyId,
         // @ts-ignore - allow downstream to access thumbs if present
-        thumbnails: thumbs
+        thumbnails: thumbs,
+        // @ts-ignore - allow downstream to access masterWebp if present
+        masterWebp
       };
       update({ status: "success", progress: 100, fileKey: presign.fileKey, publicUrl: presign.publicUrl });
       onClientUploadComplete?.(result);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thetechfossil/upfiles",
-  "version": "1.0.6",
+  "version": "1.0.9",
   "description": "Lightweight client and React components for Upfiles Plugin API (presigned S3)",
   "license": "MIT",
   "author": "UpFiles",