@data-fair/lib-vue 1.15.6 → 1.16.0

package/fetch.d.ts

@@ -5,7 +5,8 @@ type UseFetchOptions = {
     watch?: Boolean;
     notifError?: Boolean;
 };
-export declare function useFetch<T>(url: string | Ref<string> | (() => string), options?: UseFetchOptions): {
+type OptionalUrl = string | null | undefined;
+export declare function useFetch<T>(url: OptionalUrl | Ref<OptionalUrl> | (() => OptionalUrl), options?: UseFetchOptions): {
     data: Ref<T | null>;
     loading: Ref<boolean>;
     initialized: Ref<boolean>;

package/fetch.js

@@ -7,6 +7,7 @@ export function useFetch (url, options = {}) {
   if (typeof url === 'function') { url = computed(url) }
   const fullUrl = computed(() => {
     let fullUrl = isRef(url) ? url.value : url
+    if (!fullUrl) { return null }
     const query = isRef(options.query) ? options.query.value : options.query
     if (query) { fullUrl = withQuery(fullUrl, query) }
     return fullUrl
@@ -17,6 +18,7 @@ export function useFetch (url, options = {}) {
   const error = shallowRef(null)
   let abortController
   const refresh = async () => {
+    if (!fullUrl.value) { return null }
     initialized.value = true
     error.value = null
     if (abortController) { abortController.abort() }

package/package.json

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

package/ui-notif.d.ts

@@ -22,25 +22,7 @@ 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: () => {
-    notification: Readonly<import("vue").Ref<{
-        readonly type?: ("default" | "info" | "success" | "warning") | undefined;
-        readonly msg: string;
-    } | {
-        readonly type: "error";
-        readonly msg: string;
-        readonly error?: any;
-        readonly errorMsg: string;
-        readonly clientError?: boolean | undefined;
-    } | null, {
-        readonly type?: ("default" | "info" | "success" | "warning") | undefined;
-        readonly msg: string;
-    } | {
-        readonly type: "error";
-        readonly msg: string;
-        readonly error?: any;
-        readonly errorMsg: string;
-        readonly clientError?: boolean | undefined;
-    } | null>>;
+    notification: import("vue").ShallowRef<UiNotif | null, UiNotif | null>;
     sendUiNotif: (partialNotif: PartialUiNotif) => void;
 };
 export declare const uiNotifKey: unique symbol;

package/ui-notif.js

@@ -1,7 +1,7 @@
 // simple composable to display store a UI notification
 // this will be transmitted to frame parent if available (compatible with v-iframe uiNotification message type)
 // or can be displayed locally by @data-fair/lib-vuetify/ui-notif.vue
-import { shallowRef, readonly, inject } from 'vue'
+import { shallowRef, inject } from 'vue'
 import inIframe from '@data-fair/lib-utils/in-iframe.js'
 export function getErrorCode (error) {
   if (typeof error === 'string') { return 500 }
@@ -47,7 +47,7 @@ export const getUiNotif = () => {
       console.log('iframe notification', notif)
     }
   }
-  return { notification: readonly(notification), sendUiNotif }
+  return { notification, sendUiNotif }
 }
 // uses pattern for SSR friendly plugin/composable, cf https://antfu.me/posts/composable-vue-vueday-2021#shared-state-ssr-friendly
 export const uiNotifKey = Symbol('uiNotif')