fix: show uploaded image if user didn't overwrite existing values

Author: yaroslav8765

custom/VisionAction.vue

@@ -238,6 +238,8 @@ const isDataSaved = ref(false);
 const regeneratingFieldsStatus = ref<Record<string, Record<string, boolean>>>({});
 const overwriteExistingValues = ref<boolean>(false);
 
+const listOfImageThatWasNotGeneratedPerRecord = ref<Record<string, string[]>>({});
+
 const openDialog = async () => {
   window.addEventListener('beforeunload', beforeUnloadHandler);
   if (props.meta.askConfirmationBeforeGenerating) {
@@ -544,6 +546,14 @@ async function saveData() {
             if (!value) {
               continue;
             }
+            if (!overwriteExistingValues.value) {
+              const imageURL = selected.value.find(rec => rec[primaryKey] === item[primaryKey])[key];
+              const originalImageUrl = listOfImageThatWasNotGeneratedPerRecord.value[item[primaryKey]][key].originalImage;
+              if (originalImageUrl === imageURL) {
+                reqData.find(rec => rec[primaryKey] === item[primaryKey])[key] = undefined;
+                continue;
+              }
+            }
             const p = uploadImage(value, item[primaryKey], key).then(result => {
               item[key] = result;
             });
@@ -553,7 +563,6 @@ async function saveData() {
       }
       await Promise.all(imagesToUpload);
     }
-
     const res = await callAdminForthApi({
       path: `/plugin/${props.meta.pluginInstanceId}/update_fields`,
       method: 'POST',
@@ -729,7 +738,14 @@ async function runAiAction({
           for (const [key, value] of Object.entries(carouselSaveImages.value[index])) {
             if (props.meta.outputImageFields?.includes(key)) {
               carouselSaveImages.value[index][key] = [jobResponse.job.result[key]];
-            }
+              if (jobResponse.job.recordMeta?.[`${key}_meta`]) {
+                carouselSaveImages.value[index][key] = [jobResponse.job.recordMeta[`${key}_meta`].originalImage];
+                if (!listOfImageThatWasNotGeneratedPerRecord.value[recordId]) {
+                  listOfImageThatWasNotGeneratedPerRecord.value[recordId] = [];
+                }
+                listOfImageThatWasNotGeneratedPerRecord.value[recordId][key] = jobResponse.job.recordMeta[`${key}_meta`];
+              }
+            } 
           }
         }
         //marking that we received response for this record

index.ts

@@ -260,7 +260,19 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     }
     const fieldTasks = Object.keys(this.options?.generateImages || {}).map(async (key) => {
       if ( record[key] && filterFilledFields ) {
-        return { key, images: [] };
+        const plugin = this.adminforth.activatedPlugins.find(p => 
+          p.resourceConfig!.resourceId === this.resourceConfig.resourceId &&
+          p.pluginOptions.pathColumnName === key
+        );
+        const image_url = await plugin.pluginOptions.storageAdapter.getDownloadUrl(record[key]);
+        return { 
+          key,
+          images: [image_url], 
+          meta: {
+            skippedToNotOverwrite: true,
+            originalImage: image_url,
+          } 
+        };
       }
       const prompt = (await this.compileGenerationFieldTemplates(record, customPrompt))[key];
       let images;
@@ -312,18 +324,22 @@ export default class  BulkAiFlowPlugin extends AdminForthPlugin {
     });
 
     const fieldResults = await Promise.all(fieldTasks);
-    const recordResult: Record<string, string[]> = {};
+    const recordResult: Record<string, any> = {};
+    const recordMeta: Record<string, any> = {};
 
-    fieldResults.forEach(({ key, images }) => {
+    fieldResults.forEach(({ key, images, meta }) => {
       recordResult[key] = images;
+      if (meta) {
+        recordMeta[`${key}_meta`] = meta;
+      }
     });
 
     const result = recordResult;
 
     if (!isError) {
       this.totalCalls++;
       this.totalDuration += (+new Date() - start) / 1000;
-      jobs.set(jobId, { status: 'completed', result });
+      jobs.set(jobId, { status: 'completed', result, recordMeta });
       return { ok: true }
     } else {
       return { ok: false, error: 'Error during image generation' };