@citruslime/vue-utils 1.2.0 → 1.2.1-beta.0

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

@@ -1,46 +1,46 @@
-import { replacePlaceholders as ne } from "@citruslime/utils";
-import { computed as fe, ref as B, readonly as ye, unref as he, getCurrentScope as me, onScopeDispose as Oe, watch as G, isRef as X, shallowRef as M, reactive as ve, toRefs as ge } from "vue";
-const Ke = [
+import { replacePlaceholders as te } from "@citruslime/utils";
+import { computed as ce, ref as D, readonly as ye, unref as he, getCurrentScope as me, onScopeDispose as Oe, watch as G, isRef as fe, shallowRef as M, reactive as ve, toRefs as we } from "vue";
+const Je = [
   "GET",
   "POST",
   "PUT",
   "DELETE"
 ];
-function Le(e, t, n = null, s = null) {
+function Ke(e, t, n = null, s = null) {
   return {
     url: e,
     type: t,
-    headers: n ?? we(),
-    hasBody: be(t, s)
+    headers: n ?? de,
+    hasBody: ge(t, s)
   };
 }
-function we() {
+function de() {
   return {
-    Accept: "application/json",
-    "Content-Type": "application/json"
+    accept: "application/json",
+    "content-type": "application/json"
   };
 }
-function be(e, t) {
+function ge(e, t) {
   return !!(t === null && (e === "PUT" || e === "POST") || t);
 }
-var re;
-const Y = typeof window < "u";
-Y && ((re = window == null ? void 0 : window.navigator) != null && re.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+var ne;
+const X = typeof window < "u";
+X && ((ne = window == null ? void 0 : window.navigator) != null && ne.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function E(e) {
   return typeof e == "function" ? e() : he(e);
 }
-function oe(e, t = !1, n = "Timeout") {
+function re(e, t = !1, n = "Timeout") {
   return new Promise((s, a) => {
     setTimeout(t ? () => a(n) : s, e);
   });
 }
-function Te(e) {
+function be(e) {
   return e;
 }
 function Pe(e, ...t) {
   return t.some((n) => n in e);
 }
-function de(e) {
+function pe(e) {
   return me() ? (Oe(e), !0) : !1;
 }
 function W() {
@@ -52,7 +52,7 @@ function W() {
     on: (a) => {
       e.push(a);
       const r = () => t(a);
-      return de(r), {
+      return pe(r), {
         off: r
       };
     },
@@ -63,37 +63,37 @@ function W() {
   };
 }
 function V(e) {
-  return typeof e == "function" ? fe(e) : B(e);
+  return typeof e == "function" ? ce(e) : D(e);
 }
 function q(e, t = !1) {
   function n(i, { flush: u = "sync", deep: h = !1, timeout: d, throwOnTimeout: F } = {}) {
     let p = null;
-    const C = [new Promise((j) => {
-      p = G(e, (I) => {
-        i(I) !== t && (p == null || p(), j(I));
+    const N = [new Promise((I) => {
+      p = G(e, (j) => {
+        i(j) !== t && (p == null || p(), I(j));
       }, {
         flush: u,
         deep: h,
         immediate: !0
       });
     })];
-    return d != null && C.push(oe(d, F).then(() => E(e)).finally(() => p == null ? void 0 : p())), Promise.race(C);
+    return d != null && N.push(re(d, F).then(() => E(e)).finally(() => p == null ? void 0 : p())), Promise.race(N);
   }
   function s(i, u) {
-    if (!X(i))
-      return n((I) => I === i, u);
+    if (!fe(i))
+      return n((j) => j === i, u);
     const { flush: h = "sync", deep: d = !1, timeout: F, throwOnTimeout: p } = u ?? {};
     let v = null;
-    const j = [new Promise((I) => {
-      v = G([e, i], ([T, N]) => {
-        t !== (T === N) && (v == null || v(), I(T));
+    const I = [new Promise((j) => {
+      v = G([e, i], ([P, S]) => {
+        t !== (P === S) && (v == null || v(), j(P));
       }, {
         flush: h,
         deep: d,
         immediate: !0
       });
     })];
-    return F != null && j.push(oe(F, p).then(() => E(e)).finally(() => (v == null || v(), E(e)))), Promise.race(j);
+    return F != null && I.push(re(F, p).then(() => E(e)).finally(() => (v == null || v(), E(e)))), Promise.race(I);
   }
   function a(i) {
     return n((u) => Boolean(u), i);
@@ -104,7 +104,7 @@ function q(e, t = !1) {
   function o(i) {
     return s(void 0, i);
   }
-  function w(i) {
+  function g(i) {
     return n(Number.isNaN, i);
   }
   function y(i, u) {
@@ -133,7 +133,7 @@ function q(e, t = !1) {
     toBe: s,
     toBeTruthy: a,
     toBeNull: r,
-    toBeNaN: w,
+    toBeNaN: g,
     toBeUndefined: o,
     changed: O,
     changedTimes: b,
@@ -142,18 +142,18 @@ function q(e, t = !1) {
     }
   };
 }
-function _e(e) {
+function Te(e) {
   return q(e);
 }
-function Ee(e, t, n = {}) {
+function _e(e, t, n = {}) {
   const {
     immediate: s = !0
-  } = n, a = B(!1);
+  } = n, a = D(!1);
   let r = null;
   function o() {
     r && (clearTimeout(r), r = null);
   }
-  function w() {
+  function g() {
     a.value = !1, o();
   }
   function y(...O) {
@@ -161,34 +161,34 @@ function Ee(e, t, n = {}) {
       a.value = !1, r = null, e(...O);
     }, E(t));
   }
-  return s && (a.value = !0, Y && y()), de(w), {
+  return s && (a.value = !0, X && y()), pe(g), {
     isPending: ye(a),
     start: y,
-    stop: w
+    stop: g
   };
 }
-const Fe = Y ? window : void 0, R = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, z = "__vueuse_ssr_handlers__";
-R[z] = R[z] || {};
-R[z];
-var je = Object.defineProperty, Ie = Object.defineProperties, Ce = Object.getOwnPropertyDescriptors, ae = Object.getOwnPropertySymbols, Ne = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable, ie = (e, t, n) => t in e ? je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
+const Ee = X ? window : void 0, z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, R = "__vueuse_ssr_handlers__";
+z[R] = z[R] || {};
+z[R];
+var Fe = Object.defineProperty, Ie = Object.defineProperties, je = Object.getOwnPropertyDescriptors, oe = Object.getOwnPropertySymbols, Ne = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable, ae = (e, t, n) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
   for (var n in t || (t = {}))
-    Ne.call(t, n) && ie(e, n, t[n]);
-  if (ae)
-    for (var n of ae(t))
-      Se.call(t, n) && ie(e, n, t[n]);
+    Ne.call(t, n) && ae(e, n, t[n]);
+  if (oe)
+    for (var n of oe(t))
+      Se.call(t, n) && ae(e, n, t[n]);
   return e;
-}, H = (e, t) => Ie(e, Ce(t));
-const Ae = {
+}, H = (e, t) => Ie(e, je(t));
+const Be = {
   json: "application/json",
   text: "text/plain"
 };
-function ue(e) {
+function ie(e) {
   return e && Pe(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch");
 }
 function k(e) {
   return typeof Headers < "u" && e instanceof Headers ? Object.fromEntries([...e.entries()]) : e;
 }
-function Be(e, ...t) {
+function Ce(e, ...t) {
   var n;
   const s = typeof AbortController == "function";
   let a = {}, r = { immediate: !0, refetch: !1, timeout: 0 };
@@ -197,23 +197,23 @@ function Be(e, ...t) {
     type: "text",
     payload: void 0
   };
-  t.length > 0 && (ue(t[0]) ? r = f(f({}, r), t[0]) : a = t[0]), t.length > 1 && ue(t[1]) && (r = f(f({}, r), t[1]));
+  t.length > 0 && (ie(t[0]) ? r = f(f({}, r), t[0]) : a = t[0]), t.length > 1 && ie(t[1]) && (r = f(f({}, r), t[1]));
   const {
-    fetch: w = (n = Fe) == null ? void 0 : n.fetch,
+    fetch: g = (n = Ee) == null ? void 0 : n.fetch,
     initialData: y,
     timeout: O
-  } = r, b = W(), i = W(), u = W(), h = B(!1), d = B(!1), F = B(!1), p = B(null), v = M(null), C = M(null), j = M(y), I = fe(() => s && d.value);
-  let T, N;
+  } = r, b = W(), i = W(), u = W(), h = D(!1), d = D(!1), F = D(!1), p = D(null), v = M(null), N = M(null), I = M(y), j = ce(() => s && d.value);
+  let P, S;
   const J = () => {
-    s && T && (T.abort(), T = void 0);
+    s && P && (P.abort(), P = void 0);
   }, K = (l) => {
     d.value = l, h.value = !l;
   };
-  O && (N = Ee(J, O, { immediate: !1 }));
+  O && (S = _e(J, O, { immediate: !1 }));
   const $ = async (l = !1) => {
-    var g;
-    K(!0), C.value = null, p.value = null, F.value = !1, s && (J(), T = new AbortController(), T.signal.onabort = () => F.value = !0, a = H(f({}, a), {
-      signal: T.signal
+    var w;
+    K(!0), N.value = null, p.value = null, F.value = !1, s && (J(), P = new AbortController(), P.signal.onabort = () => F.value = !0, a = H(f({}, a), {
+      signal: P.signal
     }));
     const m = {
       method: o.method,
@@ -221,118 +221,118 @@ function Be(e, ...t) {
     };
     if (o.payload) {
       const Q = k(m.headers);
-      o.payloadType && (Q["Content-Type"] = (g = Ae[o.payloadType]) != null ? g : o.payloadType);
+      o.payloadType && (Q["Content-Type"] = (w = Be[o.payloadType]) != null ? w : o.payloadType);
       const U = E(o.payload);
       m.body = o.payloadType === "json" ? JSON.stringify(U) : U;
     }
-    let A = !1;
-    const P = {
+    let C = !1;
+    const T = {
       url: E(e),
       options: f(f({}, m), a),
       cancel: () => {
-        A = !0;
+        C = !0;
       }
     };
-    if (r.beforeFetch && Object.assign(P, await r.beforeFetch(P)), A || !w)
+    if (r.beforeFetch && Object.assign(T, await r.beforeFetch(T)), C || !g)
       return K(!1), Promise.resolve(null);
     let _ = null;
-    return N && N.start(), new Promise((Q, U) => {
-      var ee;
-      w(P.url, H(f(f({}, m), P.options), {
-        headers: f(f({}, k(m.headers)), k((ee = P.options) == null ? void 0 : ee.headers))
+    return S && S.start(), new Promise((Q, U) => {
+      var Z;
+      g(T.url, H(f(f({}, m), T.options), {
+        headers: f(f({}, k(m.headers)), k((Z = T.options) == null ? void 0 : Z.headers))
       })).then(async (c) => {
-        if (v.value = c, p.value = c.status, _ = await c[o.type](), r.afterFetch && p.value >= 200 && p.value < 300 && ({ data: _ } = await r.afterFetch({ data: _, response: c })), j.value = _, !c.ok)
+        if (v.value = c, p.value = c.status, _ = await c[o.type](), r.afterFetch && p.value >= 200 && p.value < 300 && ({ data: _ } = await r.afterFetch({ data: _, response: c })), I.value = _, !c.ok)
           throw new Error(c.statusText);
         return b.trigger(c), Q(c);
       }).catch(async (c) => {
-        let te = c.message || c.name;
-        return r.onFetchError && ({ data: _, error: te } = await r.onFetchError({ data: _, error: c, response: v.value })), j.value = _, C.value = te, i.trigger(c), l ? U(c) : Q(null);
+        let ee = c.message || c.name;
+        return r.onFetchError && ({ data: _, error: ee } = await r.onFetchError({ data: _, error: c, response: v.value })), I.value = _, N.value = ee, i.trigger(c), l ? U(c) : Q(null);
       }).finally(() => {
-        K(!1), N && N.stop(), u.trigger(null);
+        K(!1), S && S.stop(), u.trigger(null);
       });
     });
-  }, Z = V(r.refetch);
+  }, Y = V(r.refetch);
   G([
-    Z,
+    Y,
     V(e)
   ], ([l]) => l && $(), { deep: !0 });
   const x = {
     isFinished: h,
     statusCode: p,
     response: v,
-    error: C,
-    data: j,
+    error: N,
+    data: I,
     isFetching: d,
-    canAbort: I,
+    canAbort: j,
     aborted: F,
     abort: J,
     execute: $,
     onFetchResponse: b.on,
     onFetchError: i.on,
     onFetchFinally: u.on,
-    get: S("GET"),
-    put: S("PUT"),
-    post: S("POST"),
-    delete: S("DELETE"),
-    patch: S("PATCH"),
-    head: S("HEAD"),
-    options: S("OPTIONS"),
-    json: D("json"),
-    text: D("text"),
-    blob: D("blob"),
-    arrayBuffer: D("arrayBuffer"),
-    formData: D("formData")
+    get: B("GET"),
+    put: B("PUT"),
+    post: B("POST"),
+    delete: B("DELETE"),
+    patch: B("PATCH"),
+    head: B("HEAD"),
+    options: B("OPTIONS"),
+    json: A("json"),
+    text: A("text"),
+    blob: A("blob"),
+    arrayBuffer: A("arrayBuffer"),
+    formData: A("formData")
   };
-  function S(l) {
-    return (g, m) => {
+  function B(l) {
+    return (w, m) => {
       if (!d.value) {
-        o.method = l, o.payload = g, o.payloadType = m, X(o.payload) && G([
-          Z,
+        o.method = l, o.payload = w, o.payloadType = m, fe(o.payload) && G([
+          Y,
           V(o.payload)
-        ], ([P]) => P && $(), { deep: !0 });
-        const A = E(o.payload);
-        return !m && A && Object.getPrototypeOf(A) === Object.prototype && !(A instanceof FormData) && (o.payloadType = "json"), H(f({}, x), {
-          then(P, _) {
-            return L().then(P, _);
+        ], ([T]) => T && $(), { deep: !0 });
+        const C = E(o.payload);
+        return !m && C && Object.getPrototypeOf(C) === Object.prototype && !(C instanceof FormData) && (o.payloadType = "json"), H(f({}, x), {
+          then(T, _) {
+            return L().then(T, _);
           }
         });
       }
     };
   }
   function L() {
-    return new Promise((l, g) => {
-      _e(h).toBe(!0).then(() => l(x)).catch((m) => g(m));
+    return new Promise((l, w) => {
+      Te(h).toBe(!0).then(() => l(x)).catch((m) => w(m));
     });
   }
-  function D(l) {
+  function A(l) {
     return () => {
       if (!d.value)
         return o.type = l, H(f({}, x), {
-          then(g, m) {
-            return L().then(g, m);
+          then(w, m) {
+            return L().then(w, m);
           }
         });
     };
   }
   return r.immediate && setTimeout($, 0), H(f({}, x), {
-    then(l, g) {
-      return L().then(l, g);
+    then(l, w) {
+      return L().then(l, w);
     }
   });
 }
-var se;
+var ue;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(se || (se = {}));
-var De = Object.defineProperty, le = Object.getOwnPropertySymbols, He = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable, ce = (e, t, n) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, xe = (e, t) => {
+})(ue || (ue = {}));
+var De = Object.defineProperty, se = Object.getOwnPropertySymbols, Ae = Object.prototype.hasOwnProperty, He = Object.prototype.propertyIsEnumerable, le = (e, t, n) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, $e = (e, t) => {
   for (var n in t || (t = {}))
-    He.call(t, n) && ce(e, n, t[n]);
-  if (le)
-    for (var n of le(t))
-      $e.call(t, n) && ce(e, n, t[n]);
+    Ae.call(t, n) && le(e, n, t[n]);
+  if (se)
+    for (var n of se(t))
+      He.call(t, n) && le(e, n, t[n]);
   return e;
 };
-const Qe = {
+const xe = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -358,24 +358,23 @@ const Qe = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-xe({
-  linear: Te
-}, Qe);
-function Me(e, t) {
+$e({
+  linear: be
+}, xe);
+function Le(e, t) {
   const n = {};
   return Object.keys(e).forEach((a) => {
     n[a] = (...r) => {
-      const o = e[a], w = o.type;
+      const o = e[a], g = o.type;
       let y = `/api/${o.url}`;
-      o.hasBody ? y = ne(y, ...r.splice(1)) : y = ne(y, ...r);
+      o.hasBody ? y = te(y, ...r.splice(1)) : y = te(y, ...r);
       const O = {
-        Accept: "application/json",
-        "Content-Type": "application/json",
-        ...pe(o.headers)
-      }, b = Be(
+        ...de(),
+        ...o.headers()
+      }, b = Ce(
         y,
         {
-          method: w
+          method: g
         },
         {
           immediate: !1,
@@ -393,23 +392,18 @@ function Me(e, t) {
         }
       );
       return {
-        ...Ue(O) === "application/json" ? b.json() : b.text()
+        ...Qe(O) === "application/json" ? b.json() : b.text()
       };
     };
   }), n;
 }
-function Ue(e) {
-  const t = pe(e);
-  return (t == null ? void 0 : t.accept) ?? "";
-}
-function pe(e) {
-  let t = {};
-  return X(e) ? t = e.value : t = e, t;
+function Qe(e) {
+  return e.accept ?? "*/*";
 }
-function We(e) {
+function Me(e) {
   return JSON.parse(JSON.stringify(e));
 }
-function Ve(e = 500) {
+function We(e = 500) {
   const t = ve({
     debouncer: null,
     timeout: e
@@ -418,14 +412,15 @@ function Ve(e = 500) {
     t.debouncer !== null && window.clearTimeout(t.debouncer), t.debouncer = window.setTimeout(() => s(...a), t.timeout);
   }
   return {
-    ...ge(t),
+    ...we(t),
     debounce: n
   };
 }
 export {
-  We as copy,
-  Le as createEndpoint,
-  Ke as requestTypes,
-  Me as useApi,
-  Ve as useDebouncer
+  Me as copy,
+  Ke as createEndpoint,
+  de as getDefaultHeaders,
+  Je as requestTypes,
+  Le as useApi,
+  We as useDebouncer
 };

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

@@ -1 +1 @@
-(function(h,B){typeof exports=="object"&&typeof module<"u"?B(exports,require("@citruslime/utils"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@citruslime/utils","vue"],B):(h=typeof globalThis<"u"?globalThis:h||self,B(h.CitrusLimeVueUtils={},h.CLUtils,h.Vue))})(this,function(h,B,u){"use strict";const fe=["GET","POST","PUT","DELETE"];function de(e,t,n=null,l=null){return{url:e,type:t,headers:n??pe(),hasBody:ye(t,l)}}function pe(){return{Accept:"application/json","Content-Type":"application/json"}}function ye(e,t){return!!(t===null&&(e==="PUT"||e==="POST")||t)}var Y;const R=typeof window<"u";R&&((Y=window==null?void 0:window.navigator)!=null&&Y.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function P(e){return typeof e=="function"?e():u.unref(e)}function Z(e,t=!1,n="Timeout"){return new Promise((l,a)=>{setTimeout(t?()=>a(n):l,e)})}function he(e){return e}function me(e,...t){return t.some(n=>n in e)}function ee(e){return u.getCurrentScope()?(u.onScopeDispose(e),!0):!1}function q(){const e=[],t=a=>{const r=e.indexOf(a);r!==-1&&e.splice(r,1)};return{on:a=>{e.push(a);const r=()=>t(a);return ee(r),{off:r}},off:t,trigger:a=>{e.forEach(r=>r(a))}}}function J(e){return typeof e=="function"?u.computed(e):u.ref(e)}function M(e,t=!1){function n(i,{flush:s="sync",deep:O=!1,timeout:p,throwOnTimeout:I}={}){let y=null;const A=[new Promise(C=>{y=u.watch(e,S=>{i(S)!==t&&(y==null||y(),C(S))},{flush:s,deep:O,immediate:!0})})];return p!=null&&A.push(Z(p,I).then(()=>P(e)).finally(()=>y==null?void 0:y())),Promise.race(A)}function l(i,s){if(!u.isRef(i))return n(S=>S===i,s);const{flush:O="sync",deep:p=!1,timeout:I,throwOnTimeout:y}=s??{};let g=null;const C=[new Promise(S=>{g=u.watch([e,i],([E,D])=>{t!==(E===D)&&(g==null||g(),S(E))},{flush:O,deep:p,immediate:!0})})];return I!=null&&C.push(Z(I,y).then(()=>P(e)).finally(()=>(g==null||g(),P(e)))),Promise.race(C)}function a(i){return n(s=>Boolean(s),i)}function r(i){return l(null,i)}function o(i){return l(void 0,i)}function _(i){return n(Number.isNaN,i)}function m(i,s){return n(O=>{const p=Array.from(O);return p.includes(i)||p.includes(P(i))},s)}function T(i){return v(1,i)}function v(i=1,s){let O=-1;return n(()=>(O+=1,O>=i),s)}return Array.isArray(P(e))?{toMatch:n,toContains:m,changed:T,changedTimes:v,get not(){return M(e,!t)}}:{toMatch:n,toBe:l,toBeTruthy:a,toBeNull:r,toBeNaN:_,toBeUndefined:o,changed:T,changedTimes:v,get not(){return M(e,!t)}}}function Oe(e){return M(e)}function we(e,t,n={}){const{immediate:l=!0}=n,a=u.ref(!1);let r=null;function o(){r&&(clearTimeout(r),r=null)}function _(){a.value=!1,o()}function m(...T){o(),a.value=!0,r=setTimeout(()=>{a.value=!1,r=null,e(...T)},P(t))}return l&&(a.value=!0,R&&m()),ee(_),{isPending:u.readonly(a),start:m,stop:_}}const Te=R?window:void 0,V=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},K="__vueuse_ssr_handlers__";V[K]=V[K]||{},V[K];var ge=Object.defineProperty,be=Object.defineProperties,Pe=Object.getOwnPropertyDescriptors,te=Object.getOwnPropertySymbols,_e=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable,ne=(e,t,n)=>t in e?ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))_e.call(t,n)&&ne(e,n,t[n]);if(te)for(var n of te(t))ve.call(t,n)&&ne(e,n,t[n]);return e},U=(e,t)=>be(e,Pe(t));const Ee={json:"application/json",text:"text/plain"};function re(e){return e&&me(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 Fe(e,...t){var n;const l=typeof AbortController=="function";let a={},r={immediate:!0,refetch:!1,timeout:0};const o={method:"GET",type:"text",payload:void 0};t.length>0&&(re(t[0])?r=c(c({},r),t[0]):a=t[0]),t.length>1&&re(t[1])&&(r=c(c({},r),t[1]));const{fetch:_=(n=Te)==null?void 0:n.fetch,initialData:m,timeout:T}=r,v=q(),i=q(),s=q(),O=u.ref(!1),p=u.ref(!1),I=u.ref(!1),y=u.ref(null),g=u.shallowRef(null),A=u.shallowRef(null),C=u.shallowRef(m),S=u.computed(()=>l&&p.value);let E,D;const k=()=>{l&&E&&(E.abort(),E=void 0)},z=f=>{p.value=f,O.value=!f};T&&(D=we(k,T,{immediate:!1}));const Q=async(f=!1)=>{var b;z(!0),A.value=null,y.value=null,I.value=!1,l&&(k(),E=new AbortController,E.signal.onabort=()=>I.value=!0,a=U(c({},a),{signal:E.signal}));const w={method:o.method,headers:{}};if(o.payload){const G=W(w.headers);o.payloadType&&(G["Content-Type"]=(b=Ee[o.payloadType])!=null?b:o.payloadType);const L=P(o.payload);w.body=o.payloadType==="json"?JSON.stringify(L):L}let H=!1;const F={url:P(e),options:c(c({},w),a),cancel:()=>{H=!0}};if(r.beforeFetch&&Object.assign(F,await r.beforeFetch(F)),H||!_)return z(!1),Promise.resolve(null);let j=null;return D&&D.start(),new Promise((G,L)=>{var le;_(F.url,U(c(c({},w),F.options),{headers:c(c({},W(w.headers)),W((le=F.options)==null?void 0:le.headers))})).then(async d=>{if(g.value=d,y.value=d.status,j=await d[o.type](),r.afterFetch&&y.value>=200&&y.value<300&&({data:j}=await r.afterFetch({data:j,response:d})),C.value=j,!d.ok)throw new Error(d.statusText);return v.trigger(d),G(d)}).catch(async d=>{let ce=d.message||d.name;return r.onFetchError&&({data:j,error:ce}=await r.onFetchError({data:j,error:d,response:g.value})),C.value=j,A.value=ce,i.trigger(d),f?L(d):G(null)}).finally(()=>{z(!1),D&&D.stop(),s.trigger(null)})})},ue=J(r.refetch);u.watch([ue,J(e)],([f])=>f&&Q(),{deep:!0});const x={isFinished:O,statusCode:y,response:g,error:A,data:C,isFetching:p,canAbort:S,aborted:I,abort:k,execute:Q,onFetchResponse:v.on,onFetchError:i.on,onFetchFinally:s.on,get:N("GET"),put:N("PUT"),post:N("POST"),delete:N("DELETE"),patch:N("PATCH"),head:N("HEAD"),options:N("OPTIONS"),json:$("json"),text:$("text"),blob:$("blob"),arrayBuffer:$("arrayBuffer"),formData:$("formData")};function N(f){return(b,w)=>{if(!p.value){o.method=f,o.payload=b,o.payloadType=w,u.isRef(o.payload)&&u.watch([ue,J(o.payload)],([F])=>F&&Q(),{deep:!0});const H=P(o.payload);return!w&&H&&Object.getPrototypeOf(H)===Object.prototype&&!(H instanceof FormData)&&(o.payloadType="json"),U(c({},x),{then(F,j){return X().then(F,j)}})}}}function X(){return new Promise((f,b)=>{Oe(O).toBe(!0).then(()=>f(x)).catch(w=>b(w))})}function $(f){return()=>{if(!p.value)return o.type=f,U(c({},x),{then(b,w){return X().then(b,w)}})}}return r.immediate&&setTimeout(Q,0),U(c({},x),{then(f,b){return X().then(f,b)}})}var oe;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(oe||(oe={}));var je=Object.defineProperty,ae=Object.getOwnPropertySymbols,Ie=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,ie=(e,t,n)=>t in e?je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Se=(e,t)=>{for(var n in t||(t={}))Ie.call(t,n)&&ie(e,n,t[n]);if(ae)for(var n of ae(t))Ce.call(t,n)&&ie(e,n,t[n]);return e};Se({linear:he},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function Ae(e,t){const n={};return Object.keys(e).forEach(a=>{n[a]=(...r)=>{const o=e[a],_=o.type;let m=`/api/${o.url}`;o.hasBody?m=B.replacePlaceholders(m,...r.splice(1)):m=B.replacePlaceholders(m,...r);const T={Accept:"application/json","Content-Type":"application/json",...se(o.headers)},v=Fe(m,{method:_},{immediate:!1,beforeFetch({options:s}){return s.headers={...s.headers,...T},o.hasBody&&r.length&&(s.body=JSON.stringify(r[0])),{options:s}},onFetchError(s){return s!=null&&s.response&&t(s),s}});return{...De(T)==="application/json"?v.json():v.text()}}}),n}function De(e){const t=se(e);return(t==null?void 0:t.accept)??""}function se(e){let t={};return u.isRef(e)?t=e.value:t=e,t}function Ne(e){return JSON.parse(JSON.stringify(e))}function Be(e=500){const t=u.reactive({debouncer:null,timeout:e});function n(l,...a){t.debouncer!==null&&window.clearTimeout(t.debouncer),t.debouncer=window.setTimeout(()=>l(...a),t.timeout)}return{...u.toRefs(t),debounce:n}}h.copy=Ne,h.createEndpoint=de,h.requestTypes=fe,h.useApi=Ae,h.useDebouncer=Be,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
+(function(p,A){typeof exports=="object"&&typeof module<"u"?A(exports,require("@citruslime/utils"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@citruslime/utils","vue"],A):(p=typeof globalThis<"u"?globalThis:p||self,A(p.CitrusLimeVueUtils={},p.CLUtils,p.Vue))})(this,function(p,A,u){"use strict";const fe=["GET","POST","PUT","DELETE"];function de(e,t,n=null,l=null){return{url:e,type:t,headers:n??q,hasBody:pe(t,l)}}function q(){return{accept:"application/json","content-type":"application/json"}}function pe(e,t){return!!(t===null&&(e==="PUT"||e==="POST")||t)}var Z;const J=typeof window<"u";J&&((Z=window==null?void 0:window.navigator)!=null&&Z.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function T(e){return typeof e=="function"?e():u.unref(e)}function ee(e,t=!1,n="Timeout"){return new Promise((l,a)=>{setTimeout(t?()=>a(n):l,e)})}function he(e){return e}function ye(e,...t){return t.some(n=>n in e)}function te(e){return u.getCurrentScope()?(u.onScopeDispose(e),!0):!1}function M(){const e=[],t=a=>{const r=e.indexOf(a);r!==-1&&e.splice(r,1)};return{on:a=>{e.push(a);const r=()=>t(a);return te(r),{off:r}},off:t,trigger:a=>{e.forEach(r=>r(a))}}}function V(e){return typeof e=="function"?u.computed(e):u.ref(e)}function K(e,t=!1){function n(i,{flush:s="sync",deep:O=!1,timeout:h,throwOnTimeout:I}={}){let y=null;const D=[new Promise(S=>{y=u.watch(e,C=>{i(C)!==t&&(y==null||y(),S(C))},{flush:s,deep:O,immediate:!0})})];return h!=null&&D.push(ee(h,I).then(()=>T(e)).finally(()=>y==null?void 0:y())),Promise.race(D)}function l(i,s){if(!u.isRef(i))return n(C=>C===i,s);const{flush:O="sync",deep:h=!1,timeout:I,throwOnTimeout:y}=s??{};let b=null;const S=[new Promise(C=>{b=u.watch([e,i],([E,N])=>{t!==(E===N)&&(b==null||b(),C(E))},{flush:O,deep:h,immediate:!0})})];return I!=null&&S.push(ee(I,y).then(()=>T(e)).finally(()=>(b==null||b(),T(e)))),Promise.race(S)}function a(i){return n(s=>Boolean(s),i)}function r(i){return l(null,i)}function o(i){return l(void 0,i)}function _(i){return n(Number.isNaN,i)}function m(i,s){return n(O=>{const h=Array.from(O);return h.includes(i)||h.includes(T(i))},s)}function g(i){return v(1,i)}function v(i=1,s){let O=-1;return n(()=>(O+=1,O>=i),s)}return Array.isArray(T(e))?{toMatch:n,toContains:m,changed:g,changedTimes:v,get not(){return K(e,!t)}}:{toMatch:n,toBe:l,toBeTruthy:a,toBeNull:r,toBeNaN:_,toBeUndefined:o,changed:g,changedTimes:v,get not(){return K(e,!t)}}}function me(e){return K(e)}function Oe(e,t,n={}){const{immediate:l=!0}=n,a=u.ref(!1);let r=null;function o(){r&&(clearTimeout(r),r=null)}function _(){a.value=!1,o()}function m(...g){o(),a.value=!0,r=setTimeout(()=>{a.value=!1,r=null,e(...g)},T(t))}return l&&(a.value=!0,J&&m()),te(_),{isPending:u.readonly(a),start:m,stop:_}}const we=J?window:void 0,R=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},W="__vueuse_ssr_handlers__";R[W]=R[W]||{},R[W];var ge=Object.defineProperty,be=Object.defineProperties,Pe=Object.getOwnPropertyDescriptors,ne=Object.getOwnPropertySymbols,Te=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable,re=(e,t,n)=>t in e?ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))Te.call(t,n)&&re(e,n,t[n]);if(ne)for(var n of ne(t))_e.call(t,n)&&re(e,n,t[n]);return e},U=(e,t)=>be(e,Pe(t));const ve={json:"application/json",text:"text/plain"};function oe(e){return e&&ye(e,"immediate","refetch","initialData","timeout","beforeFetch","afterFetch","onFetchError","fetch")}function k(e){return typeof Headers<"u"&&e instanceof Headers?Object.fromEntries([...e.entries()]):e}function Ee(e,...t){var n;const l=typeof AbortController=="function";let a={},r={immediate:!0,refetch:!1,timeout:0};const o={method:"GET",type:"text",payload:void 0};t.length>0&&(oe(t[0])?r=c(c({},r),t[0]):a=t[0]),t.length>1&&oe(t[1])&&(r=c(c({},r),t[1]));const{fetch:_=(n=we)==null?void 0:n.fetch,initialData:m,timeout:g}=r,v=M(),i=M(),s=M(),O=u.ref(!1),h=u.ref(!1),I=u.ref(!1),y=u.ref(null),b=u.shallowRef(null),D=u.shallowRef(null),S=u.shallowRef(m),C=u.computed(()=>l&&h.value);let E,N;const z=()=>{l&&E&&(E.abort(),E=void 0)},X=f=>{h.value=f,O.value=!f};g&&(N=Oe(z,g,{immediate:!1}));const Q=async(f=!1)=>{var P;X(!0),D.value=null,y.value=null,I.value=!1,l&&(z(),E=new AbortController,E.signal.onabort=()=>I.value=!0,a=U(c({},a),{signal:E.signal}));const w={method:o.method,headers:{}};if(o.payload){const G=k(w.headers);o.payloadType&&(G["Content-Type"]=(P=ve[o.payloadType])!=null?P:o.payloadType);const L=T(o.payload);w.body=o.payloadType==="json"?JSON.stringify(L):L}let H=!1;const F={url:T(e),options:c(c({},w),a),cancel:()=>{H=!0}};if(r.beforeFetch&&Object.assign(F,await r.beforeFetch(F)),H||!_)return X(!1),Promise.resolve(null);let j=null;return N&&N.start(),new Promise((G,L)=>{var le;_(F.url,U(c(c({},w),F.options),{headers:c(c({},k(w.headers)),k((le=F.options)==null?void 0:le.headers))})).then(async d=>{if(b.value=d,y.value=d.status,j=await d[o.type](),r.afterFetch&&y.value>=200&&y.value<300&&({data:j}=await r.afterFetch({data:j,response:d})),S.value=j,!d.ok)throw new Error(d.statusText);return v.trigger(d),G(d)}).catch(async d=>{let ce=d.message||d.name;return r.onFetchError&&({data:j,error:ce}=await r.onFetchError({data:j,error:d,response:b.value})),S.value=j,D.value=ce,i.trigger(d),f?L(d):G(null)}).finally(()=>{X(!1),N&&N.stop(),s.trigger(null)})})},ue=V(r.refetch);u.watch([ue,V(e)],([f])=>f&&Q(),{deep:!0});const x={isFinished:O,statusCode:y,response:b,error:D,data:S,isFetching:h,canAbort:C,aborted:I,abort:z,execute:Q,onFetchResponse:v.on,onFetchError:i.on,onFetchFinally:s.on,get:B("GET"),put:B("PUT"),post:B("POST"),delete:B("DELETE"),patch:B("PATCH"),head:B("HEAD"),options:B("OPTIONS"),json:$("json"),text:$("text"),blob:$("blob"),arrayBuffer:$("arrayBuffer"),formData:$("formData")};function B(f){return(P,w)=>{if(!h.value){o.method=f,o.payload=P,o.payloadType=w,u.isRef(o.payload)&&u.watch([ue,V(o.payload)],([F])=>F&&Q(),{deep:!0});const H=T(o.payload);return!w&&H&&Object.getPrototypeOf(H)===Object.prototype&&!(H instanceof FormData)&&(o.payloadType="json"),U(c({},x),{then(F,j){return Y().then(F,j)}})}}}function Y(){return new Promise((f,P)=>{me(O).toBe(!0).then(()=>f(x)).catch(w=>P(w))})}function $(f){return()=>{if(!h.value)return o.type=f,U(c({},x),{then(P,w){return Y().then(P,w)}})}}return r.immediate&&setTimeout(Q,0),U(c({},x),{then(f,P){return Y().then(f,P)}})}var ae;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(ae||(ae={}));var Fe=Object.defineProperty,ie=Object.getOwnPropertySymbols,je=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable,se=(e,t,n)=>t in e?Fe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Se=(e,t)=>{for(var n in t||(t={}))je.call(t,n)&&se(e,n,t[n]);if(ie)for(var n of ie(t))Ie.call(t,n)&&se(e,n,t[n]);return e};Se({linear:he},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function Ce(e,t){const n={};return Object.keys(e).forEach(a=>{n[a]=(...r)=>{const o=e[a],_=o.type;let m=`/api/${o.url}`;o.hasBody?m=A.replacePlaceholders(m,...r.splice(1)):m=A.replacePlaceholders(m,...r);const g={...q(),...o.headers()},v=Ee(m,{method:_},{immediate:!1,beforeFetch({options:s}){return s.headers={...s.headers,...g},o.hasBody&&r.length&&(s.body=JSON.stringify(r[0])),{options:s}},onFetchError(s){return s!=null&&s.response&&t(s),s}});return{...De(g)==="application/json"?v.json():v.text()}}}),n}function De(e){return e.accept??"*/*"}function Ne(e){return JSON.parse(JSON.stringify(e))}function Be(e=500){const t=u.reactive({debouncer:null,timeout:e});function n(l,...a){t.debouncer!==null&&window.clearTimeout(t.debouncer),t.debouncer=window.setTimeout(()=>l(...a),t.timeout)}return{...u.toRefs(t),debounce:n}}p.copy=Ne,p.createEndpoint=de,p.getDefaultHeaders=q,p.requestTypes=fe,p.useApi=Ce,p.useDebouncer=Be,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

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

@@ -1,9 +1,8 @@
-import type { Ref } from 'vue';
 export declare const requestTypes: readonly ["GET", "POST", "PUT", "DELETE"];
 export interface Endpoint {
     url: string;
     type: typeof requestTypes[number];
-    headers: HeadersInit | Ref<HeadersInit>;
+    headers: () => HeadersInit;
     hasBody: boolean;
 }
 /**
@@ -15,4 +14,10 @@ export interface Endpoint {
  * @param hasBody Determines whether or not an endpoint should have a body.
  * @returns The created Endpoint object.
  */
-export declare function createEndpoint(url: string, type: typeof requestTypes[number], headers?: HeadersInit | Ref<HeadersInit> | null, hasBody?: boolean | null): Endpoint;
+export declare function createEndpoint(url: string, type: typeof requestTypes[number], headers?: (() => HeadersInit) | null, hasBody?: boolean | null): Endpoint;
+/**
+ * Gets a set of default headers.
+ *
+ * @returns A set of default headers.
+ */
+export declare function getDefaultHeaders(): HeadersInit;

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

@@ -1,5 +1,5 @@
 import { useFetch } from '@vueuse/core';
-import type { Endpoint } from './endpoints';
+import { type Endpoint } from './endpoints';
 export type ApiRequest<TResponseModel> = ReturnType<typeof useFetch<TResponseModel>>;
 /**
  * Composable that constructs an API object containing requests defined by the endpoints object.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@citruslime/vue-utils",
-    "version": "1.2.0",
+    "version": "1.2.1-beta.0",
     "type": "module",
     "author": {
         "name": "Citrus-Lime Ltd",
@@ -30,7 +30,7 @@
         "build": "vite build && copyfiles -u 2 \"dist/src/**/*\" dist && del-cli dist/src"
     },
     "dependencies": {
-        "@citruslime/utils": "^1.1.1"
+        "@citruslime/utils": "^1.1.1-beta.0"
     },
     "peerDependencies": {
         "@vueuse/core": "^9.13.0",