fix: correct isArray support for create/edit views

Author: yaroslav8765

custom/uploader.vue

@@ -169,10 +169,24 @@ onMounted(async () => {
 
   const existingValue = (props as any).value;
   const existingFilePath =
-    typeof existingValue === 'string' && existingValue.trim() ? existingValue : null;
-
+  typeof existingValue === 'string' && existingValue.trim() ? existingValue : null;
   if (!uploaded.value && props.record?.[previewColumnName]) {
-    imgPreview.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) {

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' };
+      },
+    });
+
+
   }