@citruslime/vue-utils 1.4.3-beta.0 → 1.4.3-beta.2

package/dist/citrus-lime-vue-utils.es.js

@@ -1,288 +1,288 @@
 import { replacePlaceholders as Y } from "@citruslime/utils";
-import { toRef as se, readonly as re, customRef as le, ref as $, getCurrentScope as ce, onScopeDispose as fe, unref as de, watch as I, isRef as oe, shallowRef as W, computed as pe, reactive as he, toRefs as me } from "vue";
-const He = [
+import { toRef as le, readonly as re, customRef as ue, ref as H, getCurrentScope as ce, onScopeDispose as fe, unref as de, watch as I, isRef as oe, shallowRef as W, computed as pe } from "vue";
+const Ae = [
   "GET",
   "POST",
   "PUT",
   "DELETE"
 ];
-function $e(e, t, n = null, s = null) {
+function Be(e, t, n = null, l = null) {
   return {
     url: e,
     type: t,
-    headers: n ?? ie,
-    hasBody: ye(t, s)
+    headers: n ?? ae,
+    hasBody: he(t, l)
   };
 }
-function ie() {
+function ae() {
   return {
     accept: "application/json",
     "content-type": "application/json"
   };
 }
-function ye(e, t) {
+function he(e, t) {
   return !!(t === null && (e === "PUT" || e === "POST") || t);
 }
-function ae(e) {
+function ie(e) {
   return ce() ? (fe(e), !0) : !1;
 }
 function q() {
-  const e = /* @__PURE__ */ new Set(), t = (i) => {
-    e.delete(i);
+  const e = /* @__PURE__ */ new Set(), t = (s) => {
+    e.delete(s);
   };
   return {
-    on: (i) => {
-      e.add(i);
-      const r = () => t(i);
-      return ae(r), {
+    on: (s) => {
+      e.add(s);
+      const r = () => t(s);
+      return ie(r), {
         off: r
       };
     },
     off: t,
-    trigger: (i) => Promise.all(Array.from(e).map((r) => r(i)))
+    trigger: (s) => Promise.all(Array.from(e).map((r) => r(s)))
   };
 }
-function O(e) {
+function b(e) {
   return typeof e == "function" ? e() : de(e);
 }
-const ue = typeof window < "u", ve = () => {
+const se = typeof window < "u", ye = () => {
 };
 function Z(e, t = !1, n = "Timeout") {
-  return new Promise((s, i) => {
-    setTimeout(t ? () => i(n) : s, e);
+  return new Promise((l, s) => {
+    setTimeout(t ? () => s(n) : l, e);
   });
 }
-function we(e, ...t) {
+function me(e, ...t) {
   return t.some((n) => n in e);
 }
 function L(...e) {
   if (e.length !== 1)
-    return se(...e);
+    return le(...e);
   const t = e[0];
-  return typeof t == "function" ? re(le(() => ({ get: t, set: ve }))) : $(t);
+  return typeof t == "function" ? re(ue(() => ({ get: t, set: ye }))) : H(t);
 }
-function k(e, t = !1) {
-  function n(a, { flush: u = "sync", deep: h = !1, timeout: p, throwOnTimeout: F } = {}) {
-    let y = null;
+function z(e, t = !1) {
+  function n(o, { flush: c = "sync", deep: i = !1, timeout: y, throwOnTimeout: F } = {}) {
+    let v = null;
     const D = [new Promise((E) => {
-      y = I(
+      v = I(
         e,
         (_) => {
-          a(_) !== t && (y == null || y(), E(_));
+          o(_) !== t && (v == null || v(), E(_));
         },
         {
-          flush: u,
-          deep: h,
+          flush: c,
+          deep: i,
           immediate: !0
         }
       );
     })];
-    return p != null && D.push(
-      Z(p, F).then(() => O(e)).finally(() => y == null ? void 0 : y())
+    return y != null && D.push(
+      Z(y, F).then(() => b(e)).finally(() => v == null ? void 0 : v())
     ), Promise.race(D);
   }
-  function s(a, u) {
-    if (!oe(a))
-      return n((_) => _ === a, u);
-    const { flush: h = "sync", deep: p = !1, timeout: F, throwOnTimeout: y } = u ?? {};
-    let w = null;
+  function l(o, c) {
+    if (!oe(o))
+      return n((_) => _ === o, c);
+    const { flush: i = "sync", deep: y = !1, timeout: F, throwOnTimeout: v } = c ?? {};
+    let P = null;
     const E = [new Promise((_) => {
-      w = I(
-        [e, a],
+      P = I(
+        [e, o],
         ([j, S]) => {
-          t !== (j === S) && (w == null || w(), _(j));
+          t !== (j === S) && (P == null || P(), _(j));
         },
         {
-          flush: h,
-          deep: p,
+          flush: i,
+          deep: y,
           immediate: !0
         }
       );
     })];
     return F != null && E.push(
-      Z(F, y).then(() => O(e)).finally(() => (w == null || w(), O(e)))
+      Z(F, v).then(() => b(e)).finally(() => (P == null || P(), b(e)))
     ), Promise.race(E);
   }
-  function i(a) {
-    return n((u) => !!u, a);
+  function s(o) {
+    return n((c) => !!c, o);
   }
-  function r(a) {
-    return s(null, a);
+  function r(o) {
+    return l(null, o);
   }
-  function o(a) {
-    return s(void 0, a);
+  function a(o) {
+    return l(void 0, o);
   }
-  function b(a) {
-    return n(Number.isNaN, a);
+  function h(o) {
+    return n(Number.isNaN, o);
   }
-  function l(a, u) {
-    return n((h) => {
-      const p = Array.from(h);
-      return p.includes(a) || p.includes(O(a));
-    }, u);
+  function w(o, c) {
+    return n((i) => {
+      const y = Array.from(i);
+      return y.includes(o) || y.includes(b(o));
+    }, c);
   }
-  function v(a) {
-    return g(1, a);
+  function u(o) {
+    return O(1, o);
   }
-  function g(a = 1, u) {
-    let h = -1;
-    return n(() => (h += 1, h >= a), u);
+  function O(o = 1, c) {
+    let i = -1;
+    return n(() => (i += 1, i >= o), c);
   }
-  return Array.isArray(O(e)) ? {
+  return Array.isArray(b(e)) ? {
     toMatch: n,
-    toContains: l,
-    changed: v,
-    changedTimes: g,
+    toContains: w,
+    changed: u,
+    changedTimes: O,
     get not() {
-      return k(e, !t);
+      return z(e, !t);
     }
   } : {
     toMatch: n,
-    toBe: s,
-    toBeTruthy: i,
+    toBe: l,
+    toBeTruthy: s,
     toBeNull: r,
-    toBeNaN: b,
-    toBeUndefined: o,
-    changed: v,
-    changedTimes: g,
+    toBeNaN: h,
+    toBeUndefined: a,
+    changed: u,
+    changedTimes: O,
     get not() {
-      return k(e, !t);
+      return z(e, !t);
     }
   };
 }
-function Pe(e) {
-  return k(e);
+function ve(e) {
+  return z(e);
 }
-function be(e, t, n = {}) {
+function Pe(e, t, n = {}) {
   const {
-    immediate: s = !0
-  } = n, i = $(!1);
+    immediate: l = !0
+  } = n, s = H(!1);
   let r = null;
-  function o() {
+  function a() {
     r && (clearTimeout(r), r = null);
   }
-  function b() {
-    i.value = !1, o();
+  function h() {
+    s.value = !1, a();
   }
-  function l(...v) {
-    o(), i.value = !0, r = setTimeout(() => {
-      i.value = !1, r = null, e(...v);
-    }, O(t));
+  function w(...u) {
+    a(), s.value = !0, r = setTimeout(() => {
+      s.value = !1, r = null, e(...u);
+    }, b(t));
   }
-  return s && (i.value = !0, ue && l()), ae(b), {
-    isPending: re(i),
-    start: l,
-    stop: b
+  return l && (s.value = !0, se && w()), ie(h), {
+    isPending: re(s),
+    start: w,
+    stop: h
   };
 }
-const ge = ue ? window : void 0;
-var Te = Object.defineProperty, Oe = Object.defineProperties, Fe = Object.getOwnPropertyDescriptors, ee = Object.getOwnPropertySymbols, Ee = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable, te = (e, t, n) => t in e ? Te(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
+const ge = se ? window : void 0;
+var we = Object.defineProperty, Oe = Object.defineProperties, Te = Object.getOwnPropertyDescriptors, ee = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable, te = (e, t, n) => t in e ? we(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, p = (e, t) => {
   for (var n in t || (t = {}))
-    Ee.call(t, n) && te(e, n, t[n]);
+    be.call(t, n) && te(e, n, t[n]);
   if (ee)
     for (var n of ee(t))
-      _e.call(t, n) && te(e, n, t[n]);
+      Fe.call(t, n) && te(e, n, t[n]);
   return e;
-}, N = (e, t) => Oe(e, Fe(t));
-const je = {
+}, N = (e, t) => Oe(e, Te(t));
+const Ee = {
   json: "application/json",
   text: "text/plain"
 };
 function ne(e) {
-  return e && we(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch");
+  return e && me(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch");
 }
-function R(e) {
+function k(e) {
   return typeof Headers < "u" && e instanceof Headers ? Object.fromEntries([...e.entries()]) : e;
 }
-function De(e, ...t) {
+function _e(e, ...t) {
   var n;
-  const s = typeof AbortController == "function";
-  let i = {}, r = { immediate: !0, refetch: !1, timeout: 0 };
-  const o = {
+  const l = typeof AbortController == "function";
+  let s = {}, r = { immediate: !0, refetch: !1, timeout: 0 };
+  const a = {
     method: "GET",
     type: "text",
     payload: void 0
   };
-  t.length > 0 && (ne(t[0]) ? r = d(d({}, r), t[0]) : i = t[0]), t.length > 1 && ne(t[1]) && (r = d(d({}, r), t[1]));
+  t.length > 0 && (ne(t[0]) ? r = p(p({}, r), t[0]) : s = t[0]), t.length > 1 && ne(t[1]) && (r = p(p({}, r), t[1]));
   const {
-    fetch: b = (n = ge) == null ? void 0 : n.fetch,
-    initialData: l,
-    timeout: v
-  } = r, g = q(), a = q(), u = q(), h = $(!1), p = $(!1), F = $(!1), y = $(null), w = W(null), D = W(null), E = W(l || null), _ = pe(() => s && p.value);
+    fetch: h = (n = ge) == null ? void 0 : n.fetch,
+    initialData: w,
+    timeout: u
+  } = r, O = q(), o = q(), c = q(), i = H(!1), y = H(!1), F = H(!1), v = H(null), P = W(null), D = W(null), E = W(w || null), _ = pe(() => l && y.value);
   let j, S;
   const M = () => {
-    s && (j == null || j.abort(), j = new AbortController(), j.signal.onabort = () => F.value = !0, i = N(d({}, i), {
+    l && (j == null || j.abort(), j = new AbortController(), j.signal.onabort = () => F.value = !0, s = N(p({}, s), {
       signal: j.signal
     }));
-  }, K = (c) => {
-    p.value = c, h.value = !c;
+  }, K = (f) => {
+    y.value = f, i.value = !f;
   };
-  v && (S = be(M, v, { immediate: !1 }));
-  const U = async (c = !1) => {
-    var P;
-    M(), K(!0), D.value = null, y.value = null, F.value = !1;
+  u && (S = Pe(M, u, { immediate: !1 }));
+  const U = async (f = !1) => {
+    var g;
+    M(), K(!0), D.value = null, v.value = null, F.value = !1;
     const m = {
-      method: o.method,
+      method: a.method,
       headers: {}
     };
-    if (o.payload) {
-      const J = R(m.headers);
-      o.payloadType && (J["Content-Type"] = (P = je[o.payloadType]) != null ? P : o.payloadType);
-      const G = O(o.payload);
-      m.body = o.payloadType === "json" ? JSON.stringify(G) : G;
+    if (a.payload) {
+      const J = k(m.headers);
+      a.payloadType && (J["Content-Type"] = (g = Ee[a.payloadType]) != null ? g : a.payloadType);
+      const G = b(a.payload);
+      m.body = a.payloadType === "json" ? JSON.stringify(G) : G;
     }
-    let H = !1;
+    let $ = !1;
     const T = {
-      url: O(e),
-      options: d(d({}, m), i),
+      url: b(e),
+      options: p(p({}, m), s),
       cancel: () => {
-        H = !0;
+        $ = !0;
       }
     };
-    if (r.beforeFetch && Object.assign(T, await r.beforeFetch(T)), H || !b)
+    if (r.beforeFetch && Object.assign(T, await r.beforeFetch(T)), $ || !h)
       return K(!1), Promise.resolve(null);
     let B = null;
     return S && S.start(), new Promise((J, G) => {
-      var Q;
-      b(
+      var R;
+      h(
         T.url,
-        N(d(d({}, m), T.options), {
-          headers: d(d({}, R(m.headers)), R((Q = T.options) == null ? void 0 : Q.headers))
+        N(p(p({}, m), T.options), {
+          headers: p(p({}, k(m.headers)), k((R = T.options) == null ? void 0 : R.headers))
         })
-      ).then(async (f) => {
-        if (w.value = f, y.value = f.status, B = await f[o.type](), !f.ok)
-          throw E.value = l || null, new Error(f.statusText);
-        return r.afterFetch && ({ data: B } = await r.afterFetch({ data: B, response: f })), E.value = B, g.trigger(f), J(f);
-      }).catch(async (f) => {
-        let X = f.message || f.name;
-        return r.onFetchError && ({ error: X } = await r.onFetchError({ data: B, error: f, response: w.value })), D.value = X, a.trigger(f), c ? G(f) : J(null);
+      ).then(async (d) => {
+        if (P.value = d, v.value = d.status, B = await d[a.type](), !d.ok)
+          throw E.value = w || null, new Error(d.statusText);
+        return r.afterFetch && ({ data: B } = await r.afterFetch({ data: B, response: d })), E.value = B, O.trigger(d), J(d);
+      }).catch(async (d) => {
+        let X = d.message || d.name;
+        return r.onFetchError && ({ error: X } = await r.onFetchError({ data: B, error: d, response: P.value })), D.value = X, o.trigger(d), f ? G(d) : J(null);
       }).finally(() => {
-        K(!1), S && S.stop(), u.trigger(null);
+        K(!1), S && S.stop(), c.trigger(null);
       });
     });
-  }, z = L(r.refetch);
+  }, Q = L(r.refetch);
   I(
     [
-      z,
+      Q,
       L(e)
     ],
-    ([c]) => c && U(),
+    ([f]) => f && U(),
     { deep: !0 }
   );
   const x = {
-    isFinished: h,
-    statusCode: y,
-    response: w,
+    isFinished: i,
+    statusCode: v,
+    response: P,
     error: D,
     data: E,
-    isFetching: p,
+    isFetching: y,
     canAbort: _,
     aborted: F,
     abort: M,
     execute: U,
-    onFetchResponse: g.on,
-    onFetchError: a.on,
-    onFetchFinally: u.on,
+    onFetchResponse: O.on,
+    onFetchError: o.on,
+    onFetchFinally: c.on,
     // method
     get: A("GET"),
     put: A("PUT"),
@@ -298,19 +298,19 @@ function De(e, ...t) {
     arrayBuffer: C("arrayBuffer"),
     formData: C("formData")
   };
-  function A(c) {
-    return (P, m) => {
-      if (!p.value) {
-        o.method = c, o.payload = P, o.payloadType = m, oe(o.payload) && I(
+  function A(f) {
+    return (g, m) => {
+      if (!y.value) {
+        a.method = f, a.payload = g, a.payloadType = m, oe(a.payload) && I(
           [
-            z,
-            L(o.payload)
+            Q,
+            L(a.payload)
           ],
           ([T]) => T && U(),
           { deep: !0 }
         );
-        const H = O(o.payload);
-        return !m && H && Object.getPrototypeOf(H) === Object.prototype && !(H instanceof FormData) && (o.payloadType = "json"), N(d({}, x), {
+        const $ = b(a.payload);
+        return !m && $ && Object.getPrototypeOf($) === Object.prototype && !($ instanceof FormData) && (a.payloadType = "json"), N(p({}, x), {
           then(T, B) {
             return V().then(T, B);
           }
@@ -319,86 +319,72 @@ function De(e, ...t) {
     };
   }
   function V() {
-    return new Promise((c, P) => {
-      Pe(h).toBe(!0).then(() => c(x)).catch((m) => P(m));
+    return new Promise((f, g) => {
+      ve(i).toBe(!0).then(() => f(x)).catch((m) => g(m));
     });
   }
-  function C(c) {
+  function C(f) {
     return () => {
-      if (!p.value)
-        return o.type = c, N(d({}, x), {
-          then(P, m) {
-            return V().then(P, m);
+      if (!y.value)
+        return a.type = f, N(p({}, x), {
+          then(g, m) {
+            return V().then(g, m);
           }
         });
     };
   }
-  return r.immediate && Promise.resolve().then(() => U()), N(d({}, x), {
-    then(c, P) {
-      return V().then(c, P);
+  return r.immediate && Promise.resolve().then(() => U()), N(p({}, x), {
+    then(f, g) {
+      return V().then(f, g);
     }
   });
 }
-function Ce(e, t) {
-  const n = {};
-  return Object.keys(e).forEach((i) => {
-    n[i] = (...r) => {
-      const o = e[i], b = o.type;
-      let l = o.url;
-      l.startsWith("http") || (l = `/api/${l}`), o.hasBody ? l = Y(l, ...r.splice(1)) : l = Y(l, ...r);
-      const v = {
-        ...ie(),
-        ...o.headers()
-      }, g = De(
-        l,
+function $e(e, t, n = "/api/") {
+  const l = {};
+  return Object.keys(e).forEach((r) => {
+    l[r] = (...a) => {
+      const h = e[r], w = h.type;
+      let u = h.url;
+      u.startsWith("http") || (u = `${n}${u}`), h.hasBody ? u = Y(u, ...a.splice(1)) : u = Y(u, ...a);
+      const O = {
+        ...ae(),
+        ...h.headers()
+      }, o = _e(
+        u,
         {
-          method: b
+          method: w
         },
         {
           immediate: !1,
-          beforeFetch({ options: u }) {
-            return u.headers = {
-              ...u.headers,
-              ...v
-            }, o.hasBody && r.length && (u.body = JSON.stringify(r[0])), {
-              options: u
+          beforeFetch({ options: i }) {
+            return i.headers = {
+              ...i.headers,
+              ...O
+            }, h.hasBody && a.length && (i.body = JSON.stringify(a[0])), {
+              options: i
             };
           },
-          onFetchError(u) {
-            return u != null && u.response && t(u), u;
+          onFetchError(i) {
+            return i != null && i.response && t(i), i;
           }
         }
       );
       return {
-        ...Se(v) === "application/json" ? g.json() : g.text()
+        ...je(O) === "application/json" ? o.json() : o.text()
       };
     };
-  }), n;
+  }), l;
 }
-function Se(e) {
+function je(e) {
   return e.accept ?? "*/*";
 }
-function Ne(e) {
+function He(e) {
   return JSON.parse(JSON.stringify(e));
 }
-function Ue(e = 500) {
-  const t = he({
-    debouncer: null,
-    timeout: e
-  });
-  function n(s, ...i) {
-    t.debouncer !== null && window.clearTimeout(t.debouncer), t.debouncer = window.setTimeout(() => s(...i), t.timeout);
-  }
-  return {
-    ...me(t),
-    debounce: n
-  };
-}
 export {
-  Ne as copy,
-  $e as createEndpoint,
-  ie as getDefaultHeaders,
-  He as requestTypes,
-  Ce as useApi,
-  Ue as useDebouncer
+  He as copy,
+  Be as createEndpoint,
+  ae as getDefaultHeaders,
+  Ae as requestTypes,
+  $e as useApi
 };

package/dist/citrus-lime-vue-utils.umd.js

@@ -1 +1 @@
-(function(h,$){typeof exports=="object"&&typeof module<"u"?$(exports,require("@citruslime/utils"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@citruslime/utils","vue"],$):(h=typeof globalThis<"u"?globalThis:h||self,$(h.CitrusLimeVueUtils={},h.CLUtils,h.Vue))})(this,function(h,$,s){"use strict";const ie=["GET","POST","PUT","DELETE"];function ae(e,t,n=null,u=null){return{url:e,type:t,headers:n??I,hasBody:se(t,u)}}function I(){return{accept:"application/json","content-type":"application/json"}}function se(e,t){return!!(t===null&&(e==="PUT"||e==="POST")||t)}function Q(e){return s.getCurrentScope()?(s.onScopeDispose(e),!0):!1}function L(){const e=new Set,t=i=>{e.delete(i)};return{on:i=>{e.add(i);const r=()=>t(i);return Q(r),{off:r}},off:t,trigger:i=>Promise.all(Array.from(e).map(r=>r(i)))}}function O(e){return typeof e=="function"?e():s.unref(e)}const X=typeof window<"u",le=()=>{};function Y(e,t=!1,n="Timeout"){return new Promise((u,i)=>{setTimeout(t?()=>i(n):u,e)})}function ue(e,...t){return t.some(n=>n in e)}function R(...e){if(e.length!==1)return s.toRef(...e);const t=e[0];return typeof t=="function"?s.readonly(s.customRef(()=>({get:t,set:le}))):s.ref(t)}function K(e,t=!1){function n(a,{flush:l="sync",deep:m=!1,timeout:y,throwOnTimeout:v}={}){let T=null;const A=[new Promise(_=>{T=s.watch(e,D=>{a(D)!==t&&(T==null||T(),_(D))},{flush:l,deep:m,immediate:!0})})];return y!=null&&A.push(Y(y,v).then(()=>O(e)).finally(()=>T==null?void 0:T())),Promise.race(A)}function u(a,l){if(!s.isRef(a))return n(D=>D===a,l);const{flush:m="sync",deep:y=!1,timeout:v,throwOnTimeout:T}=l??{};let b=null;const _=[new Promise(D=>{b=s.watch([e,a],([S,B])=>{t!==(S===B)&&(b==null||b(),D(S))},{flush:m,deep:y,immediate:!0})})];return v!=null&&_.push(Y(v,T).then(()=>O(e)).finally(()=>(b==null||b(),O(e)))),Promise.race(_)}function i(a){return n(l=>!!l,a)}function r(a){return u(null,a)}function o(a){return u(void 0,a)}function F(a){return n(Number.isNaN,a)}function c(a,l){return n(m=>{const y=Array.from(m);return y.includes(a)||y.includes(O(a))},l)}function P(a){return E(1,a)}function E(a=1,l){let m=-1;return n(()=>(m+=1,m>=a),l)}return Array.isArray(O(e))?{toMatch:n,toContains:c,changed:P,changedTimes:E,get not(){return K(e,!t)}}:{toMatch:n,toBe:u,toBeTruthy:i,toBeNull:r,toBeNaN:F,toBeUndefined:o,changed:P,changedTimes:E,get not(){return K(e,!t)}}}function ce(e){return K(e)}function fe(e,t,n={}){const{immediate:u=!0}=n,i=s.ref(!1);let r=null;function o(){r&&(clearTimeout(r),r=null)}function F(){i.value=!1,o()}function c(...P){o(),i.value=!0,r=setTimeout(()=>{i.value=!1,r=null,e(...P)},O(t))}return u&&(i.value=!0,X&&c()),Q(F),{isPending:s.readonly(i),start:c,stop:F}}const de=X?window:void 0;var pe=Object.defineProperty,he=Object.defineProperties,ye=Object.getOwnPropertyDescriptors,Z=Object.getOwnPropertySymbols,me=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable,ee=(e,t,n)=>t in e?pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,f=(e,t)=>{for(var n in t||(t={}))me.call(t,n)&&ee(e,n,t[n]);if(Z)for(var n of Z(t))we.call(t,n)&&ee(e,n,t[n]);return e},U=(e,t)=>he(e,ye(t));const Te={json:"application/json",text:"text/plain"};function te(e){return e&&ue(e,"immediate","refetch","initialData","timeout","beforeFetch","afterFetch","onFetchError","fetch")}function W(e){return typeof Headers<"u"&&e instanceof Headers?Object.fromEntries([...e.entries()]):e}function Pe(e,...t){var n;const u=typeof AbortController=="function";let i={},r={immediate:!0,refetch:!1,timeout:0};const o={method:"GET",type:"text",payload:void 0};t.length>0&&(te(t[0])?r=f(f({},r),t[0]):i=t[0]),t.length>1&&te(t[1])&&(r=f(f({},r),t[1]));const{fetch:F=(n=de)==null?void 0:n.fetch,initialData:c,timeout:P}=r,E=L(),a=L(),l=L(),m=s.ref(!1),y=s.ref(!1),v=s.ref(!1),T=s.ref(null),b=s.shallowRef(null),A=s.shallowRef(null),_=s.shallowRef(c||null),D=s.computed(()=>u&&y.value);let S,B;const k=()=>{u&&(S==null||S.abort(),S=new AbortController,S.signal.onabort=()=>v.value=!0,i=U(f({},i),{signal:S.signal}))},x=d=>{y.value=d,m.value=!d};P&&(B=fe(k,P,{immediate:!1}));const J=async(d=!1)=>{var g;k(),x(!0),A.value=null,T.value=null,v.value=!1;const w={method:o.method,headers:{}};if(o.payload){const V=W(w.headers);o.payloadType&&(V["Content-Type"]=(g=Te[o.payloadType])!=null?g:o.payloadType);const G=O(o.payload);w.body=o.payloadType==="json"?JSON.stringify(G):G}let N=!1;const j={url:O(e),options:f(f({},w),i),cancel:()=>{N=!0}};if(r.beforeFetch&&Object.assign(j,await r.beforeFetch(j)),N||!F)return x(!1),Promise.resolve(null);let C=null;return B&&B.start(),new Promise((V,G)=>{var re;F(j.url,U(f(f({},w),j.options),{headers:f(f({},W(w.headers)),W((re=j.options)==null?void 0:re.headers))})).then(async p=>{if(b.value=p,T.value=p.status,C=await p[o.type](),!p.ok)throw _.value=c||null,new Error(p.statusText);return r.afterFetch&&({data:C}=await r.afterFetch({data:C,response:p})),_.value=C,E.trigger(p),V(p)}).catch(async p=>{let oe=p.message||p.name;return r.onFetchError&&({error:oe}=await r.onFetchError({data:C,error:p,response:b.value})),A.value=oe,a.trigger(p),d?G(p):V(null)}).finally(()=>{x(!1),B&&B.stop(),l.trigger(null)})})},ne=R(r.refetch);s.watch([ne,R(e)],([d])=>d&&J(),{deep:!0});const M={isFinished:m,statusCode:T,response:b,error:A,data:_,isFetching:y,canAbort:D,aborted:v,abort:k,execute:J,onFetchResponse:E.on,onFetchError:a.on,onFetchFinally:l.on,get:H("GET"),put:H("PUT"),post:H("POST"),delete:H("DELETE"),patch:H("PATCH"),head:H("HEAD"),options:H("OPTIONS"),json:q("json"),text:q("text"),blob:q("blob"),arrayBuffer:q("arrayBuffer"),formData:q("formData")};function H(d){return(g,w)=>{if(!y.value){o.method=d,o.payload=g,o.payloadType=w,s.isRef(o.payload)&&s.watch([ne,R(o.payload)],([j])=>j&&J(),{deep:!0});const N=O(o.payload);return!w&&N&&Object.getPrototypeOf(N)===Object.prototype&&!(N instanceof FormData)&&(o.payloadType="json"),U(f({},M),{then(j,C){return z().then(j,C)}})}}}function z(){return new Promise((d,g)=>{ce(m).toBe(!0).then(()=>d(M)).catch(w=>g(w))})}function q(d){return()=>{if(!y.value)return o.type=d,U(f({},M),{then(g,w){return z().then(g,w)}})}}return r.immediate&&Promise.resolve().then(()=>J()),U(f({},M),{then(d,g){return z().then(d,g)}})}function be(e,t){const n={};return Object.keys(e).forEach(i=>{n[i]=(...r)=>{const o=e[i],F=o.type;let c=o.url;c.startsWith("http")||(c=`/api/${c}`),o.hasBody?c=$.replacePlaceholders(c,...r.splice(1)):c=$.replacePlaceholders(c,...r);const P={...I(),...o.headers()},E=Pe(c,{method:F},{immediate:!1,beforeFetch({options:l}){return l.headers={...l.headers,...P},o.hasBody&&r.length&&(l.body=JSON.stringify(r[0])),{options:l}},onFetchError(l){return l!=null&&l.response&&t(l),l}});return{...ge(P)==="application/json"?E.json():E.text()}}}),n}function ge(e){return e.accept??"*/*"}function Oe(e){return JSON.parse(JSON.stringify(e))}function Fe(e=500){const t=s.reactive({debouncer:null,timeout:e});function n(u,...i){t.debouncer!==null&&window.clearTimeout(t.debouncer),t.debouncer=window.setTimeout(()=>u(...i),t.timeout)}return{...s.toRefs(t),debounce:n}}h.copy=Oe,h.createEndpoint=ae,h.getDefaultHeaders=I,h.requestTypes=ie,h.useApi=be,h.useDebouncer=Fe,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
+(function(w,$){typeof exports=="object"&&typeof module<"u"?$(exports,require("@citruslime/utils"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@citruslime/utils","vue"],$):(w=typeof globalThis<"u"?globalThis:w||self,$(w.CitrusLimeVueUtils={},w.CLUtils,w.Vue))})(this,function(w,$,a){"use strict";const ie=["GET","POST","PUT","DELETE"];function ae(e,t,n=null,u=null){return{url:e,type:t,headers:n??I,hasBody:se(t,u)}}function I(){return{accept:"application/json","content-type":"application/json"}}function se(e,t){return!!(t===null&&(e==="PUT"||e==="POST")||t)}function Q(e){return a.getCurrentScope()?(a.onScopeDispose(e),!0):!1}function L(){const e=new Set,t=l=>{e.delete(l)};return{on:l=>{e.add(l);const r=()=>t(l);return Q(r),{off:r}},off:t,trigger:l=>Promise.all(Array.from(e).map(r=>r(l)))}}function b(e){return typeof e=="function"?e():a.unref(e)}const X=typeof window<"u",le=()=>{};function Y(e,t=!1,n="Timeout"){return new Promise((u,l)=>{setTimeout(t?()=>l(n):u,e)})}function ue(e,...t){return t.some(n=>n in e)}function K(...e){if(e.length!==1)return a.toRef(...e);const t=e[0];return typeof t=="function"?a.readonly(a.customRef(()=>({get:t,set:le}))):a.ref(t)}function R(e,t=!1){function n(o,{flush:f="sync",deep:s=!1,timeout:m,throwOnTimeout:j}={}){let T=null;const A=[new Promise(_=>{T=a.watch(e,D=>{o(D)!==t&&(T==null||T(),_(D))},{flush:f,deep:s,immediate:!0})})];return m!=null&&A.push(Y(m,j).then(()=>b(e)).finally(()=>T==null?void 0:T())),Promise.race(A)}function u(o,f){if(!a.isRef(o))return n(D=>D===o,f);const{flush:s="sync",deep:m=!1,timeout:j,throwOnTimeout:T}=f??{};let g=null;const _=[new Promise(D=>{g=a.watch([e,o],([S,B])=>{t!==(S===B)&&(g==null||g(),D(S))},{flush:s,deep:m,immediate:!0})})];return j!=null&&_.push(Y(j,T).then(()=>b(e)).finally(()=>(g==null||g(),b(e)))),Promise.race(_)}function l(o){return n(f=>!!f,o)}function r(o){return u(null,o)}function i(o){return u(void 0,o)}function y(o){return n(Number.isNaN,o)}function F(o,f){return n(s=>{const m=Array.from(s);return m.includes(o)||m.includes(b(o))},f)}function c(o){return v(1,o)}function v(o=1,f){let s=-1;return n(()=>(s+=1,s>=o),f)}return Array.isArray(b(e))?{toMatch:n,toContains:F,changed:c,changedTimes:v,get not(){return R(e,!t)}}:{toMatch:n,toBe:u,toBeTruthy:l,toBeNull:r,toBeNaN:y,toBeUndefined:i,changed:c,changedTimes:v,get not(){return R(e,!t)}}}function ce(e){return R(e)}function fe(e,t,n={}){const{immediate:u=!0}=n,l=a.ref(!1);let r=null;function i(){r&&(clearTimeout(r),r=null)}function y(){l.value=!1,i()}function F(...c){i(),l.value=!0,r=setTimeout(()=>{l.value=!1,r=null,e(...c)},b(t))}return u&&(l.value=!0,X&&F()),Q(y),{isPending:a.readonly(l),start:F,stop:y}}const de=X?window:void 0;var pe=Object.defineProperty,he=Object.defineProperties,ye=Object.getOwnPropertyDescriptors,Z=Object.getOwnPropertySymbols,me=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable,ee=(e,t,n)=>t in e?pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,d=(e,t)=>{for(var n in t||(t={}))me.call(t,n)&&ee(e,n,t[n]);if(Z)for(var n of Z(t))we.call(t,n)&&ee(e,n,t[n]);return e},U=(e,t)=>he(e,ye(t));const Pe={json:"application/json",text:"text/plain"};function te(e){return e&&ue(e,"immediate","refetch","initialData","timeout","beforeFetch","afterFetch","onFetchError","fetch")}function W(e){return typeof Headers<"u"&&e instanceof Headers?Object.fromEntries([...e.entries()]):e}function Te(e,...t){var n;const u=typeof AbortController=="function";let l={},r={immediate:!0,refetch:!1,timeout:0};const i={method:"GET",type:"text",payload:void 0};t.length>0&&(te(t[0])?r=d(d({},r),t[0]):l=t[0]),t.length>1&&te(t[1])&&(r=d(d({},r),t[1]));const{fetch:y=(n=de)==null?void 0:n.fetch,initialData:F,timeout:c}=r,v=L(),o=L(),f=L(),s=a.ref(!1),m=a.ref(!1),j=a.ref(!1),T=a.ref(null),g=a.shallowRef(null),A=a.shallowRef(null),_=a.shallowRef(F||null),D=a.computed(()=>u&&m.value);let S,B;const x=()=>{u&&(S==null||S.abort(),S=new AbortController,S.signal.onabort=()=>j.value=!0,l=U(d({},l),{signal:S.signal}))},k=p=>{m.value=p,s.value=!p};c&&(B=fe(x,c,{immediate:!1}));const J=async(p=!1)=>{var O;x(),k(!0),A.value=null,T.value=null,j.value=!1;const P={method:i.method,headers:{}};if(i.payload){const V=W(P.headers);i.payloadType&&(V["Content-Type"]=(O=Pe[i.payloadType])!=null?O:i.payloadType);const G=b(i.payload);P.body=i.payloadType==="json"?JSON.stringify(G):G}let N=!1;const E={url:b(e),options:d(d({},P),l),cancel:()=>{N=!0}};if(r.beforeFetch&&Object.assign(E,await r.beforeFetch(E)),N||!y)return k(!1),Promise.resolve(null);let C=null;return B&&B.start(),new Promise((V,G)=>{var re;y(E.url,U(d(d({},P),E.options),{headers:d(d({},W(P.headers)),W((re=E.options)==null?void 0:re.headers))})).then(async h=>{if(g.value=h,T.value=h.status,C=await h[i.type](),!h.ok)throw _.value=F||null,new Error(h.statusText);return r.afterFetch&&({data:C}=await r.afterFetch({data:C,response:h})),_.value=C,v.trigger(h),V(h)}).catch(async h=>{let oe=h.message||h.name;return r.onFetchError&&({error:oe}=await r.onFetchError({data:C,error:h,response:g.value})),A.value=oe,o.trigger(h),p?G(h):V(null)}).finally(()=>{k(!1),B&&B.stop(),f.trigger(null)})})},ne=K(r.refetch);a.watch([ne,K(e)],([p])=>p&&J(),{deep:!0});const M={isFinished:s,statusCode:T,response:g,error:A,data:_,isFetching:m,canAbort:D,aborted:j,abort:x,execute:J,onFetchResponse:v.on,onFetchError:o.on,onFetchFinally:f.on,get:H("GET"),put:H("PUT"),post:H("POST"),delete:H("DELETE"),patch:H("PATCH"),head:H("HEAD"),options:H("OPTIONS"),json:q("json"),text:q("text"),blob:q("blob"),arrayBuffer:q("arrayBuffer"),formData:q("formData")};function H(p){return(O,P)=>{if(!m.value){i.method=p,i.payload=O,i.payloadType=P,a.isRef(i.payload)&&a.watch([ne,K(i.payload)],([E])=>E&&J(),{deep:!0});const N=b(i.payload);return!P&&N&&Object.getPrototypeOf(N)===Object.prototype&&!(N instanceof FormData)&&(i.payloadType="json"),U(d({},M),{then(E,C){return z().then(E,C)}})}}}function z(){return new Promise((p,O)=>{ce(s).toBe(!0).then(()=>p(M)).catch(P=>O(P))})}function q(p){return()=>{if(!m.value)return i.type=p,U(d({},M),{then(O,P){return z().then(O,P)}})}}return r.immediate&&Promise.resolve().then(()=>J()),U(d({},M),{then(p,O){return z().then(p,O)}})}function ge(e,t,n="/api/"){const u={};return Object.keys(e).forEach(r=>{u[r]=(...i)=>{const y=e[r],F=y.type;let c=y.url;c.startsWith("http")||(c=`${n}${c}`),y.hasBody?c=$.replacePlaceholders(c,...i.splice(1)):c=$.replacePlaceholders(c,...i);const v={...I(),...y.headers()},o=Te(c,{method:F},{immediate:!1,beforeFetch({options:s}){return s.headers={...s.headers,...v},y.hasBody&&i.length&&(s.body=JSON.stringify(i[0])),{options:s}},onFetchError(s){return s!=null&&s.response&&t(s),s}});return{...Oe(v)==="application/json"?o.json():o.text()}}}),u}function Oe(e){return e.accept??"*/*"}function be(e){return JSON.parse(JSON.stringify(e))}w.copy=be,w.createEndpoint=ae,w.getDefaultHeaders=I,w.requestTypes=ie,w.useApi=ge,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});

package/dist/utils/api/factory.d.ts

@@ -6,10 +6,11 @@ export type ApiRequest<TResponseModel> = ReturnType<typeof useFetch<TResponseMod
  *
  * @param endpoints The endpoints provided to build with the factory.
  * @param handleFetchErrorResponse The error handler for the api factory.
+ * @param prefix The prefix to append to the url (defaults to '/api/').
  * @returns An API object containing request methods.
  */
 export declare function useApi<TEndpoint extends Record<keyof TEndpoint, Endpoint>>(endpoints: TEndpoint, handleFetchErrorResponse: (context: {
     data: any;
     response: Response | null;
     error: any;
-}) => void): Record<keyof TEndpoint, <TResponseModel>(...values: unknown[]) => ApiRequest<TResponseModel>>;
+}) => void, prefix?: string): Record<keyof TEndpoint, <TResponseModel>(...values: unknown[]) => ApiRequest<TResponseModel>>;

package/dist/utils/index.d.ts

@@ -1,4 +1,3 @@
 export * from './api/endpoints';
 export * from './api/factory';
 export * from './copy';
-export * from './debouncer';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@citruslime/vue-utils",
-    "version": "1.4.3-beta.0",
+    "version": "1.4.3-beta.2",
     "type": "module",
     "author": {
         "name": "Citrus-Lime Ltd",

package/dist/utils/debouncer.d.ts

@@ -1,13 +0,0 @@
-import type { Ref } from 'vue';
-export interface Debouncer {
-    debouncer: Ref<number | null>;
-    timeout: Ref<number>;
-    debounce(event: Function, ...eventArgs: unknown[]): void;
-}
-/**
- * Composable for creating a debouncer.
- *
- * @param timeout The timeout, in milliseconds, to use when debouncing.
- * @returns A debouncer composable.
- */
-export declare function useDebouncer(timeout?: number): Debouncer;