@laravel/stream-vue 0.3.2 → 0.3.4

package/README.md

@@ -49,28 +49,23 @@ const sendMessage = () => {
 
 When sending data back to the stream, the active connection to the stream is canceled before sending the new data. All requests are sent as JSON `POST` requests.
 
-The second argument given to `useStream` is an options object that you may use to customize the stream consumption behavior. The default values for this object are shown below:
-
-```vue
-<script setup lang="ts">
-import { useStream } from "@laravel/stream-vue";
-
-const { data } = useStream("chat", {
-    id: undefined,
-    initialInput: undefined,
-    headers: undefined,
-    csrfToken: undefined,
-    onResponse: (response: Response) => void,
-    onData: (data: string) => void,
-    onCancel: () => void,
-    onFinish: () => void,
-    onError: (error: Error) => void,
-});
-</script>
-
-<template>
-    <div>{{ data }}</div>
-</template>
+The second argument given to `useStream` is an options object that you may use to customize the stream consumption behavior:
+
+```ts
+type StreamOptions = {
+    id?: string;
+    initialInput?: Record<string, any>;
+    headers?: Record<string, string>;
+    csrfToken?: string;
+    json?: boolean;
+    credentials?: RequestCredentials;
+    onResponse?: (response: Response) => void;
+    onData?: (data: string) => void;
+    onCancel?: () => void;
+    onFinish?: () => void;
+    onError?: (error: Error) => void;
+    onBeforeSend?: (request: RequestInit) => boolean | RequestInit | void;
+};
 ```
 
 `onResponse` is triggered after a successful initial response from the stream and the raw [Response](https://developer.mozilla.org/en-US/docs/Web/API/Response) is passed to the callback.
@@ -79,6 +74,8 @@ const { data } = useStream("chat", {
 
 `onFinish` is called when a stream has finished and when an error is thrown during the fetch/read cycle.
 
+`onBeforeSend` is called right before sending the request to the server and receives the `RequestInit` object as an argument. Returning `false` from this callback cancels the request, returning a [`RequestInit`](https://developer.mozilla.org/en-US/docs/Web/API/RequestInit) object will override the existing `RequestInit` object.
+
 By default, a request is not made the to stream on initialization. You may pass an initial payload to the stream by using the `initialInput` option:
 
 ```vue

package/dist/index.d.ts

@@ -23,11 +23,13 @@ declare type StreamOptions = {
     headers?: Record<string, string>;
     csrfToken?: string;
     json?: boolean;
+    credentials?: RequestCredentials;
     onResponse?: (response: Response) => void;
     onData?: (data: string) => void;
     onCancel?: () => void;
     onFinish?: () => void;
     onError?: (error: Error) => void;
+    onBeforeSend?: (request: RequestInit) => boolean | RequestInit | void;
 };
 
 /**

package/dist/index.es.js

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

package/dist/index.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laravel/stream-vue",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Laravel streaming hooks for Vue",
   "keywords": [
     "laravel",