@adminforth/upload 2.8.0 → 2.8.2

package/build.log

@@ -11,5 +11,5 @@ custom/preview.vue
 custom/tsconfig.json
 custom/uploader.vue
 
-sent 51,379 bytes  received 134 bytes  103,026.00 bytes/sec
-total size is 50,890  speedup is 0.99
+sent 51,915 bytes  received 134 bytes  104,098.00 bytes/sec
+total size is 51,426  speedup is 0.99

package/custom/uploader.vue

@@ -169,9 +169,27 @@ onMounted(async () => {
 
   const existingValue = (props as any).value;
   const existingFilePath =
-    typeof existingValue === 'string' && existingValue.trim() ? existingValue : null;
-
-  if (!uploaded.value && existingFilePath) {
+  typeof existingValue === 'string' && existingValue.trim() ? existingValue : null;
+  if (!uploaded.value && props.record?.[previewColumnName]) {
+    if (Array.isArray(props.record[previewColumnName]) && props.record[previewColumnName].length > 0) {
+      const resp = await callAdminForthApi({
+        path: `/plugin/${props.meta.pluginInstanceId}/get-file-preview-url`,
+        method: 'POST',
+        body: { filePath: existingFilePath },
+      });
+      if (!resp?.error && resp?.url) {
+        imgPreview.value = resp.url;
+        uploaded.value = true;
+        emit('update:emptiness', false);
+        return;
+      }
+      imgPreview.value = resp.url;
+    } else {
+        imgPreview.value = props.record[previewColumnName];
+    }
+    uploaded.value = true;
+    emit('update:emptiness', false);
+  } else if (!uploaded.value && existingFilePath) {
     const resp = await callAdminForthApi({
       path: `/plugin/${props.meta.pluginInstanceId}/get-file-download-url`,
       method: 'POST',
@@ -186,11 +204,6 @@ onMounted(async () => {
     }
   }
 
-  if (!uploaded.value && props.record?.[previewColumnName]) {
-    imgPreview.value = props.record[previewColumnName];
-    uploaded.value = true;
-    emit('update:emptiness', false);
-  }
 });
 
 const allowedExtensionsLabel = computed(() => {

package/dist/custom/uploader.vue

@@ -169,9 +169,27 @@ onMounted(async () => {
 
   const existingValue = (props as any).value;
   const existingFilePath =
-    typeof existingValue === 'string' && existingValue.trim() ? existingValue : null;
-
-  if (!uploaded.value && existingFilePath) {
+  typeof existingValue === 'string' && existingValue.trim() ? existingValue : null;
+  if (!uploaded.value && props.record?.[previewColumnName]) {
+    if (Array.isArray(props.record[previewColumnName]) && props.record[previewColumnName].length > 0) {
+      const resp = await callAdminForthApi({
+        path: `/plugin/${props.meta.pluginInstanceId}/get-file-preview-url`,
+        method: 'POST',
+        body: { filePath: existingFilePath },
+      });
+      if (!resp?.error && resp?.url) {
+        imgPreview.value = resp.url;
+        uploaded.value = true;
+        emit('update:emptiness', false);
+        return;
+      }
+      imgPreview.value = resp.url;
+    } else {
+        imgPreview.value = props.record[previewColumnName];
+    }
+    uploaded.value = true;
+    emit('update:emptiness', false);
+  } else if (!uploaded.value && existingFilePath) {
     const resp = await callAdminForthApi({
       path: `/plugin/${props.meta.pluginInstanceId}/get-file-download-url`,
       method: 'POST',
@@ -186,11 +204,6 @@ onMounted(async () => {
     }
   }
 
-  if (!uploaded.value && props.record?.[previewColumnName]) {
-    imgPreview.value = props.record[previewColumnName];
-    uploaded.value = true;
-    emit('update:emptiness', false);
-  }
 });
 
 const allowedExtensionsLabel = computed(() => {

package/dist/index.js

@@ -454,5 +454,21 @@ export default class UploadPlugin extends AdminForthPlugin {
                 return { error: 'You do not have permission to download this file' };
             }),
         });
+        server.endpoint({
+            method: 'POST',
+            path: `/plugin/${this.pluginInstanceId}/get-file-preview-url`,
+            handler: (_a) => __awaiter(this, [_a], void 0, function* ({ body, adminUser }) {
+                var _b;
+                const { filePath } = body;
+                if (!filePath) {
+                    return { error: 'Missing filePath' };
+                }
+                if ((_b = this.options.preview) === null || _b === void 0 ? void 0 : _b.previewUrl) {
+                    const url = this.options.preview.previewUrl({ filePath });
+                    return { url };
+                }
+                return { error: 'failed to generate preview URL' };
+            }),
+        });
     }
 }

package/index.ts

@@ -40,7 +40,6 @@ export default class UploadPlugin extends AdminForthPlugin {
     }
 
     this.getFileUploadUrl = async ( originalFilename, contentType, size, originalExtension, recordPk ) : Promise<{ uploadUrl: string, tagline?: string, filePath?: string, uploadExtraParams?: Record<string, string>, previewUrl?: string, error?: string } | {error: string}> => {
-
         if (this.options.allowedFileExtensions && !this.options.allowedFileExtensions.includes(originalExtension.toLowerCase())) {
           return {
             error: `File extension "${originalExtension}" is not allowed, allowed extensions are: ${this.options.allowedFileExtensions.join(', ')}`
@@ -526,6 +525,23 @@ export default class UploadPlugin extends AdminForthPlugin {
       },
     });
 
+    server.endpoint({
+      method: 'POST',
+      path: `/plugin/${this.pluginInstanceId}/get-file-preview-url`,
+      handler: async ({ body, adminUser }) => {
+        const { filePath } = body;
+        if (!filePath) {
+          return { error: 'Missing filePath' };
+        }
+        if (this.options.preview?.previewUrl) {
+          const url = this.options.preview.previewUrl({ filePath });
+          return { url };
+        }
+        return { error: 'failed to generate preview URL' };
+      },
+    });
+
+
   }
   
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/upload",
-  "version": "2.8.0",
+  "version": "2.8.2",
   "description": "Plugin for uploading files for adminforth",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",