@adminforth/background-jobs 1.11.5 → 1.11.7

package/build.log

@@ -13,5 +13,5 @@ custom/tsconfig.json
 custom/useBackgroundJobApi.ts
 custom/utils.ts
 
-sent 18,479 bytes  received 172 bytes  37,302.00 bytes/sec
-total size is 17,846  speedup is 0.96
+sent 18,730 bytes  received 172 bytes  37,804.00 bytes/sec
+total size is 18,097  speedup is 0.96

package/custom/JobInfoPopup.vue

@@ -35,7 +35,7 @@
       </div>
       <div class="flex items-center gap-4 w-full mt-4">
         <ProgressBar 
-          :current-value="job.progress" 
+          :current-value="parseInt(job.progress, 10)" 
           :max-value="100" 
           :min-value="0"
           :showAnimation="job.status === 'IN_PROGRESS'"
@@ -67,6 +67,7 @@ import { getTimeAgoString, callAdminForthApi, getCustomComponent} from '@/utils'
 import { useI18n } from 'vue-i18n';
 import StateToIcon from './StateToIcon.vue';
 import { useAdminforth } from '@/adminforth';
+import { watch } from 'vue';
 
 
 const { t } = useI18n();
@@ -133,6 +134,19 @@ async function getJobTasks(limit: number = 10, offset: number = 0): Promise<{sta
   }
 }
 
+watch(
+  () => props.job.state?.error,
+  (error) => {
+    if (error) {
+      adminforth.alert({
+        message: error,
+        variant: 'danger',
+      });
+    }
+  },
+  { immediate: true }
+);
+
 
 
 </script>

package/custom/JobsList.vue

@@ -17,7 +17,7 @@
             </p>
             <ProgressBar 
               class="mt-1"
-              :current-value="job.progress" 
+              :current-value="parseInt(job.progress, 10)" 
               :max-value="100" 
               :min-value="0"
               :showAnimation="job.status === 'IN_PROGRESS'"

package/custom/utils.ts

@@ -4,7 +4,7 @@ export interface IJob {
   name: string;
   status: 'IN_PROGRESS' | 'DONE' | 'DONE_WITH_ERRORS' | 'CANCELLED';
   state: Record<string, any>;
-  progress: number; // 0 to 100
+  progress: string; // 0 to 100
   createdAt: Date;
   finishedAt?: Date;
   customComponent?: AdminForthComponentDeclarationFull; 

package/dist/custom/JobInfoPopup.vue

@@ -35,7 +35,7 @@
       </div>
       <div class="flex items-center gap-4 w-full mt-4">
         <ProgressBar 
-          :current-value="job.progress" 
+          :current-value="parseInt(job.progress, 10)" 
           :max-value="100" 
           :min-value="0"
           :showAnimation="job.status === 'IN_PROGRESS'"
@@ -67,6 +67,7 @@ import { getTimeAgoString, callAdminForthApi, getCustomComponent} from '@/utils'
 import { useI18n } from 'vue-i18n';
 import StateToIcon from './StateToIcon.vue';
 import { useAdminforth } from '@/adminforth';
+import { watch } from 'vue';
 
 
 const { t } = useI18n();
@@ -133,6 +134,19 @@ async function getJobTasks(limit: number = 10, offset: number = 0): Promise<{sta
   }
 }
 
+watch(
+  () => props.job.state?.error,
+  (error) => {
+    if (error) {
+      adminforth.alert({
+        message: error,
+        variant: 'danger',
+      });
+    }
+  },
+  { immediate: true }
+);
+
 
 
 </script>

package/dist/custom/JobsList.vue

@@ -17,7 +17,7 @@
             </p>
             <ProgressBar 
               class="mt-1"
-              :current-value="job.progress" 
+              :current-value="parseInt(job.progress, 10)" 
               :max-value="100" 
               :min-value="0"
               :showAnimation="job.status === 'IN_PROGRESS'"

package/dist/custom/utils.ts

@@ -4,7 +4,7 @@ export interface IJob {
   name: string;
   status: 'IN_PROGRESS' | 'DONE' | 'DONE_WITH_ERRORS' | 'CANCELLED';
   state: Record<string, any>;
-  progress: number; // 0 to 100
+  progress: string; // 0 to 100
   createdAt: Date;
   finishedAt?: Date;
   customComponent?: AdminForthComponentDeclarationFull; 

package/dist/index.js

@@ -246,7 +246,9 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
                     this.adminforth.websocket.publish(`/background-jobs-task-update/${jobId}`, { taskIndex, status: "DONE" });
                 }
                 catch (error) {
-                    afLogger.error(`Error in handling task ${taskIndex} of job ${jobId}: ${error}`);
+                    const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || 'Unknown error';
+                    afLogger.error(`Error in handling task ${taskIndex} of job ${jobId}: ${errorMessage}`);
+                    yield this.setJobField(jobId, 'error', errorMessage);
                     yield this.setLevelDbTaskStatusField(jobLevelDb, taskIndex.toString(), 'FAILED');
                     this.adminforth.websocket.publish(`/background-jobs-task-update/${jobId}`, { taskIndex, status: "FAILED" });
                     failedTasks++;

package/index.ts

@@ -279,7 +279,9 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
         await this.setLevelDbTaskStatusField(jobLevelDb, taskIndex.toString(), 'DONE');
         this.adminforth.websocket.publish(`/background-jobs-task-update/${jobId}`, { taskIndex, status: "DONE" });
       } catch (error) {
-        afLogger.error(`Error in handling task ${taskIndex} of job ${jobId}: ${error}`, );
+        const errorMessage = error?.message || 'Unknown error';
+        afLogger.error(`Error in handling task ${taskIndex} of job ${jobId}: ${errorMessage}`, );
+        await this.setJobField(jobId, 'error', errorMessage);
         await this.setLevelDbTaskStatusField(jobLevelDb, taskIndex.toString(), 'FAILED');
         this.adminforth.websocket.publish(`/background-jobs-task-update/${jobId}`, { taskIndex, status: "FAILED" });
         failedTasks++;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/background-jobs",
-  "version": "1.11.5",
+  "version": "1.11.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",