@laravel/stream-react 0.3.10 → 0.3.12

package/dist/index.es.js

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

package/dist/index.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laravel/stream-react",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "description": "Laravel streaming hooks for React",
   "keywords": [
     "laravel",
@@ -38,21 +38,21 @@
     "dist"
   ],
   "devDependencies": {
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
     "@types/node": "^22.14.0",
-    "@types/react": "^19.1.0",
-    "@typescript-eslint/eslint-plugin": "^8.21.0",
-    "@typescript-eslint/parser": "^8.21.0",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "eslint": "^9.0.0",
+    "@types/react": "^19.2.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "eslint": "^10.0.0",
     "jsdom": "^26.0.0",
-    "msw": "^2.8.2",
-    "prettier": "^3.5.3",
-    "typescript": "^5.3.0",
-    "vite": "^5.1.0",
-    "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.1.1"
+    "msw": "^2.12.0",
+    "prettier": "^3.8.1",
+    "typescript": "^5.9.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"