@citruslime/vue-utils 1.1.1 → 1.2.0-beta.1

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

@@ -1,21 +1,431 @@
-import { reactive as r, toRefs as c } from "vue";
-function d(n = 500) {
-  const e = r({
+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 = [
+  "GET",
+  "POST",
+  "PUT",
+  "DELETE"
+];
+function Le(e, t, n = null, s = null) {
+  return {
+    url: e,
+    type: t,
+    headers: n ?? we(),
+    hasBody: be(t, s)
+  };
+}
+function we() {
+  return {
+    Accept: "application/json",
+    "Content-Type": "application/json"
+  };
+}
+function be(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);
+function E(e) {
+  return typeof e == "function" ? e() : he(e);
+}
+function oe(e, t = !1, n = "Timeout") {
+  return new Promise((s, a) => {
+    setTimeout(t ? () => a(n) : s, e);
+  });
+}
+function Te(e) {
+  return e;
+}
+function Pe(e, ...t) {
+  return t.some((n) => n in e);
+}
+function de(e) {
+  return me() ? (Oe(e), !0) : !1;
+}
+function W() {
+  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 de(r), {
+        off: r
+      };
+    },
+    off: t,
+    trigger: (a) => {
+      e.forEach((r) => r(a));
+    }
+  };
+}
+function V(e) {
+  return typeof e == "function" ? fe(e) : B(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));
+      }, {
+        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);
+  }
+  function s(i, u) {
+    if (!X(i))
+      return n((I) => I === 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));
+      }, {
+        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);
+  }
+  function a(i) {
+    return n((u) => Boolean(u), i);
+  }
+  function r(i) {
+    return s(null, i);
+  }
+  function o(i) {
+    return s(void 0, i);
+  }
+  function w(i) {
+    return n(Number.isNaN, i);
+  }
+  function y(i, u) {
+    return n((h) => {
+      const d = Array.from(h);
+      return d.includes(i) || d.includes(E(i));
+    }, u);
+  }
+  function O(i) {
+    return b(1, i);
+  }
+  function b(i = 1, u) {
+    let h = -1;
+    return n(() => (h += 1, h >= i), u);
+  }
+  return Array.isArray(E(e)) ? {
+    toMatch: n,
+    toContains: y,
+    changed: O,
+    changedTimes: b,
+    get not() {
+      return q(e, !t);
+    }
+  } : {
+    toMatch: n,
+    toBe: s,
+    toBeTruthy: a,
+    toBeNull: r,
+    toBeNaN: w,
+    toBeUndefined: o,
+    changed: O,
+    changedTimes: b,
+    get not() {
+      return q(e, !t);
+    }
+  };
+}
+function _e(e) {
+  return q(e);
+}
+function Ee(e, t, n = {}) {
+  const {
+    immediate: s = !0
+  } = n, a = B(!1);
+  let r = null;
+  function o() {
+    r && (clearTimeout(r), r = null);
+  }
+  function w() {
+    a.value = !1, o();
+  }
+  function y(...O) {
+    o(), a.value = !0, r = setTimeout(() => {
+      a.value = !1, r = null, e(...O);
+    }, E(t));
+  }
+  return s && (a.value = !0, Y && y()), de(w), {
+    isPending: ye(a),
+    start: y,
+    stop: w
+  };
+}
+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) => {
+  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]);
+  return e;
+}, H = (e, t) => Ie(e, Ce(t));
+const Ae = {
+  json: "application/json",
+  text: "text/plain"
+};
+function ue(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) {
+  var n;
+  const s = typeof AbortController == "function";
+  let a = {}, r = { immediate: !0, refetch: !1, timeout: 0 };
+  const o = {
+    method: "GET",
+    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]));
+  const {
+    fetch: w = (n = Fe) == 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;
+  const J = () => {
+    s && T && (T.abort(), T = void 0);
+  }, K = (l) => {
+    d.value = l, h.value = !l;
+  };
+  O && (N = Ee(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
+    }));
+    const m = {
+      method: o.method,
+      headers: {}
+    };
+    if (o.payload) {
+      const Q = k(m.headers);
+      o.payloadType && (Q["Content-Type"] = (g = Ae[o.payloadType]) != null ? g : o.payloadType);
+      const U = E(o.payload);
+      m.body = o.payloadType === "json" ? JSON.stringify(U) : U;
+    }
+    let A = !1;
+    const P = {
+      url: E(e),
+      options: f(f({}, m), a),
+      cancel: () => {
+        A = !0;
+      }
+    };
+    if (r.beforeFetch && Object.assign(P, await r.beforeFetch(P)), A || !w)
+      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))
+      })).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)
+          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);
+      }).finally(() => {
+        K(!1), N && N.stop(), u.trigger(null);
+      });
+    });
+  }, Z = V(r.refetch);
+  G([
+    Z,
+    V(e)
+  ], ([l]) => l && $(), { deep: !0 });
+  const x = {
+    isFinished: h,
+    statusCode: p,
+    response: v,
+    error: C,
+    data: j,
+    isFetching: d,
+    canAbort: I,
+    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")
+  };
+  function S(l) {
+    return (g, m) => {
+      if (!d.value) {
+        o.method = l, o.payload = g, o.payloadType = m, X(o.payload) && G([
+          Z,
+          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, _);
+          }
+        });
+      }
+    };
+  }
+  function L() {
+    return new Promise((l, g) => {
+      _e(h).toBe(!0).then(() => l(x)).catch((m) => g(m));
+    });
+  }
+  function D(l) {
+    return () => {
+      if (!d.value)
+        return o.type = l, H(f({}, x), {
+          then(g, m) {
+            return L().then(g, m);
+          }
+        });
+    };
+  }
+  return r.immediate && setTimeout($, 0), H(f({}, x), {
+    then(l, g) {
+      return L().then(l, g);
+    }
+  });
+}
+var se;
+(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) => {
+  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]);
+  return e;
+};
+const Qe = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  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) {
+  const n = {};
+  return Object.keys(e).forEach((a) => {
+    n[a] = (...r) => {
+      const o = e[a], w = o.type;
+      let y = `/api/${o.url}`;
+      o.hasBody ? y = ne(y, ...r.splice(1)) : y = ne(y, ...r);
+      const O = {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        ...pe(o.headers)
+      }, b = Be(
+        y,
+        {
+          method: w
+        },
+        {
+          immediate: !1,
+          beforeFetch({ options: u }) {
+            return u.headers = {
+              ...u.headers,
+              ...O
+            }, o.hasBody && r.length && (u.body = JSON.stringify(r[0])), {
+              options: u
+            };
+          },
+          onFetchError(u) {
+            return u != null && u.response && t(u), u;
+          }
+        }
+      );
+      return {
+        ...Ue(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 We(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function Ve(e = 500) {
+  const t = ve({
     debouncer: null,
-    timeout: n
+    timeout: e
   });
-  function o(t, ...u) {
-    e.debouncer !== null && window.clearTimeout(e.debouncer), e.debouncer = window.setTimeout(() => t(...u), e.timeout);
+  function n(s, ...a) {
+    t.debouncer !== null && window.clearTimeout(t.debouncer), t.debouncer = window.setTimeout(() => s(...a), t.timeout);
   }
   return {
-    ...c(e),
-    debounce: o
+    ...ge(t),
+    debounce: n
   };
 }
-function b(n) {
-  return JSON.parse(JSON.stringify(n));
-}
 export {
-  b as copy,
-  d as useDebouncer
+  We as copy,
+  Le as createEndpoint,
+  Ke as requestTypes,
+  Me as useApi,
+  Ve as useDebouncer
 };

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

@@ -1 +1 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e.CitrusLimeVueUtils={},e.Vue))})(this,function(e,n){"use strict";function o(t=500){const u=n.reactive({debouncer:null,timeout:t});function r(c,...d){u.debouncer!==null&&window.clearTimeout(u.debouncer),u.debouncer=window.setTimeout(()=>c(...d),u.timeout)}return{...n.toRefs(u),debounce:r}}function i(t){return JSON.parse(JSON.stringify(t))}e.copy=i,e.useDebouncer=o,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+(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"})});

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

@@ -0,0 +1,18 @@
+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>;
+    hasBody: boolean;
+}
+/**
+ * Creates an endpoint object, using the provided values.
+ *
+ * @param url The url fragment for the request.
+ * @param type The type of HTTP request to make.
+ * @param headers The headers this request will use.
+ * @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;

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

@@ -0,0 +1,15 @@
+import { useFetch } from '@vueuse/core';
+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.
+ *
+ * @param endpoints The endpoints provided to build with the factory.
+ * @param handleFetchErrorResponse The error handler for the api factory.
+ * @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>>;

package/dist/utils/index.d.ts

@@ -1,2 +1,4 @@
-export * from './debouncer';
+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.1.1",
+    "version": "1.2.0-beta.1",
     "type": "module",
     "author": {
         "name": "Citrus-Lime Ltd",
@@ -29,7 +29,11 @@
     "scripts": {
         "build": "vite build && copyfiles -u 2 \"dist/src/**/*\" dist && del-cli dist/src"
     },
+    "dependencies": {
+        "@citruslime/utils": "~0.0.0"
+    },
     "peerDependencies": {
+        "@vueuse/core": "^9.13.0",
         "vue": "^3.2.47"
     }
 }