vue-api-kit 1.12.0 → 1.13.0

package/README.md

@@ -436,6 +436,8 @@ mutations: {
     method: 'POST',
     path: '/upload',
     isMultipart: true,
+    // Optional: Laravel-friendly boolean serialization in multipart (true => "1", false => "0")
+    multipartBooleanStyle: 'numeric',
     response: z.object({ url: z.string() })
   }
 }

package/dist/core/types.d.ts

@@ -64,6 +64,7 @@ export interface ApiMutation<TData extends ZodType<any> | undefined = ZodType<an
     data?: TData;
     response?: TResponse;
     isMultipart?: boolean;
+    multipartBooleanStyle?: "trueFalse" | "numeric";
     onBeforeRequest?: (config: InternalAxiosRequestConfig<any>) => Promise<any> | void | any;
 }
 /**

package/dist/index.js

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

package/package.json

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