vue-api-kit 1.12.1 → 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,37 +1,39 @@
-import k, { ZodError as F } from "zod";
-import * as G from "zod";
-import { ZodError as ne } from "zod";
-import U, { AxiosError as Z } from "axios";
-import { AxiosError as ie } from "axios";
-import { nextTick as _, ref as p, onMounted as Q, watch as z, 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, a, E = "") {
-  if (a !== void 0)
-    if (a instanceof File || a instanceof Blob)
-      e.append(E, a);
-    else if (a instanceof Date)
-      e.append(E, a.toISOString());
-    else if (Array.isArray(a))
-      a.forEach((i, A) => {
-        const q = `${E}[${A}]`;
-        i instanceof File || i instanceof Blob ? e.append(q, i) : i instanceof Date ? e.append(q, i.toISOString()) : typeof i == "object" && i !== null ? S(e, i, q) : i !== void 0 && e.append(q, 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 a == "object" && a !== null)
-      for (const [i, A] of Object.entries(a)) {
-        const q = E ? `${E}[${i}]` : i;
-        S(e, A, q);
+    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);
       }
     else
-      e.append(E, a);
+      e.append(h, o);
 }
-function K(e) {
-  const a = U.create({
+function O(e) {
+  const o = Q.create({
     baseURL: e.baseURL,
     headers: {
       "Content-Type": "application/json",
@@ -41,232 +43,232 @@ function K(e) {
     withCredentials: e.withCredentials ?? !1,
     withXSRFToken: e.withXSRFToken ?? !1
   });
-  let E = !1, i = null;
-  e.onBeforeRequest && a.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 && a.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 && a.interceptors.response.use(
+  ), e.onFinishRequest && o.interceptors.response.use(
     (r) => (e.onFinishRequest(), r),
     (r) => (e.onFinishRequest(), Promise.reject(r))
-  ), a.interceptors.request.use((r) => {
+  ), o.interceptors.request.use((r) => {
     if (!r.url) return r;
-    const u = (v) => {
+    const i = (v) => {
       if (v)
-        for (const [m, t] of Object.entries(v)) {
-          const s = `{${m}}`;
-          r.url.includes(s) && (r.url = r.url.replace(
-            s,
+        for (const [p, t] of Object.entries(v)) {
+          const n = `{${p}}`;
+          r.url.includes(n) && (r.url = r.url.replace(
+            n,
             encodeURIComponent(String(t))
-          ), delete v[m]);
+          ), delete v[p]);
         }
     };
-    return r.method !== "get" && r.data?.params && u(r.data.params), u(r.params), r;
-  }), e.csrfRefreshEndpoint && a.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 E && i ? await i : (E = !0, i = a.get(e.csrfRefreshEndpoint).then(() => {
-            E = !1, i = null;
-          }), await i), a.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 E = !1, i = null, Promise.reject(v);
+          return h = !1, g = null, Promise.reject(v);
         }
       }
       return Promise.reject(r);
     }
-  ), a.interceptors.response.use(
+  ), o.interceptors.response.use(
     (r) => r,
-    (r) => (_(() => {
+    (r) => (z(() => {
       r?.code;
     }), Promise.reject(r))
   );
-  function A(r) {
-    const u = {};
+  function c(r) {
+    const i = {};
     for (const v in r) {
-      const m = r[v];
-      if (m)
-        if (H(m)) {
-          const t = m;
-          u[v] = (s) => {
-            let n;
-            s && typeof s == "object" && ("loadOnMount" in s || "debounce" in s || "onResult" in s || "onError" in s || "onZodError" in s || "onBeforeRequest" in s || "params" in s || "data" in s ? n = s : n = { params: s });
-            const R = p(), h = p(), g = p(), w = p(!1), P = p(!1), M = p(!0);
-            let B = new AbortController();
-            const c = () => {
-              B?.abort(), B = new AbortController();
+      const p = r[v];
+      if (p)
+        if (W(p)) {
+          const t = p;
+          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 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 && c(), w.value = !0, h.value = void 0;
+              P.value && u(), P.value = !0, m.value = void 0;
               try {
-                t.params && n?.params && t.params.parse(n.params);
-                let o = n?.data;
-                t.data && o && t.data.parse(o);
+                t.params && a?.params && t.params.parse(a.params);
+                let s = a?.data;
+                t.data && s && t.data.parse(s);
                 const l = {
                   method: t.method ?? "GET",
                   url: t.path,
-                  params: n?.params,
-                  signal: B.signal,
+                  params: a?.params,
+                  signal: k.signal,
                   headers: {}
                 };
-                if (t.method === "POST" && o && (l.data = o), t.onBeforeRequest) {
-                  const y = await t.onBeforeRequest(l);
-                  y !== void 0 && Object.assign(l, 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 (n?.onBeforeRequest) {
-                  const y = await n.onBeforeRequest(l);
-                  y !== void 0 && Object.assign(l, y);
+                if (a?.onBeforeRequest) {
+                  const R = await a.onBeforeRequest(l);
+                  R !== void 0 && Object.assign(l, R);
                 }
-                h.value = void 0, g.value = void 0;
-                const C = await a.request(l), d = t.response ? t.response.parse(C.data) : C.data;
-                R.value = d, n?.onResult?.(d);
-              } catch (o) {
-                if (o instanceof Z) {
-                  if (o.code !== "ERR_CANCELED") {
-                    const l = o.response?.data?.message || o.message || "An error occurred";
-                    h.value = l, n?.onError?.(o), e.onError?.({ err: o, message: l });
+                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 l = Object.keys(g.value.fieldErrors).length, C = `${Object.values(g.value.fieldErrors).at(0)}.${l > 1 ? ` (and ${l - 1} more errors)` : ""}`;
-                  h.value = C, n?.onError?.(o), n?.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 l = o.message || "An error occurred";
-                  h.value = l, n?.onError?.(l), e.onError?.({ err: o, message: l });
+                  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 = n?.debounce ? N(f, n.debounce) : f;
-            let j = null;
-            return (n?.params || n?.data) && (Q(() => {
-              j && j(), j = z(
-                () => JSON.stringify({ params: n.params, data: n.data }),
+            }, 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();
-            })), (n?.loadOnMount === void 0 || n.loadOnMount) && !P.value && (M.value ? (M.value = !1, f()) : b()), { result: R, errorMessage: h, 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 m == "object" && (u[v] = A(m));
+        } else typeof p == "object" && (i[v] = c(p));
     }
-    return u;
+    return i;
   }
-  const q = e.queries ?? {}, x = A(q);
+  const M = e.queries ?? {}, q = c(M);
   function $(r) {
-    const u = {};
+    const i = {};
     for (const v in r) {
-      const m = r[v];
-      if (m)
-        if (W(m)) {
-          const t = m;
-          u[v] = (s) => {
-            const n = p(), R = p(), h = p(), g = p(!1), w = p(!1), P = p(0);
-            return { result: n, errorMessage: R, zodError: h, isLoading: g, isDone: w, uploadProgress: P, mutate: async (B) => {
-              if (!g.value) {
-                g.value = !0, R.value = void 0, P.value = 0;
+      const p = r[v];
+      if (p)
+        if (X(p)) {
+          const t = p;
+          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: c = {}, params: f } = B ?? {};
-                  let b = c ?? {}, j = {};
+                  const { data: u = {}, params: f } = k ?? {};
+                  let j = u ?? {}, C = {};
                   if (t.isMultipart) {
-                    const d = new FormData();
-                    for (const [y, D] of Object.entries(c))
-                      S(d, D, y);
-                    b = d, j["Content-Type"] = "multipart/form-data";
-                  } else t.data && t.data.parse(c);
+                    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, s?.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 (s?.onBeforeRequest) {
-                    const d = await s.onBeforeRequest(o);
-                    d !== void 0 && Object.assign(o, d);
+                  if (n?.onBeforeRequest) {
+                    const d = await n.onBeforeRequest(s);
+                    d !== void 0 && Object.assign(s, d);
                   }
-                  R.value = void 0, h.value = void 0;
-                  const l = await a.request(o), C = t.response ? t.response.parse(l.data) : l.data;
-                  n.value = C, s?.onResult?.(C);
-                } catch (c) {
-                  if (c instanceof Z) {
-                    const f = c.response?.data?.message || c.message || "An error occurred";
-                    R.value = f, s?.onError?.(c), e.onError?.({ err: c, message: f });
-                  } else if (c instanceof F) {
-                    h.value = k.flattenError(c);
-                    const f = Object.keys(h.value.fieldErrors).length, b = `${Object.values(h.value.fieldErrors).at(0)}.${f > 1 ? ` (and ${f - 1} more errors)` : ""}`;
-                    R.value = b, s?.onError?.(c), s?.onZodError?.(k.flattenError(c)), e.onError?.({ err: c, message: b }), e.onZodError && e.onZodError(k.flattenError(c));
+                  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 = c.message || "An error occurred";
-                    R.value = f, s?.onError?.(c), e.onError?.({ err: c, 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 m == "object" && (u[v] = $(m));
+        } 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.1",
+  "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",