@laravel/stream-react 0.3.3 → 0.3.4

package/README.md

@@ -49,27 +49,23 @@ function App() {
 
 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:
-
-```tsx
-import { useStream } from "@laravel/stream-react";
-
-function App() {
-    const { data } = useStream("chat", {
-        id: undefined,
-        initialInput: undefined,
-        headers: undefined,
-        csrfToken: undefined,
-        credentials: undefined,
-        onResponse: (response: Response) => void,
-        onData: (data: string) => void,
-        onCancel: () => void,
-        onFinish: () => void,
-        onError: (error: Error) => void,
-    });
-
-    return <div>{data}</div>;
-}
+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.
@@ -78,6 +74,8 @@ function App() {
 
 `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:
 
 ```tsx

package/dist/index.d.ts

@@ -27,6 +27,7 @@ declare type StreamOptions = {
     onCancel?: () => void;
     onFinish?: () => void;
     onError?: (error: Error) => void;
+    onBeforeSend?: (request: RequestInit) => RequestInit | boolean | void;
 };
 
 /**

package/dist/index.es.js

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

package/dist/index.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laravel/stream-react",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "Laravel streaming hooks for React",
   "keywords": [
     "laravel",