@citruslime/vue-utils 1.4.2 → 1.4.3-beta.1

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

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

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.2",
+    "version": "1.4.3-beta.1",
     "type": "module",
     "author": {
         "name": "Citrus-Lime Ltd",
@@ -33,7 +33,7 @@
         "build-types": "vue-tsc --declaration --emitDeclarationOnly --declarationDir ./dist --project ./tsconfig.app.json --composite false"
     },
     "dependencies": {
-        "@citruslime/utils": "^1.2.0",
+        "@citruslime/utils": "^1.3.0-beta.0",
         "@vueuse/core": "^10.2.1",
         "vue": "^3.2.47"
     }

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;