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

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 "@citruslime/utils";
+import { computed as ce, ref as B, readonly as pe, unref as ye, getCurrentScope as he, onScopeDispose as me, watch as G, isRef as X, shallowRef as M, reactive as Oe, toRefs as ve } from "vue";
+const Je = [
+  "GET",
+  "POST",
+  "PUT",
+  "DELETE"
+];
+function Ke(e, t, n = null, s = null) {
+  return {
+    url: e,
+    type: t,
+    headers: n ?? ge(),
+    hasBody: we(t, s)
+  };
+}
+function ge() {
+  return {
+    Accept: "application/json",
+    "Content-Type": "application/json"
+  };
+}
+function we(e, t) {
+  return !!(t === null && (e === "PUT" || e === "POST") || t);
+}
+var ne;
+const Y = typeof window < "u";
+Y && ((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() : ye(e);
+}
+function re(e, t = !1, n = "Timeout") {
+  return new Promise((s, a) => {
+    setTimeout(t ? () => a(n) : s, e);
+  });
+}
+function be(e) {
+  return e;
+}
+function Pe(e, ...t) {
+  return t.some((n) => n in e);
+}
+function fe(e) {
+  return he() ? (me(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 fe(r), {
+        off: r
+      };
+    },
+    off: t,
+    trigger: (a) => {
+      e.forEach((r) => r(a));
+    }
+  };
+}
+function V(e) {
+  return typeof e == "function" ? ce(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(re(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], ([P, N]) => {
+        t !== (P === N) && (v == null || v(), I(P));
+      }, {
+        flush: h,
+        deep: d,
+        immediate: !0
+      });
+    })];
+    return F != null && j.push(re(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 Te(e) {
+  return q(e);
+}
+function _e(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()), fe(w), {
+    isPending: pe(a),
+    start: y,
+    stop: w
+  };
+}
+const Ee = 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 Fe = Object.defineProperty, je = Object.defineProperties, Ie = Object.getOwnPropertyDescriptors, oe = Object.getOwnPropertySymbols, Ce = Object.prototype.hasOwnProperty, Ne = 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 = {}))
+    Ce.call(t, n) && ae(e, n, t[n]);
+  if (oe)
+    for (var n of oe(t))
+      Ne.call(t, n) && ae(e, n, t[n]);
+  return e;
+}, H = (e, t) => je(e, Ie(t));
+const Se = {
+  json: "application/json",
+  text: "text/plain"
+};
+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 Ae(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 && (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 = 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 = ce(() => s && d.value);
+  let P, N;
+  const J = () => {
+    s && P && (P.abort(), P = void 0);
+  }, K = (l) => {
+    d.value = l, h.value = !l;
+  };
+  O && (N = _e(J, O, { immediate: !1 }));
+  const $ = async (l = !1) => {
+    var g;
+    K(!0), C.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,
+      headers: {}
+    };
+    if (o.payload) {
+      const Q = k(m.headers);
+      o.payloadType && (Q["Content-Type"] = (g = Se[o.payloadType]) != null ? g : o.payloadType);
+      const U = E(o.payload);
+      m.body = o.payloadType === "json" ? JSON.stringify(U) : U;
+    }
+    let A = !1;
+    const T = {
+      url: E(e),
+      options: f(f({}, m), a),
+      cancel: () => {
+        A = !0;
+      }
+    };
+    if (r.beforeFetch && Object.assign(T, await r.beforeFetch(T)), A || !w)
+      return K(!1), Promise.resolve(null);
+    let _ = null;
+    return N && N.start(), new Promise((Q, U) => {
+      var ee;
+      w(T.url, H(f(f({}, m), T.options), {
+        headers: f(f({}, k(m.headers)), k((ee = T.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)
+        ], ([T]) => T && $(), { 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(T, _) {
+            return L().then(T, _);
+          }
+        });
+      }
+    };
+  }
+  function L() {
+    return new Promise((l, g) => {
+      Te(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 ue;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(ue || (ue = {}));
+var Be = Object.defineProperty, se = Object.getOwnPropertySymbols, De = Object.prototype.hasOwnProperty, He = Object.prototype.propertyIsEnumerable, le = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, $e = (e, t) => {
+  for (var n in t || (t = {}))
+    De.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 xe = {
+  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]
+};
+$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;
+      let y = `/api/${o.url}`;
+      o.hasBody ? y = y.replacePlaceholders(...r.splice(1)) : y = y.replacePlaceholders(...r);
+      const O = {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        ...de(o.headers)
+      }, b = Ae(
+        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 {
+        ...Qe(O) === "application/json" ? b.json() : b.text()
+      };
+    };
+  }), n;
+}
+function Qe(e) {
+  const t = de(e);
+  return (t == null ? void 0 : t.accept) ?? "";
+}
+function de(e) {
+  let t = {};
+  return X(e) ? t = e.value : t = e, t;
+}
+function Me(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function We(e = 500) {
+  const t = Oe({
     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
+    ...ve(t),
+    debounce: n
   };
 }
-function b(n) {
-  return JSON.parse(JSON.stringify(n));
-}
 export {
-  b as copy,
-  d as useDebouncer
+  Me as copy,
+  Ke as createEndpoint,
+  Je as requestTypes,
+  Le as useApi,
+  We 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,$){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,$,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},H=(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=H(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 B=!1;const F={url:P(e),options:c(c({},w),a),cancel:()=>{B=!0}};if(r.beforeFetch&&Object.assign(F,await r.beforeFetch(F)),B||!_)return z(!1),Promise.resolve(null);let j=null;return D&&D.start(),new Promise((G,L)=>{var le;_(F.url,H(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:U("json"),text:U("text"),blob:U("blob"),arrayBuffer:U("arrayBuffer"),formData:U("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 B=P(o.payload);return!w&&B&&Object.getPrototypeOf(B)===Object.prototype&&!(B instanceof FormData)&&(o.payloadType="json"),H(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 U(f){return()=>{if(!p.value)return o.type=f,H(c({},x),{then(b,w){return X().then(b,w)}})}}return r.immediate&&setTimeout(Q,0),H(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=m.replacePlaceholders(...r.splice(1)):m=m.replacePlaceholders(...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.0",
     "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"
     }
 }