@laravel/stream-vue 0.3.1 → 0.3.3

package/README.md

@@ -60,6 +60,7 @@ const { data } = useStream("chat", {
     initialInput: undefined,
     headers: undefined,
     csrfToken: undefined,
+    credentials: undefined,
     onResponse: (response: Response) => void,
     onData: (data: string) => void,
     onCancel: () => void,

package/dist/index.d.ts

@@ -23,6 +23,7 @@ declare type StreamOptions = {
     headers?: Record<string, string>;
     csrfToken?: string;
     json?: boolean;
+    credentials?: RequestCredentials;
     onResponse?: (response: Response) => void;
     onData?: (data: string) => void;
     onCancel?: () => void;
@@ -50,7 +51,7 @@ export declare const useJsonStream: <TJsonData = null>(url: string, options?: Om
     cancel: () => void;
     clearData: () => void;
     data: Readonly<TJsonData | null>;
-    rawData: Readonly<Ref<string, string>>;
+    strData: Readonly<Ref<string, string>>;
 };
 
 export declare const useStream: <TJsonData = null>(url: string, options?: StreamOptions) => {

package/dist/index.es.js

@@ -1,50 +1,50 @@
-import { ref as S, onMounted as x, onUnmounted as O, watch as q, readonly as w } from "vue";
+import { ref as S, onMounted as x, onUnmounted as O, watch as q, readonly as v } from "vue";
 const M = "data: ", $ = (t, {
   eventName: e = "update",
   endSignal: r = "</stream>",
   glue: l = " ",
-  replace: v = !1,
+  replace: w = !1,
   onMessage: b = () => null,
   onComplete: D = () => null,
   onError: E = () => null
 } = {}) => {
   const d = S(""), f = S([]), u = Array.isArray(e) ? e : [e];
   let c = null;
-  const h = () => {
+  const g = () => {
     d.value = "", f.value = [];
-  }, g = (a = !1) => {
+  }, h = (a = !1) => {
     u.forEach((s) => {
       c == null || c.removeEventListener(s, y);
-    }), c == null || c.close(), c = null, a && h();
+    }), c == null || c.close(), c = null, a && g();
   }, y = (a) => {
     if ([r, `${M}${r}`].includes(a.data)) {
-      g(), D();
+      h(), D();
       return;
     }
-    v && h(), f.value.push(
+    w && g(), 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();
+    E(a), h();
   }, n = () => {
-    h(), c = new EventSource(t), u.forEach((a) => {
+    g(), c = new EventSource(t), u.forEach((a) => {
       c.addEventListener(a, y);
     }), c.addEventListener("error", j);
   };
   return x(() => {
     n();
   }), O(() => {
-    g();
+    h();
   }), q(
     () => t,
     (a, s) => {
-      a !== s && (g(), n());
+      a !== s && (h(), n());
     }
   ), {
-    message: w(d),
-    messageParts: w(f),
-    close: g,
-    clearMessage: h
+    message: v(d),
+    messageParts: v(f),
+    close: h,
+    clearMessage: g
   };
 }, N = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let X = (t = 21) => {
@@ -53,7 +53,7 @@ let X = (t = 21) => {
     e += N[r[t] & 63];
   return e;
 };
-const A = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), L = (t) => {
+const A = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), L = (t) => {
   const e = A.get(t);
   if (e)
     return e;
@@ -65,16 +65,16 @@ const A = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), L = (t) => {
     jsonData: null
   };
   return A.set(t, r), r;
-}, P = (t) => (i.has(t) || i.set(t, []), i.get(t)), I = (t) => {
+}, P = (t) => (o.has(t) || o.set(t, []), o.get(t)), I = (t) => {
   var e;
-  return i.has(t) && ((e = i.get(t)) == null ? void 0 : e.length);
+  return o.has(t) && ((e = o.get(t)) == null ? void 0 : e.length);
 }, K = (t, e) => (P(t).push(e), () => {
-  i.set(
+  o.set(
     t,
     P(t).filter((r) => r !== e)
-  ), I(t) || (A.delete(t), i.delete(t));
+  ), I(t) || (A.delete(t), o.delete(t));
 }), V = (t, e = {}) => {
-  const r = e.id ?? X(), l = S(L(r)), v = (() => {
+  const r = e.id ?? X(), l = S(L(r)), w = (() => {
     var s;
     const n = {
       "Content-Type": "application/json",
@@ -90,14 +90,14 @@ const A = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), L = (t) => {
       ...n
     });
     const a = L(r);
-    (s = i.get(r)) == null || s.forEach((o) => o(a));
+    (s = o.get(r)) == null || s.forEach((i) => i(a));
   }, c = () => {
     var n;
     l.value.controller.abort(), (E || d) && ((n = e.onCancel) == null || n.call(e)), u({
       isFetching: !1,
       isStreaming: !1
     });
-  }, h = (n = {}) => {
+  }, g = (n = {}) => {
     const a = new AbortController();
     u({
       isFetching: !0,
@@ -106,12 +106,13 @@ const A = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), L = (t) => {
       method: "POST",
       signal: a.signal,
       headers: {
-        ...v,
+        ...w,
         ...e.headers ?? {}
       },
-      body: JSON.stringify(n)
+      body: JSON.stringify(n),
+      credentials: e.credentials ?? "same-origin"
     }).then(async (s) => {
-      var o;
+      var i;
       if (!s.ok) {
         const m = await s.text();
         throw new Error(m);
@@ -120,27 +121,27 @@ const A = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), L = (t) => {
         throw new Error(
           "ReadableStream not yet supported in this browser."
         );
-      return (o = e.onResponse) == null || o.call(e, s), u({
+      return (i = e.onResponse) == null || i.call(e, s), u({
         isFetching: !1,
         isStreaming: !0
       }), j(s.body.getReader());
     }).catch((s) => {
-      var o, m;
+      var i, m;
       u({
         isFetching: !1,
         isStreaming: !1
-      }), (o = e.onError) == null || o.call(e, s), (m = e.onFinish) == null || m.call(e);
+      }), (i = e.onError) == null || i.call(e, s), (m = e.onFinish) == null || m.call(e);
     });
-  }, g = (n) => {
-    c(), h(n), y();
+  }, h = (n) => {
+    c(), g(n), y();
   }, y = () => {
     u({
       data: "",
       jsonData: null
     });
-  }, j = (n, a = "") => n.read().then(({ done: s, value: o }) => {
+  }, j = (n, a = "") => n.read().then(({ done: s, value: i }) => {
     var R, T, k;
-    const m = new TextDecoder("utf-8").decode(o), C = a + m;
+    const m = new TextDecoder("utf-8").decode(i), C = a + m;
     (R = e.onData) == null || R.call(e, m);
     const F = {
       data: C
@@ -158,25 +159,25 @@ const A = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), L = (t) => {
   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);
+    }), window.addEventListener("beforeunload", c), e.initialInput && g(e.initialInput);
   }), O(() => {
     f(), window.removeEventListener("beforeunload", c), I(r) || c();
   }), {
-    data: w(b),
-    jsonData: w(D),
-    isFetching: w(E),
-    isStreaming: w(d),
+    data: v(b),
+    jsonData: v(D),
+    isFetching: v(E),
+    isStreaming: v(d),
     id: r,
-    send: g,
+    send: h,
     cancel: c,
     clearData: y
   };
 }, B = (t, e = {}) => {
-  const { jsonData: r, data: l, ...v } = V(t, {
+  const { jsonData: r, data: l, ...w } = V(t, {
     ...e,
     json: !0
   });
-  return { data: r, rawData: l, ...v };
+  return { data: r, strData: l, ...w };
 };
 export {
   $ as useEventStream,

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,rawData:o,...w}};u.useEventStream=q,u.useJsonStream=N,u.useStream=P,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+(function(i,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(i=typeof globalThis<"u"?globalThis:i||self,n(i.LaravelStreamVue={},i.Vue))})(this,function(i,n){"use strict";const M="data: ",q=(t,{eventName:e="update",endSignal:r="</stream>",glue:d=" ",replace:w=!1,onMessage:F=()=>null,onComplete:L=()=>null,onError:E=()=>null}={})=>{const h=n.ref(""),m=n.ref([]),o=Array.isArray(e)?e:[e];let c=null;const g=()=>{h.value="",m.value=[]},S=(a=!1)=>{o.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(d),F(a)},T=a=>{E(a),S()},s=()=>{g(),c=new EventSource(t),o.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(),d=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(d.value.data),L=n.ref(d.value.jsonData),E=n.ref(d.value.isFetching),h=n.ref(d.value.isStreaming);let m;const o=s=>{var l;j.set(r,{...D(r),...s});const a=D(r);(l=f.get(r))==null||l.forEach(u=>u(a))},c=()=>{var s;d.value.controller.abort(),(E||h)&&((s=e.onCancel)==null||s.call(e)),o({isFetching:!1,isStreaming:!1})},g=(s={})=>{const a=new AbortController;o({isFetching:!0,controller:a}),fetch(t,{method:"POST",signal:a.signal,headers:{...w,...e.headers??{}},body:JSON.stringify(s),credentials:e.credentials??"same-origin"}).then(async l=>{var u;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(u=e.onResponse)==null||u.call(e,l),o({isFetching:!1,isStreaming:!0}),T(l.body.getReader())}).catch(l=>{var u,y;o({isFetching:!1,isStreaming:!1}),(u=e.onError)==null||u.call(e,l),(y=e.onFinish)==null||y.call(e)})},S=s=>{c(),g(s),b()},b=()=>{o({data:"",jsonData:null})},T=(s,a="")=>s.read().then(({done:l,value:u})=>{var k,O,J;const y=new TextDecoder("utf-8").decode(u),A=a+y;(k=e.onData)==null||k.call(e,y);const v={data:A};if(!l)return o(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 o(v),(J=e.onFinish)==null||J.call(e),""});return n.onMounted(()=>{m=V(r,s=>{d.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:d,...w}=P(t,{...e,json:!0});return{data:r,strData:d,...w}};i.useEventStream=q,i.useJsonStream=N,i.useStream=P,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/package.json

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