vue-api-kit 1.10.4 → 1.10.5

package/dist/core/types.d.ts

@@ -1,7 +1,7 @@
 import { AxiosError, InternalAxiosRequestConfig } from 'axios';
 import { Ref } from 'vue';
 import { ZodError, ZodType } from 'zod';
-import { $ZodIssue } from 'zod/v4/core';
+import { $ZodFlattenedError } from 'zod/v4/core';
 /**
  * HTTP methods supported by the API client
  * @example
@@ -130,13 +130,14 @@ export interface ApiClientOptions<Q extends Record<string, NestedStructure<ApiQu
     onStartRequest?: () => Promise<void> | void | any;
     onFinishRequest?: () => Promise<void> | void | any;
     onErrorRequest?: (error: {
+        err: AxiosError | ZodError | Error;
         message: string;
         status?: number;
         code?: string;
-        data?: any;
+        response?: any;
         url?: string;
     }) => void;
-    onZodError?: (issues: Omit<$ZodIssue, "input">[]) => void;
+    onZodError?: (zodError: $ZodFlattenedError<any, any>) => void;
 }
 /**
  * Options for configuring a query hook
@@ -165,7 +166,7 @@ export interface UseQueryOptions<TParams = any, TData = any, TResult = any> {
     debounce?: number;
     onResult?: (result: TResult) => void;
     onError?: (error: AxiosError | ZodError | Error) => void;
-    onZodError?: (issues: Omit<$ZodIssue, "input">[]) => void;
+    onZodError?: (zodError: $ZodFlattenedError<any, any>) => void;
     onBeforeRequest?: (config: InternalAxiosRequestConfig<any>) => Promise<any> | void | any;
 }
 /**
@@ -181,7 +182,7 @@ export interface UseQueryOptions<TParams = any, TData = any, TResult = any> {
 export interface UseMutationOptions<TResult = any> {
     onResult?: (result: TResult) => void;
     onError?: (error: AxiosError | ZodError | Error) => void;
-    onZodError?: (issues: Omit<$ZodIssue, "input">[]) => void;
+    onZodError?: (zodError: $ZodFlattenedError<any, any>) => void;
     onUploadProgress?: (progress: number) => void;
     onBeforeRequest?: (config: InternalAxiosRequestConfig<any>) => Promise<any> | void | any;
 }
@@ -199,7 +200,7 @@ export interface UseMutationOptions<TResult = any> {
 export interface QueryResult<TResult> {
     result: Ref<TResult | undefined>;
     errorMessage: Ref<string | undefined>;
-    zodErrors: Ref<Omit<$ZodIssue, "input">[] | undefined>;
+    zodError: Ref<$ZodFlattenedError<any, any> | undefined>;
     isLoading: Ref<boolean>;
     isDone: Ref<boolean>;
     refetch: () => Promise<void>;
@@ -219,7 +220,7 @@ export interface QueryResult<TResult> {
 export interface MutationResult<TResult, TData = any, TParams = any> {
     result: Ref<TResult | undefined>;
     errorMessage: Ref<string | undefined>;
-    zodErrors: Ref<Omit<$ZodIssue, "input">[] | undefined>;
+    zodError: Ref<$ZodFlattenedError<any, any> | undefined>;
     isLoading: Ref<boolean>;
     isDone: Ref<boolean>;
     uploadProgress: Ref<number>;

package/dist/index.js

@@ -1,17 +1,17 @@
-import { ZodError as S } from "zod";
-import * as H from "zod";
-import N, { AxiosError as F } from "axios";
+import P, { ZodError as F } from "zod";
+import * as W from "zod";
+import N, { AxiosError as L } from "axios";
 import { AxiosError as ae } from "axios";
-import { nextTick as $, ref as R, onMounted as U, watch as _, onBeforeUnmount as I } from "vue";
-import { debounce as Q } from "lodash-es";
-function z(e) {
+import { nextTick as $, ref as v, onMounted as U, watch as I, onBeforeUnmount as Q } from "vue";
+import { debounce as z } from "lodash-es";
+function J(e) {
   return e && typeof e == "object" && e !== null && typeof e.path == "string";
 }
-function V(e) {
+function H(e) {
   return e && typeof e == "object" && e !== null && typeof e.path == "string" && typeof e.method == "string";
 }
-function K(e) {
-  const y = N.create({
+function Y(e) {
+  const h = N.create({
     baseURL: e.baseURL,
     headers: {
       "Content-Type": "application/json",
@@ -21,8 +21,8 @@ function K(e) {
     withCredentials: e.withCredentials ?? !1,
     withXSRFToken: e.withXSRFToken ?? !1
   });
-  let P = !1, b = null;
-  e.onBeforeRequest && y.interceptors.request.use(
+  let B = !1, A = null;
+  e.onBeforeRequest && h.interceptors.request.use(
     async (r) => {
       try {
         return await e.onBeforeRequest(r) || r;
@@ -31,7 +31,7 @@ function K(e) {
       }
     },
     (r) => Promise.reject(r)
-  ), e.onStartRequest && y.interceptors.request.use(
+  ), e.onStartRequest && h.interceptors.request.use(
     async (r) => {
       try {
         return await e.onStartRequest(), r;
@@ -40,23 +40,23 @@ function K(e) {
       }
     },
     (r) => Promise.reject(r)
-  ), e.onFinishRequest && y.interceptors.response.use(
+  ), e.onFinishRequest && h.interceptors.response.use(
     (r) => (e.onFinishRequest(), r),
     (r) => (e.onFinishRequest(), Promise.reject(r))
-  ), y.interceptors.request.use((r) => {
+  ), h.interceptors.request.use((r) => {
     if (!r.url) return r;
     const i = (m) => {
       if (m)
-        for (const [d, t] of Object.entries(m)) {
-          const a = `{${d}}`;
-          r.url.includes(a) && (r.url = r.url.replace(
-            a,
-            encodeURIComponent(String(t))
+        for (const [d, s] of Object.entries(m)) {
+          const o = `{${d}}`;
+          r.url.includes(o) && (r.url = r.url.replace(
+            o,
+            encodeURIComponent(String(s))
           ), delete m[d]);
         }
     };
     return r.method !== "get" && r.data?.params && i(r.data.params), i(r.params), r;
-  }), e.csrfRefreshEndpoint && y.interceptors.response.use(
+  }), e.csrfRefreshEndpoint && h.interceptors.response.use(
     (r) => r,
     async (r) => {
       const i = r.config;
@@ -65,16 +65,16 @@ function K(e) {
       if (r.response && (r.response.status === 403 || r.response.status === 419) && !i?._retry) {
         i._retry = !0;
         try {
-          return P && b ? await b : (P = !0, b = y.get(e.csrfRefreshEndpoint).then(() => {
-            P = !1, b = null;
-          }), await b), y.request(i);
+          return B && A ? await A : (B = !0, A = h.get(e.csrfRefreshEndpoint).then(() => {
+            B = !1, A = null;
+          }), await A), h.request(i);
         } catch (m) {
-          return P = !1, b = null, Promise.reject(m);
+          return B = !1, A = null, Promise.reject(m);
         }
       }
       return Promise.reject(r);
     }
-  ), y.interceptors.response.use(
+  ), h.interceptors.response.use(
     (r) => r,
     (r) => ($(() => {
       r.code;
@@ -85,170 +85,168 @@ function K(e) {
     for (const m in r) {
       const d = r[m];
       if (d)
-        if (z(d)) {
-          const t = d;
-          i[m] = (a) => {
-            let o;
-            a && typeof a == "object" && ("loadOnMount" in a || "debounce" in a || "onResult" in a || "onError" in a || "onZodError" in a || "onBeforeRequest" in a || "params" in a || "data" in a ? o = a : o = { params: a });
-            const C = R(), g = R(), q = R(), j = R(!1), A = R(!1), B = R(!0);
+        if (J(d)) {
+          const s = d;
+          i[m] = (o) => {
+            let a;
+            o && typeof o == "object" && ("loadOnMount" in o || "debounce" in o || "onResult" in o || "onError" in o || "onZodError" in o || "onBeforeRequest" in o || "params" in o || "data" in o ? a = o : a = { params: o });
+            const b = v(), p = v(), g = v(), C = v(!1), j = v(!1), k = v(!0);
             let w = new AbortController();
-            const u = () => {
+            const n = () => {
               w?.abort(), w = new AbortController();
             }, l = async () => {
-              j.value && u(), j.value = !0, g.value = void 0;
+              C.value && n(), C.value = !0, p.value = void 0;
               try {
-                t.params && o?.params && t.params.parse(o.params);
-                let s = o?.data;
-                t.data && s && t.data.parse(s);
+                s.params && a?.params && s.params.parse(a.params);
+                let t = a?.data;
+                s.data && t && s.data.parse(t);
                 const c = {
-                  method: t.method ?? "GET",
-                  url: t.path,
-                  params: o?.params,
+                  method: s.method ?? "GET",
+                  url: s.path,
+                  params: a?.params,
                   signal: w.signal
                 };
-                if (t.method === "POST" && s && (c.data = s), t.onBeforeRequest) {
-                  const f = await t.onBeforeRequest(c);
+                if (s.method === "POST" && t && (c.data = t), s.onBeforeRequest) {
+                  const f = await s.onBeforeRequest(c);
                   f !== void 0 && Object.assign(c, f);
                 }
-                if (o?.onBeforeRequest) {
-                  const f = await o.onBeforeRequest(c);
+                if (a?.onBeforeRequest) {
+                  const f = await a.onBeforeRequest(c);
                   f !== void 0 && Object.assign(c, f);
                 }
-                const h = await y.request(c), n = t.response ? t.response.parse(h.data) : h.data;
-                C.value = n, o?.onResult?.(n);
-              } catch (s) {
-                if (s instanceof F) {
-                  if (s.code !== "ERR_CANCELED") {
-                    const c = s.config?.url, h = s.response?.data?.message || s.message || "An error occurred", n = s.response?.status, f = s.code, v = s.response?.data;
-                    g.value = h, o?.onError?.(s), e.onErrorRequest?.({ message: h, status: n, code: f, data: v, url: c });
+                p.value = void 0, g.value = void 0;
+                const E = await h.request(c), u = s.response ? s.response.parse(E.data) : E.data;
+                b.value = u, a?.onResult?.(u);
+              } catch (t) {
+                if (t instanceof L) {
+                  if (t.code !== "ERR_CANCELED") {
+                    const c = t.config?.url, E = t.response?.data?.message || t.message || "An error occurred", u = t.response?.status, f = t.code, R = t.response;
+                    p.value = E, a?.onError?.(t), e.onErrorRequest?.({ err: t, message: E, status: u, code: f, response: R, url: c });
                   }
-                } else if (s instanceof S) {
-                  q.value = s.issues || [];
-                  const h = `Validation error: ${q.value.map(
-                    (n) => `${n.path.join(".")}: ${n.message}`
-                  ).join(", ")}`;
-                  g.value = h, o?.onError?.(s), o?.onZodError?.(q.value), e.onErrorRequest?.({ message: h, code: "VALIDATION_ERROR" }), e.onZodError && e.onZodError(q.value);
+                } else if (t instanceof F) {
+                  g.value = P.flattenError(t);
+                  const c = Object.keys(g.value.fieldErrors).length, E = `${Object.values(g.value.fieldErrors).at(0)}.${c > 1 ? ` (and ${c - 1} more errors)` : ""}`;
+                  p.value = E, a?.onError?.(t), a?.onZodError?.(P.flattenError(t)), e.onErrorRequest?.({ err: t, message: E, code: "VALIDATION_ERROR" }), e.onZodError && e.onZodError(P.flattenError(t));
                 } else {
-                  const c = s.message || "An error occurred";
-                  g.value = c, o?.onError?.(c), e.onErrorRequest?.({ message: c });
+                  const c = t.message || "An error occurred";
+                  p.value = c, a?.onError?.(c), e.onErrorRequest?.({ err: t, message: c });
                 }
               } finally {
-                j.value = !1, A.value = !0;
+                C.value = !1, j.value = !0;
               }
-            }, E = o?.debounce ? Q(l, o.debounce) : l;
-            let p = null;
-            return (o?.params || o?.data) && (U(() => {
-              p && p(), p = _(
-                () => JSON.stringify({ params: o.params, data: o.data }),
+            }, y = a?.debounce ? z(l, a.debounce) : l;
+            let q = null;
+            return (a?.params || a?.data) && (U(() => {
+              q && q(), q = I(
+                () => JSON.stringify({ params: a.params, data: a.data }),
                 () => {
-                  E();
+                  y();
                 },
                 { immediate: !1 }
               );
-            }), I(() => {
-              p && p(), w?.abort();
-            })), (o?.loadOnMount === void 0 || o.loadOnMount) && !A.value && (B.value ? (B.value = !1, l()) : E()), { result: C, errorMessage: g, zodErrors: q, isLoading: j, isDone: A, refetch: l };
+            }), Q(() => {
+              q && q(), w?.abort();
+            })), (a?.loadOnMount === void 0 || a.loadOnMount) && !j.value && (k.value ? (k.value = !1, l()) : y()), { result: b, errorMessage: p, zodError: g, isLoading: C, isDone: j, refetch: l };
           };
         } else typeof d == "object" && (i[m] = D(d));
     }
     return i;
   }
-  const L = e.queries ?? {}, T = D(L);
-  function k(r) {
+  const T = e.queries ?? {}, Z = D(T);
+  function S(r) {
     const i = {};
     for (const m in r) {
       const d = r[m];
       if (d)
-        if (V(d)) {
-          const t = d;
-          i[m] = (a) => {
-            const o = R(), C = R(), g = R(), q = R(!1), j = R(!1), A = R(0);
-            return { result: o, errorMessage: C, zodErrors: g, isLoading: q, isDone: j, uploadProgress: A, mutate: async (w) => {
-              if (!q.value) {
-                q.value = !0, C.value = void 0, A.value = 0;
+        if (H(d)) {
+          const s = d;
+          i[m] = (o) => {
+            const a = v(), b = v(), p = v(), g = v(!1), C = v(!1), j = v(0);
+            return { result: a, errorMessage: b, zodError: p, isLoading: g, isDone: C, uploadProgress: j, mutate: async (w) => {
+              if (!g.value) {
+                g.value = !0, b.value = void 0, j.value = 0;
                 try {
-                  const { data: u = {}, params: l } = w ?? {};
-                  let E = u ?? {}, p = {};
-                  if (t.isMultipart) {
-                    const n = new FormData();
-                    for (const [f, v] of Object.entries(u))
-                      v instanceof File || v instanceof Blob ? n.append(f, v) : Array.isArray(v) ? v.forEach((M) => {
-                        M instanceof File || M instanceof Blob ? n.append(f, M) : n.append(f, JSON.stringify(M));
-                      }) : typeof v == "object" && v !== null ? n.append(f, JSON.stringify(v)) : n.append(f, String(v));
-                    E = n, p["Content-Type"] = "multipart/form-data";
-                  } else t.data && t.data.parse(u);
-                  t.params && l && t.params.parse(l);
-                  const s = {
-                    method: t.method,
-                    url: t.path,
-                    data: E,
+                  const { data: n = {}, params: l } = w ?? {};
+                  let y = n ?? {}, q = {};
+                  if (s.isMultipart) {
+                    const u = new FormData();
+                    for (const [f, R] of Object.entries(n))
+                      R instanceof File || R instanceof Blob ? u.append(f, R) : Array.isArray(R) ? R.forEach((M) => {
+                        M instanceof File || M instanceof Blob ? u.append(f, M) : u.append(f, JSON.stringify(M));
+                      }) : typeof R == "object" && R !== null ? u.append(f, JSON.stringify(R)) : u.append(f, String(R));
+                    y = u, q["Content-Type"] = "multipart/form-data";
+                  } else s.data && s.data.parse(n);
+                  s.params && l && s.params.parse(l);
+                  const t = {
+                    method: s.method,
+                    url: s.path,
+                    data: y,
                     params: l,
-                    headers: p,
-                    onUploadProgress: (n) => {
-                      if (n.total) {
-                        const f = Math.round(n.loaded * 100 / n.total);
-                        A.value = f, a?.onUploadProgress?.(f);
+                    headers: q,
+                    onUploadProgress: (u) => {
+                      if (u.total) {
+                        const f = Math.round(u.loaded * 100 / u.total);
+                        j.value = f, o?.onUploadProgress?.(f);
                       }
                     }
                   };
-                  if (t.onBeforeRequest) {
-                    const n = await t.onBeforeRequest(s);
-                    n !== void 0 && Object.assign(s, n);
+                  if (s.onBeforeRequest) {
+                    const u = await s.onBeforeRequest(t);
+                    u !== void 0 && Object.assign(t, u);
                   }
-                  if (a?.onBeforeRequest) {
-                    const n = await a.onBeforeRequest(s);
-                    n !== void 0 && Object.assign(s, n);
+                  if (o?.onBeforeRequest) {
+                    const u = await o.onBeforeRequest(t);
+                    u !== void 0 && Object.assign(t, u);
                   }
-                  const c = await y.request(s), h = t.response ? t.response.parse(c.data) : c.data;
-                  o.value = h, a?.onResult?.(h);
-                } catch (u) {
-                  if (u instanceof F) {
-                    const l = u.response?.data?.message || u.message || "An error occurred", E = u.response?.status, p = u.code;
-                    C.value = l, a?.onError?.(u), e.onErrorRequest?.({ message: l, status: E, code: p });
-                  } else if (u instanceof S) {
-                    g.value = u.issues || [];
-                    const E = `Validation error: ${g.value.map(
-                      (p) => `${p.path.join(".")}: ${p.message}`
-                    ).join(", ")}`;
-                    C.value = E, a?.onError?.(u), a?.onZodError?.(g.value), e.onErrorRequest?.({ message: E, code: "VALIDATION_ERROR" }), e.onZodError && e.onZodError(g.value);
+                  b.value = void 0, p.value = void 0;
+                  const c = await h.request(t), E = s.response ? s.response.parse(c.data) : c.data;
+                  a.value = E, o?.onResult?.(E);
+                } catch (n) {
+                  if (n instanceof L) {
+                    const l = n.response?.data?.message || n.message || "An error occurred", y = n.response?.status, q = n.code;
+                    b.value = l, o?.onError?.(n), e.onErrorRequest?.({ err: n, message: l, status: y, code: q });
+                  } else if (n instanceof F) {
+                    p.value = P.flattenError(n);
+                    const l = Object.keys(p.value.fieldErrors).length, y = `${Object.values(p.value.fieldErrors).at(0)}.${l > 1 ? ` (and ${l - 1} more errors)` : ""}`;
+                    b.value = y, o?.onError?.(n), o?.onZodError?.(P.flattenError(n)), e.onErrorRequest?.({ err: n, message: y, code: "VALIDATION_ERROR" }), e.onZodError && e.onZodError(P.flattenError(n));
                   } else {
-                    const l = u.message || "An error occurred";
-                    C.value = l, a?.onError?.(u), e.onErrorRequest?.({ message: l });
+                    const l = n.message || "An error occurred";
+                    b.value = l, o?.onError?.(n), e.onErrorRequest?.({ err: n, message: l });
                   }
                 } finally {
-                  q.value = !1, j.value = !0;
+                  g.value = !1, C.value = !0;
                 }
               }
             } };
           };
-        } else typeof d == "object" && (i[m] = k(d));
+        } else typeof d == "object" && (i[m] = S(d));
     }
     return i;
   }
-  const Z = e.mutations ?? {}, x = k(Z);
+  const _ = e.mutations ?? {}, x = S(_);
   return {
-    query: T,
+    query: Z,
     mutation: x
   };
 }
-function Y(e) {
+function O(e) {
   return e;
 }
-function O(e) {
+function ee(e) {
   return e;
 }
-function ee(...e) {
+function re(...e) {
   return Object.assign({}, ...e);
 }
-function re(...e) {
+function te(...e) {
   return Object.assign({}, ...e);
 }
 export {
   ae as AxiosError,
-  K as createApiClient,
-  O as defineMutation,
-  Y as defineQuery,
-  re as mergeMutations,
-  ee as mergeQueries,
-  H as z
+  Y as createApiClient,
+  ee as defineMutation,
+  O as defineQuery,
+  te as mergeMutations,
+  re as mergeQueries,
+  W as z
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-api-kit",
   "type": "module",
-  "version": "1.10.4",
+  "version": "1.10.5",
   "description": "A powerful and flexible API client for Vue 3 applications, built with TypeScript and Zod for type-safe API interactions.",
   "keywords": [
     "vue3",