@fencyai/react 0.1.139 → 0.1.141

package/README.md

@@ -1,11 +1,28 @@
 # `@fencyai/react`
 
-> TODO: description
+The official React SDK for [Fency.ai](https://fency.ai).
 
-## Usage
+For more information, visit [docs.fency.ai](https://docs.fency.ai).
 
-```
-const react = require('@fencyai/react');
+## Setup
+
+```tsx
+import { loadFency } from '@fencyai/js'
+import { FencyProvider } from '@fencyai/react'
+
+const fency = loadFency({ publishableKey: 'pk_your_publishable_key' })
 
-// TODO: DEMONSTRATE API
+export default function App() {
+  return (
+    <FencyProvider
+      fency={fency}
+      fetchCreateStreamClientToken={async () => {
+        const res = await fetch('/api/fency-token')
+        return res.json()
+      }}
+    >
+      {/* your app */}
+    </FencyProvider>
+  )
+}
 ```

package/dist/hooks/useAgentTasks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAgentTasks/index.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAYnE,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,aAuQzD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAgentTasks/index.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAYnE,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,aA8QzD,CAAA"}

package/dist/index.js

@@ -19,14 +19,14 @@ function re(e) {
   return function(o) {
     t === void 0 ? (t = o, n = 0, r = -1) : t = ae(t, o);
     const l = t.length;
-    let u = 0;
+    let m = 0;
     for (; n < l; ) {
-      s && (t[n] === 10 && (u = ++n), s = !1);
+      s && (t[n] === 10 && (m = ++n), s = !1);
       let a = -1;
       for (; n < l && a === -1; ++n)
         switch (t[n]) {
           case 58:
-            r === -1 && (r = n - u);
+            r === -1 && (r = n - m);
             break;
           case 13:
             s = !0;
@@ -36,9 +36,9 @@ function re(e) {
         }
       if (a === -1)
         break;
-      e(t.subarray(u, a), r), u = n, r = -1;
+      e(t.subarray(m, a), r), m = n, r = -1;
     }
-    u === l ? t = void 0 : u !== 0 && (t = t.subarray(u), n -= u);
+    m === l ? t = void 0 : m !== 0 && (t = t.subarray(m), n -= m);
   };
 }
 function oe(e, t, n) {
@@ -48,8 +48,8 @@ function oe(e, t, n) {
     if (o.length === 0)
       n == null || n(r), r = O();
     else if (l > 0) {
-      const u = s.decode(o.subarray(0, l)), a = l + (o[l + 1] === 32 ? 2 : 1), c = s.decode(o.subarray(a));
-      switch (u) {
+      const m = s.decode(o.subarray(0, l)), a = l + (o[l + 1] === 32 ? 2 : 1), c = s.decode(o.subarray(a));
+      switch (m) {
         case "data":
           r.data = r.data ? r.data + `
 ` + c : c;
@@ -61,8 +61,8 @@ function oe(e, t, n) {
           e(r.id = c);
           break;
         case "retry":
-          const g = parseInt(c, 10);
-          isNaN(g) || t(r.retry = g);
+          const y = parseInt(c, 10);
+          isNaN(y) || t(r.retry = y);
           break;
       }
     }
@@ -90,40 +90,40 @@ var ie = function(e, t) {
 };
 const F = "text/event-stream", se = 1e3, L = "last-event-id";
 function le(e, t) {
-  var { signal: n, headers: r, onopen: s, onmessage: d, onclose: o, onerror: l, openWhenHidden: u, fetch: a } = t, c = ie(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((g, m) => {
-    const f = Object.assign({}, r);
-    f.accept || (f.accept = F);
-    let y;
+  var { signal: n, headers: r, onopen: s, onmessage: d, onclose: o, onerror: l, openWhenHidden: m, fetch: a } = t, c = ie(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((y, g) => {
+    const h = Object.assign({}, r);
+    h.accept || (h.accept = F);
+    let u;
     function p() {
-      y.abort(), document.hidden || E();
+      u.abort(), document.hidden || E();
     }
-    u || document.addEventListener("visibilitychange", p);
-    let h = se, S = 0;
+    m || document.addEventListener("visibilitychange", p);
+    let f = se, S = 0;
     function k() {
-      document.removeEventListener("visibilitychange", p), window.clearTimeout(S), y.abort();
+      document.removeEventListener("visibilitychange", p), window.clearTimeout(S), u.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      k(), g();
+      k(), y();
     });
     const P = a ?? window.fetch, M = s ?? ce;
     async function E() {
       var D;
-      y = new AbortController();
+      u = new AbortController();
       try {
-        const I = await P(e, Object.assign(Object.assign({}, c), { headers: f, signal: y.signal }));
+        const I = await P(e, Object.assign(Object.assign({}, c), { headers: h, signal: u.signal }));
         await M(I), await ne(I.body, re(oe((b) => {
-          b ? f[L] = b : delete f[L];
+          b ? h[L] = b : delete h[L];
         }, (b) => {
-          h = b;
-        }, d))), o == null || o(), k(), g();
+          f = b;
+        }, d))), o == null || o(), k(), y();
       } catch (I) {
-        if (!y.signal.aborted)
+        if (!u.signal.aborted)
           try {
-            const b = (D = l == null ? void 0 : l(I)) !== null && D !== void 0 ? D : h;
+            const b = (D = l == null ? void 0 : l(I)) !== null && D !== void 0 ? D : f;
             window.clearTimeout(S), S = window.setTimeout(E, b);
           } catch (b) {
-            k(), m(b);
+            k(), g(b);
           }
       }
     }
@@ -219,27 +219,27 @@ const me = 12e4, ge = (e) => {
 function Ge({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
   const [r, s] = C(
     null
-  ), [d, o] = C(!0), [l, u] = C(null), [a, c] = C([]), g = A(null), m = A(null);
+  ), [d, o] = C(!0), [l, m] = C(null), [a, c] = C([]), y = A(null), g = A(null);
   w(() => {
-    e.then((h) => {
-      s(h), o(!1);
-    }).catch((h) => {
-      u(h), o(!1);
+    e.then((f) => {
+      s(f), o(!1);
+    }).catch((f) => {
+      m(f), o(!1);
     });
   }, [e]), w(() => {
-    r && !m.current && (m.current = new ue(r));
+    r && !g.current && (g.current = new ue(r));
   }, [r]), w(() => {
-    m.current && m.current.updateStreams(a);
+    g.current && g.current.updateStreams(a);
   }, [a]), w(() => () => {
-    var h;
-    (h = m.current) == null || h.cleanup();
+    var f;
+    (f = g.current) == null || f.cleanup();
   }, []);
-  const f = _(
-    async (h = 3e4) => {
-      if (g.current)
-        return g.current;
+  const h = _(
+    async (f = 3e4) => {
+      if (y.current)
+        return y.current;
       const S = Date.now(), k = a.length > 0 ? a[a.length - 1] : null;
-      if (k && S - k.createdAt < h)
+      if (k && S - k.createdAt < f)
         return k.stream;
       const P = (async () => {
         if (!r)
@@ -257,11 +257,11 @@ function Ge({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
           return c((I) => {
             const b = [...I, D];
             return ge(b);
-          }), g.current = null, E.stream;
+          }), y.current = null, E.stream;
         } else
-          throw g.current = null, new Error("Failed to create stream");
+          throw y.current = null, new Error("Failed to create stream");
       })();
-      return g.current = P, P;
+      return y.current = P, P;
     },
     [r, a]
   );
@@ -272,14 +272,14 @@ function Ge({ fency: e, fetchCreateStreamClientToken: t, children: n }) {
     ] });
   if (!r)
     return null;
-  const y = a.length > 0 ? a[a.length - 1] : null, p = {
+  const u = a.length > 0 ? a[a.length - 1] : null, p = {
     fency: r,
     loading: d,
     error: l,
     activeStreams: a,
-    latestStream: y,
-    eventManager: m.current,
-    getOrCreateStream: f
+    latestStream: u,
+    eventManager: g.current,
+    getOrCreateStream: h
   };
   return /* @__PURE__ */ i(H.Provider, { value: p, children: n });
 }
@@ -317,26 +317,26 @@ const ye = (e) => {
   return w(() => {
     if (!t.eventManager) return;
     const o = {
-      onMessage: (u, a) => {
-        var g, m, f;
-        const c = ye(u);
+      onMessage: (m, a) => {
+        var y, g, h;
+        const c = ye(m);
         if (c)
           switch (c.type) {
             case "STREAM_TIMEOUT":
-              (g = e == null ? void 0 : e.onStreamTimeout) == null || g.call(e, c);
+              (y = e == null ? void 0 : e.onStreamTimeout) == null || y.call(e, c);
               break;
             case "STREAM_NOT_FOUND":
-              (m = e == null ? void 0 : e.onStreamNotFound) == null || m.call(e, c);
+              (g = e == null ? void 0 : e.onStreamNotFound) == null || g.call(e, c);
               break;
             case "AGENT_TASK_PROGRESS_ITEM_UPDATED":
-              (f = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || f.call(e, c);
+              (h = e == null ? void 0 : e.onAgentTaskProgressItemUpdated) == null || h.call(e, c);
               break;
           }
       },
-      onError: (u) => {
+      onError: (m) => {
         var a;
         (a = e == null ? void 0 : e.onStreamError) == null || a.call(e, {
-          streamId: u,
+          streamId: m,
           error: {
             code: "UnknownError",
             message: "Unknown error in useStream"
@@ -371,42 +371,50 @@ const ye = (e) => {
 }, Je = (e) => {
   const t = N(), [n, r] = C([]), s = A(/* @__PURE__ */ new Set()), d = A(/* @__PURE__ */ new Map()), { createStream: o } = ke({
     onAgentTaskProgressItemUpdated: (a) => {
-      var m;
+      var g;
       if (!s.current.has(a.agentTaskId)) return;
       const c = a.data;
       if (c.taskType === "StreamingChatCompletion" && c.eventType === "Completed" || c.taskType === "StructuredChatCompletion" && c.eventType === "Completed" || c.taskType === "MemoryChatCompletion" && c.eventType === "Completed") {
-        const f = d.current.get(
+        r(
+          (u) => u.map(
+            (p) => {
+              var f;
+              return ((f = p.confirmedData) == null ? void 0 : f.taskId) === a.agentTaskId ? { ...p, loading: !1 } : p;
+            }
+          )
+        );
+        const h = d.current.get(
           a.agentTaskId
         );
-        f && (d.current.delete(a.agentTaskId), f(c));
+        h && (d.current.delete(a.agentTaskId), h(c));
         return;
       }
-      (m = e.onAgentTaskProgressItemUpdated) == null || m.call(e, a), r(
-        (f) => f.map((y) => {
+      (g = e.onAgentTaskProgressItemUpdated) == null || g.call(e, a), r(
+        (h) => h.map((u) => {
           var S;
-          if (((S = y.confirmedData) == null ? void 0 : S.taskId) !== a.agentTaskId)
-            return y;
-          const h = y.progressItems.some(
+          if (((S = u.confirmedData) == null ? void 0 : S.taskId) !== a.agentTaskId)
+            return u;
+          const f = u.progressItems.some(
             (k) => k.progressItemId === a.progressItemId
-          ) ? y.progressItems.map(
+          ) ? u.progressItems.map(
             (k) => k.progressItemId === a.progressItemId ? a : k
-          ) : [...y.progressItems, a];
-          return { ...y, progressItems: h };
+          ) : [...u.progressItems, a];
+          return { ...u, progressItems: f };
         })
       );
     },
     onStreamError: (a) => {
       var c;
-      (c = e == null ? void 0 : e.onStreamError) == null || c.call(e, a), r((g) => {
-        const m = g.find((f) => f.streamId === a.streamId);
-        return m ? [
-          ...g.filter((f) => f.streamId !== a.streamId),
+      (c = e == null ? void 0 : e.onStreamError) == null || c.call(e, a), r((y) => {
+        const g = y.find((h) => h.streamId === a.streamId);
+        return g ? [
+          ...y.filter((h) => h.streamId !== a.streamId),
           {
-            ...m,
+            ...g,
             loading: !1,
             error: a.error
           }
-        ] : g;
+        ] : y;
       });
     },
     onStreamNotFound: (a) => {
@@ -419,13 +427,13 @@ const ye = (e) => {
     }
   }), l = _(
     async (a, c) => {
-      const g = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, m = await o();
-      if (m.type === "success") {
+      const y = `task-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, g = await o();
+      if (g.type === "success") {
         r([
           ...n,
           {
-            taskKey: g,
-            streamId: m.stream.id,
+            taskKey: y,
+            streamId: g.stream.id,
             triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
             confirmedData: null,
             error: null,
@@ -435,11 +443,11 @@ const ye = (e) => {
             loadingText: c == null ? void 0 : c.loadingText
           }
         ]);
-        const { clientToken: f } = await e.fetchCreateAgentTaskClientToken(a.type), y = await Y({
+        const { clientToken: h } = await e.fetchCreateAgentTaskClientToken(a.type), u = await Y({
           pk: t.fency.publishableKey,
           baseUrl: t.fency.baseUrl,
-          clientToken: f,
-          streamToken: m.stream.token,
+          clientToken: h,
+          streamToken: g.stream.token,
           request: {
             streamingChatCompletionTask: a.type === "StreamingChatCompletion" ? {
               messages: a.messages,
@@ -459,50 +467,50 @@ const ye = (e) => {
             } : void 0
           }
         });
-        if (y.type === "success" && y.agentTask) {
+        if (u.type === "success" && u.agentTask) {
           s.current.add(
-            y.agentTask.id
-          ), r((h) => [
-            ...h.filter((S) => S.taskKey !== g),
+            u.agentTask.id
+          ), r((f) => [
+            ...f.filter((S) => S.taskKey !== y),
             {
-              taskKey: g,
-              streamId: m.stream.id,
+              taskKey: y,
+              streamId: g.stream.id,
               triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-              taskId: y.agentTask.id,
-              createdAt: y.agentTask.createdAt,
+              taskId: u.agentTask.id,
+              createdAt: u.agentTask.createdAt,
               error: null,
               params: a,
               progressItems: [],
               loading: !0,
               loadingText: c == null ? void 0 : c.loadingText,
               confirmedData: {
-                taskId: y.agentTask.id,
-                createdAt: y.agentTask.createdAt
+                taskId: u.agentTask.id,
+                createdAt: u.agentTask.createdAt
               }
             }
           ]);
-          const p = await new Promise((h) => {
+          const p = await new Promise((f) => {
             d.current.set(
-              y.agentTask.id,
-              h
+              u.agentTask.id,
+              f
             );
           });
           return {
             type: "success",
-            streamId: m.stream.id,
-            agentTaskId: y.agentTask.id,
+            streamId: g.stream.id,
+            agentTaskId: u.agentTask.id,
             response: p
           };
         } else {
-          if (y.type === "error")
+          if (u.type === "error")
             return r((p) => [
-              ...p.filter((h) => h.taskKey !== g),
+              ...p.filter((f) => f.taskKey !== y),
               {
-                taskKey: g,
+                taskKey: y,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: m.stream.id,
+                streamId: g.stream.id,
                 params: a,
-                error: y.error,
+                error: u.error,
                 progressItems: [],
                 loading: !1,
                 loadingText: c == null ? void 0 : c.loadingText,
@@ -510,19 +518,19 @@ const ye = (e) => {
               }
             ]), {
               type: "error",
-              error: y.error
+              error: u.error
             };
           {
             const p = {
               message: "No response received",
               code: "UnknownError"
             };
-            return r((h) => [
-              ...h.filter((S) => S.taskKey !== g),
+            return r((f) => [
+              ...f.filter((S) => S.taskKey !== y),
               {
-                taskKey: g,
+                taskKey: y,
                 triggeredAt: (/* @__PURE__ */ new Date()).toISOString(),
-                streamId: m.stream.id,
+                streamId: g.stream.id,
                 error: p,
                 params: a,
                 progressItems: [],
@@ -537,10 +545,10 @@ const ye = (e) => {
           }
         }
       } else
-        return console.error(m.error), m;
+        return console.error(g.error), g;
     },
     [t, n, o]
-  ), u = $(() => {
+  ), m = $(() => {
     if (n.length !== 0)
       return [...n].sort((a, c) => new Date(c.triggeredAt).getTime() - new Date(a.triggeredAt).getTime())[0];
   }, [n]);
@@ -549,7 +557,7 @@ const ye = (e) => {
   }, []), {
     agentTasks: n,
     createAgentTask: l,
-    latest: u
+    latest: m
   };
 };
 function Te(e) {
@@ -577,17 +585,17 @@ function R({
   className: d,
   startOnView: o = !1,
   once: l = !1,
-  inViewMargin: u,
+  inViewMargin: m,
   spread: a = 2,
   color: c = "#999",
-  shimmerColor: g = "#000",
-  direction: m = "fromBottom"
+  shimmerColor: y = "#000",
+  direction: g = "fromBottom"
 }) {
-  const f = A(null), y = Z(f, { once: l, margin: u }), p = $(() => e.length * a, [e, a]), h = !o || y, S = m === "fromBottom" ? "100% center" : "-100% center", k = m === "fromBottom" ? "0% center" : "200% center";
+  const h = A(null), u = Z(h, { once: l, margin: m }), p = $(() => e.length * a, [e, a]), f = !o || u, S = g === "fromBottom" ? "100% center" : "-100% center", k = g === "fromBottom" ? "0% center" : "200% center";
   return /* @__PURE__ */ i(
     T.span,
     {
-      ref: f,
+      ref: h,
       className: d,
       style: {
         position: "relative",
@@ -600,7 +608,7 @@ function R({
         backgroundRepeat: "no-repeat, padding-box",
         "--spread": `${p}px`,
         "--base-color": c,
-        "--shimmer-color": g,
+        "--shimmer-color": y,
         "--shimmer-bg": "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--shimmer-color), transparent calc(50% + var(--spread)))",
         backgroundImage: "var(--shimmer-bg), linear-gradient(var(--base-color), var(--base-color))"
       },
@@ -608,7 +616,7 @@ function R({
         backgroundPosition: S,
         opacity: 0
       },
-      animate: h ? {
+      animate: f ? {
         backgroundPosition: k,
         opacity: 1
       } : {},
@@ -1085,7 +1093,7 @@ const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { s
   onSourceClick: n,
   t: r
 }) => {
-  const [s, d] = C(!1), o = !!n, l = e.pageNumbers ?? [], u = Ie(l, r);
+  const [s, d] = C(!1), o = !!n, l = e.pageNumbers ?? [], m = Ie(l, r);
   return /* @__PURE__ */ v(
     T.div,
     {
@@ -1109,7 +1117,7 @@ const Me = ({ data: e, onSourceClick: t, t: n }) => /* @__PURE__ */ v("div", { s
       },
       children: [
         /* @__PURE__ */ i("span", { style: { fontSize: "13px", fontWeight: 500, color: "#333" }, children: e.memoryTitle }),
-        u && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: u })
+        m && /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "#666" }, children: m })
       ]
     }
   );
@@ -1184,7 +1192,7 @@ function Re({
   return e === "ExploreMemoryError" ? /* @__PURE__ */ i(Pe, { color: "#c62828", size: 15, lineWidth: 2 }) : e === "ExploreMemoryResult" ? /* @__PURE__ */ i(U, { color: "#999", size: 15, borderWidth: 2 }) : e === "ExploreMemoryStart" ? t ? /* @__PURE__ */ i(U, { color: "#999", size: 15, borderWidth: 2 }) : /* @__PURE__ */ i("span", { className: "explore-memory-loader" }) : null;
 }
 const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
-  const [s, d] = C(!1), o = e.eventType === "ExploreMemoryResult" ? e.result : void 0, l = o != null && o.length > z, u = o != null ? s || !l ? o : `${o.slice(0, z)}...` : void 0, a = l;
+  const [s, d] = C(!1), o = e.eventType === "ExploreMemoryResult" ? e.result : void 0, l = o != null && o.length > z, m = o != null ? s || !l ? o : `${o.slice(0, z)}...` : void 0, a = l;
   return /* @__PURE__ */ i("div", { style: { padding: "10px" }, children: /* @__PURE__ */ v(
     T.div,
     {
@@ -1239,7 +1247,7 @@ const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
                   children: e.memoryTitle
                 }
               ),
-              u != null && /* @__PURE__ */ i(
+              m != null && /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -1248,7 +1256,7 @@ const z = 80, Fe = ({ data: e, completed: t, isLatest: n = !1, t: r }) => {
                     lineHeight: 1.4,
                     whiteSpace: s ? "pre-wrap" : void 0
                   },
-                  children: u
+                  children: m
                 }
               ),
               a && /* @__PURE__ */ i(
@@ -1335,7 +1343,7 @@ const Be = ({ data: e, t }) => {
           gap: 8
         },
         children: e.chunks.map((o, l) => {
-          const u = o.pageNumbers ?? [], a = Oe(u, t);
+          const m = o.pageNumbers ?? [], a = Oe(m, t);
           return /* @__PURE__ */ v(
             "div",
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.139",
+  "version": "0.1.141",
   "description": "> TODO: description",
   "author": "staklau <steinaageklaussen@gmail.com>",
   "homepage": "",
@@ -37,7 +37,7 @@
     "@microsoft/fetch-event-source": "^2.0.1"
   },
   "devDependencies": {
-    "@fencyai/js": "^0.1.139",
+    "@fencyai/js": "^0.1.141",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
@@ -53,7 +53,7 @@
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "peerDependencies": {
-    "@fencyai/js": "^0.1.139",
+    "@fencyai/js": "^0.1.141",
     "motion": "^11.15.0",
     "react": ">=16.8.0",
     "react-markdown": "^10.1.0",
@@ -66,5 +66,5 @@
       "optional": false
     }
   },
-  "gitHead": "47f0401db815d8d796afebfe2ff1d2ad50962836"
+  "gitHead": "e804ae011e8043f2af463abe3f28cccf1d1148af"
 }