@laravel/stream-vue 0.3.8 → 0.3.10

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { MaybeRefOrGetter } from 'vue';
 import { Ref } from 'vue';
 
 declare type EventStreamOptions = {
@@ -42,26 +43,26 @@ declare type StreamOptions<TSendBody extends Record<string, any> = {}> = {
  *
  * @returns StreamResult object containing the accumulated response, close, and reset functions
  */
-export declare const useEventStream: (url: string, { eventName, endSignal, glue, replace, onMessage, onComplete, onError, }?: EventStreamOptions) => EventStreamResult;
+export declare const useEventStream: (url: MaybeRefOrGetter<string>, { eventName, endSignal, glue, replace, onMessage, onComplete, onError, }?: EventStreamOptions) => EventStreamResult;
 
-export declare const useJsonStream: <TJsonData = null, TSendBody extends Record<string, any> = {}>(url: string, options?: Omit<StreamOptions<TSendBody>, "json">) => {
+export declare const useJsonStream: <TJsonData = null, TSendBody extends Record<string, any> = {}>(url: MaybeRefOrGetter<string>, options?: Omit<StreamOptions<TSendBody>, "json">) => {
     isFetching: Readonly<Ref<boolean>>;
     isStreaming: Readonly<Ref<boolean>>;
     id: string;
-    send: (body: TSendBody) => void;
+    send: (body?: TSendBody | undefined) => void;
     cancel: () => void;
     clearData: () => void;
     data: Readonly<TJsonData | null>;
     strData: Readonly<Ref<string, string>>;
 };
 
-export declare const useStream: <TSendBody extends Record<string, any> = {}, TJsonData = null>(url: string, options?: StreamOptions<TSendBody>) => {
+export declare const useStream: <TSendBody extends Record<string, any> = {}, TJsonData = null>(url: MaybeRefOrGetter<string>, options?: StreamOptions<TSendBody>) => {
     data: Readonly<Ref<string>>;
     jsonData: Readonly<TJsonData | null>;
     isFetching: Readonly<Ref<boolean>>;
     isStreaming: Readonly<Ref<boolean>>;
     id: string;
-    send: (body: TSendBody) => void;
+    send: (body?: TSendBody) => void;
     cancel: () => void;
     clearData: () => void;
 };

package/dist/index.es.js

@@ -1,60 +1,57 @@
-import { ref as m, onMounted as q, onUnmounted as x, watch as J, readonly as S } from "vue";
-const M = "data: ", U = (t, {
+import { toRef as x, ref as m, onMounted as O, onUnmounted as I, watch as J, readonly as E } from "vue";
+const T = "data: ", ee = (n, {
   eventName: e = "update",
-  endSignal: n = "</stream>",
-  glue: a = " ",
-  replace: i = !1,
-  onMessage: F = () => null,
+  endSignal: a = "</stream>",
+  glue: t = " ",
+  replace: o = !1,
+  onMessage: M = () => null,
   onComplete: R = () => null,
-  onError: b = () => null
+  onError: y = () => null
 } = {}) => {
-  const d = m(""), h = m([]), v = Array.isArray(e) ? e : [e];
+  const S = x(n), h = m(""), u = m([]), v = Array.isArray(e) ? e : [e];
   let s = null;
-  const l = () => {
-    d.value = "", h.value = [];
-  }, u = (r = !1) => {
-    v.forEach((o) => {
-      s == null || s.removeEventListener(o, y);
-    }), s == null || s.close(), s = null, r && l();
-  }, y = (r) => {
-    if ([n, `${M}${n}`].includes(r.data)) {
-      u(), R();
+  const c = () => {
+    h.value = "", u.value = [];
+  }, f = (r = !1) => {
+    v.forEach((l) => {
+      s == null || s.removeEventListener(l, j);
+    }), s == null || s.close(), s = null, r && c();
+  }, j = (r) => {
+    if ([a, `${T}${a}`].includes(r.data)) {
+      f(), R();
       return;
     }
-    i && l(), h.value.push(
-      r.data.startsWith(M) ? r.data.substring(M.length) : r.data
-    ), d.value = h.value.join(a), F(r);
-  }, j = (r) => {
-    b(r), u();
-  }, C = () => {
-    l(), s = new EventSource(t), v.forEach((r) => {
-      s.addEventListener(r, y);
-    }), s.addEventListener("error", j);
+    o && c(), u.value.push(
+      r.data.startsWith(T) ? r.data.substring(T.length) : r.data
+    ), h.value = u.value.join(t), M(r);
+  }, C = (r) => {
+    y(r), f();
+  }, D = () => {
+    c(), s = new EventSource(S.value), v.forEach((r) => {
+      s.addEventListener(r, j);
+    }), s.addEventListener("error", C);
   };
-  return q(() => {
-    C();
-  }), x(() => {
-    u();
-  }), J(
-    () => t,
-    (r, o) => {
-      r !== o && (u(), C());
-    }
-  ), {
-    message: S(d),
-    messageParts: S(h),
-    close: u,
-    clearMessage: l
+  return O(() => {
+    D();
+  }), I(() => {
+    f();
+  }), J(S, (r, l) => {
+    r !== l && (f(), D());
+  }), {
+    message: E(h),
+    messageParts: E(u),
+    close: f,
+    clearMessage: c
   };
-}, N = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let X = (t = 21) => {
-  let e = "", n = crypto.getRandomValues(new Uint8Array(t |= 0));
-  for (; t--; )
-    e += N[n[t] & 63];
+}, K = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let V = (n = 21) => {
+  let e = "", a = crypto.getRandomValues(new Uint8Array(n |= 0));
+  for (; n--; )
+    e += K[a[n] & 63];
   return e;
 };
-const w = /* @__PURE__ */ new Map(), K = (t, e) => {
-  w.has(t) || w.set(t, {
+const F = /* @__PURE__ */ new Map(), W = (n, e) => {
+  F.has(n) || F.set(n, {
     onData: [],
     onError: [],
     onFinish: [],
@@ -62,173 +59,175 @@ const w = /* @__PURE__ */ new Map(), K = (t, e) => {
     onCancel: [],
     onBeforeSend: []
   });
-  const n = w.get(t);
-  return e.onData && n.onData.push(e.onData), e.onError && n.onError.push(e.onError), e.onFinish && n.onFinish.push(e.onFinish), e.onResponse && n.onResponse.push(e.onResponse), e.onCancel && n.onCancel.push(e.onCancel), e.onBeforeSend && n.onBeforeSend.push(e.onBeforeSend), () => {
-    H(t, e);
+  const a = F.get(n);
+  return e.onData && a.onData.push(e.onData), e.onError && a.onError.push(e.onError), e.onFinish && a.onFinish.push(e.onFinish), e.onResponse && a.onResponse.push(e.onResponse), e.onCancel && a.onCancel.push(e.onCancel), e.onBeforeSend && a.onBeforeSend.push(e.onBeforeSend), () => {
+    Y(n, e);
   };
-}, E = (t, e, ...n) => {
-  const a = w.get(t);
-  return a ? a[e].map((i) => i(...n)) : [];
-}, T = (t) => {
-  E(t, "onFinish");
-}, p = (t, e) => {
-  E(t, "onError", e);
-}, V = (t, e) => {
-  E(t, "onResponse", e);
-}, W = (t) => {
-  E(t, "onCancel");
-}, $ = (t, e) => {
-  E(t, "onData", e);
-}, G = (t, e) => {
-  const n = E(t, "onBeforeSend", e);
-  for (const a of n) {
-    if (a === !1)
+}, b = (n, e, ...a) => {
+  const t = F.get(n);
+  return t ? t[e].map((o) => o(...a)) : [];
+}, p = (n) => {
+  b(n, "onFinish");
+}, P = (n, e) => {
+  b(n, "onError", e);
+}, $ = (n, e) => {
+  b(n, "onResponse", e);
+}, G = (n) => {
+  b(n, "onCancel");
+}, H = (n, e) => {
+  b(n, "onData", e);
+}, Q = (n, e) => {
+  const a = b(n, "onBeforeSend", e);
+  for (const t of a) {
+    if (t === !1)
       return !1;
-    if (a !== null && typeof a == "object")
-      return a;
+    if (t !== null && typeof t == "object")
+      return t;
   }
   return null;
-}, H = (t, e) => {
-  const n = w.get(t);
-  n && (e.onData && (n.onData = n.onData.filter(
-    (a) => a !== e.onData
-  )), e.onError && (n.onError = n.onError.filter(
-    (a) => a !== e.onError
-  )), e.onFinish && (n.onFinish = n.onFinish.filter(
-    (a) => a !== e.onFinish
-  )), e.onResponse && (n.onResponse = n.onResponse.filter(
-    (a) => a !== e.onResponse
-  )), e.onCancel && (n.onCancel = n.onCancel.filter(
-    (a) => a !== e.onCancel
-  )), e.onBeforeSend && (n.onBeforeSend = n.onBeforeSend.filter(
-    (a) => a !== e.onBeforeSend
+}, Y = (n, e) => {
+  const a = F.get(n);
+  a && (e.onData && (a.onData = a.onData.filter(
+    (t) => t !== e.onData
+  )), e.onError && (a.onError = a.onError.filter(
+    (t) => t !== e.onError
+  )), e.onFinish && (a.onFinish = a.onFinish.filter(
+    (t) => t !== e.onFinish
+  )), e.onResponse && (a.onResponse = a.onResponse.filter(
+    (t) => t !== e.onResponse
+  )), e.onCancel && (a.onCancel = a.onCancel.filter(
+    (t) => t !== e.onCancel
+  )), e.onBeforeSend && (a.onBeforeSend = a.onBeforeSend.filter(
+    (t) => t !== e.onBeforeSend
   )));
-}, L = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), A = (t) => {
-  const e = L.get(t);
+}, L = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), A = (n) => {
+  const e = L.get(n);
   if (e)
     return e;
-  const n = {
+  const a = {
     controller: new AbortController(),
     data: "",
     isFetching: !1,
     isStreaming: !1,
     jsonData: null
   };
-  return L.set(t, n), n;
-}, P = (t) => (f.has(t) || f.set(t, []), f.get(t)), O = (t) => {
+  return L.set(n, a), a;
+}, q = (n) => (d.has(n) || d.set(n, []), d.get(n)), N = (n) => {
   var e;
-  return f.has(t) && ((e = f.get(t)) == null ? void 0 : e.length);
-}, Q = (t, e) => (P(t).push(e), () => {
-  f.set(
-    t,
-    P(t).filter((n) => n !== e)
-  ), O(t) || (L.delete(t), f.delete(t));
-}), Y = (t, e) => {
-  var a;
-  L.set(t, {
-    ...A(t),
+  return d.has(n) && ((e = d.get(n)) == null ? void 0 : e.length);
+}, Z = (n, e) => (q(n).push(e), () => {
+  d.set(
+    n,
+    q(n).filter((a) => a !== e)
+  ), N(n) || (L.delete(n), d.delete(n));
+}), _ = (n, e) => {
+  var t;
+  L.set(n, {
+    ...A(n),
     ...e
   });
-  const n = A(t);
-  (a = f.get(t)) == null || a.forEach((i) => i(n));
-}, Z = (t, e = {}) => {
-  const n = e.id ?? X(), a = m(A(n)), i = (() => {
+  const a = A(n);
+  (t = d.get(n)) == null || t.forEach((o) => o(a));
+}, U = (n, e = {}) => {
+  const a = x(n), t = e.id ?? V(), o = m(A(t)), M = (() => {
     var g;
     const r = {
       "Content-Type": "application/json",
-      "X-STREAM-ID": n
-    }, o = e.csrfToken ?? ((g = document.querySelector('meta[name="csrf-token"]')) == null ? void 0 : g.getAttribute("content"));
-    return o && (r["X-CSRF-TOKEN"] = o), r;
-  })(), F = m(a.value.data), R = m(a.value.jsonData), b = m(a.value.isFetching), d = m(a.value.isStreaming);
-  let h, v;
+      "X-STREAM-ID": t
+    }, l = e.csrfToken ?? ((g = document.querySelector('meta[name="csrf-token"]')) == null ? void 0 : g.getAttribute("content"));
+    return l && (r["X-CSRF-TOKEN"] = l), r;
+  })(), R = m(o.value.data), y = m(o.value.jsonData), S = m(o.value.isFetching), h = m(o.value.isStreaming);
+  let u, v;
   const s = (r) => {
-    Y(n, r);
-  }, l = () => {
-    a.value.controller.abort(), (b || d) && W(n), s({
+    _(t, r);
+  }, c = () => {
+    o.value.controller.abort(), (S || h) && G(t), s({
       isFetching: !1,
       isStreaming: !1
     });
-  }, u = (r) => {
-    const o = new AbortController(), g = {
+  }, f = (r) => {
+    const l = new AbortController(), g = {
       method: "POST",
-      signal: o.signal,
+      signal: l.signal,
       headers: {
-        ...i,
+        ...M,
         ...e.headers ?? {}
       },
       body: JSON.stringify(r ?? {}),
       credentials: e.credentials ?? "same-origin"
-    }, k = G(n, g);
+    }, k = Q(t, g);
     k !== !1 && (s({
       isFetching: !0,
-      controller: o
-    }), fetch(t, k ?? g).then(async (c) => {
-      if (!c.ok) {
-        const D = await c.text();
-        throw new Error(D);
+      controller: l
+    }), fetch(a.value, k ?? g).then(async (i) => {
+      if (!i.ok) {
+        const w = await i.text();
+        throw new Error(w);
       }
-      if (!c.body)
+      if (!i.body)
         throw new Error(
           "ReadableStream not yet supported in this browser."
         );
-      return V(n, c), s({
+      return $(t, i), s({
         isFetching: !1,
         isStreaming: !0
-      }), C(c.body.getReader());
-    }).catch((c) => {
+      }), D(i.body.getReader());
+    }).catch((i) => {
       s({
         isFetching: !1,
         isStreaming: !1
-      }), p(n, c), T(n);
+      }), P(t, i), p(t);
     }));
-  }, y = (r) => {
-    l(), u(r), j();
-  }, j = () => {
+  }, j = (r) => {
+    c(), f(r), C();
+  }, C = () => {
     s({
       data: "",
       jsonData: null
     });
-  }, C = (r, o = "") => r.read().then(({ done: g, value: k }) => {
-    const c = new TextDecoder("utf-8").decode(k), D = o + c;
-    $(n, c);
+  }, D = async (r, l = "") => r.read().then(({ done: g, value: k }) => {
+    const i = new TextDecoder("utf-8").decode(k), w = l + i;
+    H(t, i);
     const B = {
-      data: D
+      data: w
     };
     if (!g)
-      return s(B), C(r, D);
+      return s(B), D(r, w);
     if (B.isStreaming = !1, e.json)
       try {
-        B.jsonData = JSON.parse(D);
-      } catch (I) {
-        p(n, I);
+        B.jsonData = JSON.parse(w);
+      } catch (X) {
+        P(t, X);
       }
-    return s(B), T(n), "";
+    return s(B), p(t), "";
   });
-  return q(() => {
-    h = Q(n, (r) => {
-      a.value = A(n), b.value = r.isFetching, d.value = r.isStreaming, F.value = r.data, R.value = r.jsonData;
-    }), v = K(n, e), window.addEventListener("beforeunload", l), e.initialInput && u(e.initialInput);
-  }), x(() => {
-    h(), v(), window.removeEventListener("beforeunload", l), O(n) || l();
+  return O(() => {
+    u = Z(t, (r) => {
+      o.value = A(t), S.value = r.isFetching, h.value = r.isStreaming, R.value = r.data, y.value = r.jsonData;
+    }), v = W(t, e), window.addEventListener("beforeunload", c), e.initialInput && f(e.initialInput);
+  }), I(() => {
+    u && u(), v && v(), window.removeEventListener("beforeunload", c), N(t) || c();
+  }), J(a, (r, l) => {
+    r !== l && (c(), C());
   }), {
-    data: S(F),
-    jsonData: S(R),
-    isFetching: S(b),
-    isStreaming: S(d),
-    id: n,
-    send: y,
-    cancel: l,
-    clearData: j
+    data: E(R),
+    jsonData: E(y),
+    isFetching: E(S),
+    isStreaming: E(h),
+    id: t,
+    send: j,
+    cancel: c,
+    clearData: C
   };
-}, z = (t, e = {}) => {
-  const { jsonData: n, data: a, ...i } = Z(t, {
+}, ne = (n, e = {}) => {
+  const { jsonData: a, data: t, ...o } = U(n, {
     ...e,
     json: !0
   });
-  return { data: n, strData: a, ...i };
+  return { data: a, strData: t, ...o };
 };
 export {
-  U as useEventStream,
-  z as useJsonStream,
-  Z as useStream
+  ee as useEventStream,
+  ne as useJsonStream,
+  U as useStream
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(f,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(f=typeof globalThis<"u"?globalThis:f||self,s(f.LaravelStreamVue={},f.Vue))})(this,function(f,s){"use strict";const T="data: ",J=(t,{eventName:e="update",endSignal:n="</stream>",glue:a=" ",replace:u=!1,onMessage:j=()=>null,onComplete:k=()=>null,onError:y=()=>null}={})=>{const m=s.ref(""),g=s.ref([]),C=Array.isArray(e)?e:[e];let o=null;const c=()=>{m.value="",g.value=[]},h=(r=!1)=>{C.forEach(l=>{o==null||o.removeEventListener(l,v)}),o==null||o.close(),o=null,r&&c()},v=r=>{if([n,`${T}${n}`].includes(r.data)){h(),k();return}u&&c(),g.value.push(r.data.startsWith(T)?r.data.substring(T.length):r.data),m.value=g.value.join(a),j(r)},B=r=>{y(r),h()},D=()=>{c(),o=new EventSource(t),C.forEach(r=>{o.addEventListener(r,v)}),o.addEventListener("error",B)};return s.onMounted(()=>{D()}),s.onUnmounted(()=>{h()}),s.watch(()=>t,(r,l)=>{r!==l&&(h(),D())}),{message:s.readonly(m),messageParts:s.readonly(g),close:h,clearMessage:c}},x="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let I=(t=21)=>{let e="",n=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+=x[n[t]&63];return e};const b=new Map,V=(t,e)=>{b.has(t)||b.set(t,{onData:[],onError:[],onFinish:[],onResponse:[],onCancel:[],onBeforeSend:[]});const n=b.get(t);return e.onData&&n.onData.push(e.onData),e.onError&&n.onError.push(e.onError),e.onFinish&&n.onFinish.push(e.onFinish),e.onResponse&&n.onResponse.push(e.onResponse),e.onCancel&&n.onCancel.push(e.onCancel),e.onBeforeSend&&n.onBeforeSend.push(e.onBeforeSend),()=>{$(t,e)}},E=(t,e,...n)=>{const a=b.get(t);return a?a[e].map(u=>u(...n)):[]},p=t=>{E(t,"onFinish")},A=(t,e)=>{E(t,"onError",e)},N=(t,e)=>{E(t,"onResponse",e)},X=t=>{E(t,"onCancel")},K=(t,e)=>{E(t,"onData",e)},W=(t,e)=>{const n=E(t,"onBeforeSend",e);for(const a of n){if(a===!1)return!1;if(a!==null&&typeof a=="object")return a}return null},$=(t,e)=>{const n=b.get(t);n&&(e.onData&&(n.onData=n.onData.filter(a=>a!==e.onData)),e.onError&&(n.onError=n.onError.filter(a=>a!==e.onError)),e.onFinish&&(n.onFinish=n.onFinish.filter(a=>a!==e.onFinish)),e.onResponse&&(n.onResponse=n.onResponse.filter(a=>a!==e.onResponse)),e.onCancel&&(n.onCancel=n.onCancel.filter(a=>a!==e.onCancel)),e.onBeforeSend&&(n.onBeforeSend=n.onBeforeSend.filter(a=>a!==e.onBeforeSend)))},F=new Map,d=new Map,R=t=>{const e=F.get(t);if(e)return e;const n={controller:new AbortController,data:"",isFetching:!1,isStreaming:!1,jsonData:null};return F.set(t,n),n},P=t=>(d.has(t)||d.set(t,[]),d.get(t)),q=t=>{var e;return d.has(t)&&((e=d.get(t))==null?void 0:e.length)},G=(t,e)=>(P(t).push(e),()=>{d.set(t,P(t).filter(n=>n!==e)),q(t)||(F.delete(t),d.delete(t))}),H=(t,e)=>{var a;F.set(t,{...R(t),...e});const n=R(t);(a=d.get(t))==null||a.forEach(u=>u(n))},O=(t,e={})=>{const n=e.id??I(),a=s.ref(R(n)),u=(()=>{var S;const r={"Content-Type":"application/json","X-STREAM-ID":n},l=e.csrfToken??((S=document.querySelector('meta[name="csrf-token"]'))==null?void 0:S.getAttribute("content"));return l&&(r["X-CSRF-TOKEN"]=l),r})(),j=s.ref(a.value.data),k=s.ref(a.value.jsonData),y=s.ref(a.value.isFetching),m=s.ref(a.value.isStreaming);let g,C;const o=r=>{H(n,r)},c=()=>{a.value.controller.abort(),(y||m)&&X(n),o({isFetching:!1,isStreaming:!1})},h=r=>{const l=new AbortController,S={method:"POST",signal:l.signal,headers:{...u,...e.headers??{}},body:JSON.stringify(r??{}),credentials:e.credentials??"same-origin"},L=W(n,S);L!==!1&&(o({isFetching:!0,controller:l}),fetch(t,L??S).then(async i=>{if(!i.ok){const w=await i.text();throw new Error(w)}if(!i.body)throw new Error("ReadableStream not yet supported in this browser.");return N(n,i),o({isFetching:!1,isStreaming:!0}),D(i.body.getReader())}).catch(i=>{o({isFetching:!1,isStreaming:!1}),A(n,i),p(n)}))},v=r=>{c(),h(r),B()},B=()=>{o({data:"",jsonData:null})},D=(r,l="")=>r.read().then(({done:S,value:L})=>{const i=new TextDecoder("utf-8").decode(L),w=l+i;K(n,i);const M={data:w};if(!S)return o(M),D(r,w);if(M.isStreaming=!1,e.json)try{M.jsonData=JSON.parse(w)}catch(U){A(n,U)}return o(M),p(n),""});return s.onMounted(()=>{g=G(n,r=>{a.value=R(n),y.value=r.isFetching,m.value=r.isStreaming,j.value=r.data,k.value=r.jsonData}),C=V(n,e),window.addEventListener("beforeunload",c),e.initialInput&&h(e.initialInput)}),s.onUnmounted(()=>{g(),C(),window.removeEventListener("beforeunload",c),q(n)||c()}),{data:s.readonly(j),jsonData:s.readonly(k),isFetching:s.readonly(y),isStreaming:s.readonly(m),id:n,send:v,cancel:c,clearData:B}},Q=(t,e={})=>{const{jsonData:n,data:a,...u}=O(t,{...e,json:!0});return{data:n,strData:a,...u}};f.useEventStream=J,f.useJsonStream=Q,f.useStream=O,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+(function(u,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(u=typeof globalThis<"u"?globalThis:u||self,s(u.LaravelStreamVue={},u.Vue))})(this,function(u,s){"use strict";const T="data: ",x=(n,{eventName:e="update",endSignal:a="</stream>",glue:t=" ",replace:l=!1,onMessage:p=()=>null,onComplete:k=()=>null,onError:v=()=>null}={})=>{const E=s.toRef(n),g=s.ref(""),h=s.ref([]),b=Array.isArray(e)?e:[e];let o=null;const i=()=>{g.value="",h.value=[]},m=(r=!1)=>{b.forEach(c=>{o==null||o.removeEventListener(c,B)}),o==null||o.close(),o=null,r&&i()},B=r=>{if([a,`${T}${a}`].includes(r.data)){m(),k();return}l&&i(),h.value.push(r.data.startsWith(T)?r.data.substring(T.length):r.data),g.value=h.value.join(t),p(r)},C=r=>{v(r),m()},D=()=>{i(),o=new EventSource(E.value),b.forEach(r=>{o.addEventListener(r,B)}),o.addEventListener("error",C)};return s.onMounted(()=>{D()}),s.onUnmounted(()=>{m()}),s.watch(E,(r,c)=>{r!==c&&(m(),D())}),{message:s.readonly(g),messageParts:s.readonly(h),close:m,clearMessage:i}},I="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let V=(n=21)=>{let e="",a=crypto.getRandomValues(new Uint8Array(n|=0));for(;n--;)e+=I[a[n]&63];return e};const w=new Map,N=(n,e)=>{w.has(n)||w.set(n,{onData:[],onError:[],onFinish:[],onResponse:[],onCancel:[],onBeforeSend:[]});const a=w.get(n);return e.onData&&a.onData.push(e.onData),e.onError&&a.onError.push(e.onError),e.onFinish&&a.onFinish.push(e.onFinish),e.onResponse&&a.onResponse.push(e.onResponse),e.onCancel&&a.onCancel.push(e.onCancel),e.onBeforeSend&&a.onBeforeSend.push(e.onBeforeSend),()=>{G(n,e)}},y=(n,e,...a)=>{const t=w.get(n);return t?t[e].map(l=>l(...a)):[]},A=n=>{y(n,"onFinish")},P=(n,e)=>{y(n,"onError",e)},X=(n,e)=>{y(n,"onResponse",e)},K=n=>{y(n,"onCancel")},W=(n,e)=>{y(n,"onData",e)},$=(n,e)=>{const a=y(n,"onBeforeSend",e);for(const t of a){if(t===!1)return!1;if(t!==null&&typeof t=="object")return t}return null},G=(n,e)=>{const a=w.get(n);a&&(e.onData&&(a.onData=a.onData.filter(t=>t!==e.onData)),e.onError&&(a.onError=a.onError.filter(t=>t!==e.onError)),e.onFinish&&(a.onFinish=a.onFinish.filter(t=>t!==e.onFinish)),e.onResponse&&(a.onResponse=a.onResponse.filter(t=>t!==e.onResponse)),e.onCancel&&(a.onCancel=a.onCancel.filter(t=>t!==e.onCancel)),e.onBeforeSend&&(a.onBeforeSend=a.onBeforeSend.filter(t=>t!==e.onBeforeSend)))},F=new Map,d=new Map,j=n=>{const e=F.get(n);if(e)return e;const a={controller:new AbortController,data:"",isFetching:!1,isStreaming:!1,jsonData:null};return F.set(n,a),a},q=n=>(d.has(n)||d.set(n,[]),d.get(n)),O=n=>{var e;return d.has(n)&&((e=d.get(n))==null?void 0:e.length)},H=(n,e)=>(q(n).push(e),()=>{d.set(n,q(n).filter(a=>a!==e)),O(n)||(F.delete(n),d.delete(n))}),Q=(n,e)=>{var t;F.set(n,{...j(n),...e});const a=j(n);(t=d.get(n))==null||t.forEach(l=>l(a))},J=(n,e={})=>{const a=s.toRef(n),t=e.id??V(),l=s.ref(j(t)),p=(()=>{var S;const r={"Content-Type":"application/json","X-STREAM-ID":t},c=e.csrfToken??((S=document.querySelector('meta[name="csrf-token"]'))==null?void 0:S.getAttribute("content"));return c&&(r["X-CSRF-TOKEN"]=c),r})(),k=s.ref(l.value.data),v=s.ref(l.value.jsonData),E=s.ref(l.value.isFetching),g=s.ref(l.value.isStreaming);let h,b;const o=r=>{Q(t,r)},i=()=>{l.value.controller.abort(),(E||g)&&K(t),o({isFetching:!1,isStreaming:!1})},m=r=>{const c=new AbortController,S={method:"POST",signal:c.signal,headers:{...p,...e.headers??{}},body:JSON.stringify(r??{}),credentials:e.credentials??"same-origin"},L=$(t,S);L!==!1&&(o({isFetching:!0,controller:c}),fetch(a.value,L??S).then(async f=>{if(!f.ok){const R=await f.text();throw new Error(R)}if(!f.body)throw new Error("ReadableStream not yet supported in this browser.");return X(t,f),o({isFetching:!1,isStreaming:!0}),D(f.body.getReader())}).catch(f=>{o({isFetching:!1,isStreaming:!1}),P(t,f),A(t)}))},B=r=>{i(),m(r),C()},C=()=>{o({data:"",jsonData:null})},D=async(r,c="")=>r.read().then(({done:S,value:L})=>{const f=new TextDecoder("utf-8").decode(L),R=c+f;W(t,f);const M={data:R};if(!S)return o(M),D(r,R);if(M.isStreaming=!1,e.json)try{M.jsonData=JSON.parse(R)}catch(Y){P(t,Y)}return o(M),A(t),""});return s.onMounted(()=>{h=H(t,r=>{l.value=j(t),E.value=r.isFetching,g.value=r.isStreaming,k.value=r.data,v.value=r.jsonData}),b=N(t,e),window.addEventListener("beforeunload",i),e.initialInput&&m(e.initialInput)}),s.onUnmounted(()=>{h&&h(),b&&b(),window.removeEventListener("beforeunload",i),O(t)||i()}),s.watch(a,(r,c)=>{r!==c&&(i(),C())}),{data:s.readonly(k),jsonData:s.readonly(v),isFetching:s.readonly(E),isStreaming:s.readonly(g),id:t,send:B,cancel:i,clearData:C}},U=(n,e={})=>{const{jsonData:a,data:t,...l}=J(n,{...e,json:!0});return{data:a,strData:t,...l}};u.useEventStream=x,u.useJsonStream=U,u.useStream=J,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,68 +1,68 @@
 {
-    "name": "@laravel/stream-vue",
-    "version": "0.3.8",
-    "description": "Laravel streaming hooks for Vue",
-    "keywords": [
-        "laravel",
-        "stream",
-        "use-stream",
-        "server-sent-events",
-        "sse",
-        "vue",
-        "composables"
-    ],
-    "homepage": "https://github.com/laravel/stream/tree/main/packages/vue#readme",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/laravel/stream.git"
-    },
-    "bugs": {
-        "url": "https://github.com/laravel/stream/issues"
-    },
-    "license": "MIT",
-    "author": {
-        "name": "Taylor Otwell"
-    },
-    "type": "module",
-    "main": "dist/index.umd.js",
-    "module": "dist/index.es.js",
-    "types": "dist/index.d.ts",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.es.js",
-            "require": "./dist/index.umd.js"
-        }
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "vite build",
-        "lint": "eslint --config eslint.config.mjs \"src/**/*.ts\"",
-        "prepublish": "pnpm run build",
-        "release": "vitest --run && npm publish",
-        "test": "vitest",
-        "format": "prettier --write ."
-    },
-    "devDependencies": {
-        "@types/node": "^22.14.0",
-        "@typescript-eslint/eslint-plugin": "^8.21.0",
-        "@typescript-eslint/parser": "^8.21.0",
-        "@vitejs/plugin-vue": "^5.0.0",
-        "eslint": "^9.0.0",
-        "jsdom": "^26.0.0",
-        "msw": "^2.8.2",
-        "prettier": "^3.5.3",
-        "typescript": "^5.3.0",
-        "vite": "^5.4.19",
-        "vite-plugin-dts": "^4.5.3",
-        "vitest": "^3.1.1"
-    },
-    "peerDependencies": {
-        "vue": "^3.0.0"
-    },
-    "dependencies": {
-        "nanoid": "^5.1.5"
+  "name": "@laravel/stream-vue",
+  "version": "0.3.10",
+  "description": "Laravel streaming hooks for Vue",
+  "keywords": [
+    "laravel",
+    "stream",
+    "use-stream",
+    "server-sent-events",
+    "sse",
+    "vue",
+    "composables"
+  ],
+  "homepage": "https://github.com/laravel/stream/tree/main/packages/vue#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/laravel/stream.git"
+  },
+  "bugs": {
+    "url": "https://github.com/laravel/stream/issues"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Taylor Otwell"
+  },
+  "type": "module",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
     }
-}
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "eslint": "^9.0.0",
+    "jsdom": "^26.0.0",
+    "msw": "^2.8.2",
+    "prettier": "^3.5.3",
+    "typescript": "^5.3.0",
+    "vite": "^5.4.19",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^3.1.1"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "dependencies": {
+    "nanoid": "^5.1.5"
+  },
+  "scripts": {
+    "build": "vite build",
+    "lint": "eslint --config eslint.config.mjs \"src/**/*.ts\"",
+    "prepublish": "pnpm run build",
+    "release": "vitest --run && pnpm publish --no-git-checks",
+    "test": "vitest",
+    "format": "prettier --write ."
+  }
+}