@thetechfossil/upfiles 1.0.5 → 1.0.7

package/dist/index.d.mts

@@ -96,6 +96,13 @@ declare class UpfilesClient {
         fetchThumbnails?: boolean;
     }): Promise<UploadedFileResult>;
     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

@@ -96,6 +96,13 @@ declare class UpfilesClient {
         fetchThumbnails?: boolean;
     }): Promise<UploadedFileResult>;
     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

@@ -161,6 +161,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`;
@@ -287,11 +320,15 @@ var Uploader = ({
         xhr.send(item.file);
       });
       let thumbs;
+      let masterWebp;
       try {
         if (fetchThumbnails) {
-          thumbs = await client.getThumbnails(presign.fileKey);
+          const result2 = await client.generateThumbnails(presign.fileKey);
+          thumbs = result2.thumbnails;
+          masterWebp = result2.masterWebp;
         }
-      } catch {
+      } catch (e) {
+        console.warn("Failed to generate thumbnails:", e);
       }
       if (autoRecordToDb && projectId) {
         try {
@@ -334,7 +371,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

@@ -112,6 +112,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`;
@@ -238,11 +271,15 @@ var Uploader = ({
         xhr.send(item.file);
       });
       let thumbs;
+      let masterWebp;
       try {
         if (fetchThumbnails) {
-          thumbs = await client.getThumbnails(presign.fileKey);
+          const result2 = await client.generateThumbnails(presign.fileKey);
+          thumbs = result2.thumbnails;
+          masterWebp = result2.masterWebp;
         }
-      } catch {
+      } catch (e) {
+        console.warn("Failed to generate thumbnails:", e);
       }
       if (autoRecordToDb && projectId) {
         try {
@@ -285,7 +322,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.5",
+  "version": "1.0.7",
   "description": "Lightweight client and React components for Upfiles Plugin API (presigned S3)",
   "license": "MIT",
   "author": "UpFiles",