@data-fair/lib-vue 1.13.1 → 1.13.3

package/async-action.d.ts

@@ -7,8 +7,8 @@ type AsyncActionOptions = {
 };
 export declare function asyncAction<F extends (...args: any[]) => Promise<any>>(fn: F, options?: AsyncActionOptions): {
     execute: F;
-    notif: Ref<UiNotif | null>;
+    notif: Ref<UiNotif | undefined>;
     loading: Ref<boolean>;
-    error: Ref<string | null>;
+    error: Ref<string | undefined>;
 };
 export {};

package/async-action.js

@@ -3,13 +3,13 @@ import { ref } from 'vue'
 import { useUiNotif, getFullNotif, getErrorMsg } from './ui-notif.js'
 export function asyncAction (fn, options) {
   const { sendUiNotif } = useUiNotif()
-  const notif = ref(null)
+  const notif = ref()
   const loading = ref(false)
-  const error = ref(null)
+  const error = ref()
   const execute = async function (...args) {
     loading.value = true
-    notif.value = null
-    error.value = null
+    notif.value = undefined
+    error.value = undefined
     try {
       const result = await fn(...args)
       if (options?.success) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vue",
-  "version": "1.13.1",
+  "version": "1.13.3",
   "description": "Composables and other utilities for Vue applications in the data-fair stack.",
   "main": "index.js",
   "files": [

package/ui-notif.d.ts

@@ -16,7 +16,9 @@ interface UiNotifError {
     msg: string;
     error: any;
     errorMsg: string;
+    clientError?: boolean;
 }
+export declare function getErrorCode(error: any): number;
 export declare function getErrorMsg(error: any): string;
 export declare function getFullNotif(notif: PartialUiNotif, defaultType?: UiNotifBase['type']): UiNotif;
 export declare const getUiNotif: () => {
@@ -28,6 +30,7 @@ export declare const getUiNotif: () => {
         msg: string;
         error: any;
         errorMsg: string;
+        clientError?: boolean | undefined;
     } | null, UiNotif | {
         type?: ("default" | "info" | "success" | "warning") | undefined;
         msg: string;
@@ -36,6 +39,7 @@ export declare const getUiNotif: () => {
         msg: string;
         error: any;
         errorMsg: string;
+        clientError?: boolean | undefined;
     } | null>;
     sendUiNotif: (partialNotif: PartialUiNotif) => void;
 };

package/ui-notif.js

@@ -3,6 +3,14 @@
 // or can be displayed locally by @data-fair/lib-vuetify/ui-notif.vue
 import { ref, inject } from 'vue'
 import inIframe from '@data-fair/lib-utils/in-iframe.js'
+export function getErrorCode (error) {
+  if (typeof error === 'string') { return 500 }
+  if (typeof error.statusCode === 'number') { return error.statusCode }
+  if (typeof error.response?.statusCode === 'number') { return error.response?.statusCode }
+  if (typeof error.code === 'number') { return error.code }
+  if (typeof error.response?.code === 'number') { return error.response?.code }
+  return 500
+}
 export function getErrorMsg (error) {
   if (typeof error === 'string') { return error }
   if (error.data && typeof error.data === 'string') { return error.data }
@@ -15,10 +23,12 @@ export function getErrorMsg (error) {
 export function getFullNotif (notif, defaultType = 'default') {
   if (typeof notif === 'string') { return { msg: notif, type: defaultType } }
   if (notif.error) {
+    const code = getErrorCode(notif.error)
     return {
       ...notif,
       type: 'error',
-      errorMsg: getErrorMsg(notif.error)
+      errorMsg: getErrorMsg(notif.error),
+      clientError: code < 500
     }
   }
   return {