@fencyai/react 0.1.8 → 0.1.11

package/dist/FencyProvider.d.ts

@@ -1,8 +1,27 @@
-import type { FencyContext, FencyProviderProps } from './types';
+import { FencyInstance } from '@fencyai/js';
 export declare const FencyContextValue: import("react").Context<FencyContext | undefined>;
 /**
  * Provider component that provides Fency instance to child components
  * Expects a promise that resolves to a Fency instance
  */
 export declare function FencyProvider({ fency, children }: FencyProviderProps): import("react/jsx-runtime").JSX.Element | null;
+export interface FencyOptions {
+    publishableKey: string;
+    endpoint?: string;
+}
+/**
+ * Context for Fency instance
+ */
+export interface FencyContext {
+    fency: FencyInstance;
+    loading: boolean;
+    error: Error | null;
+}
+/**
+ * Props for FencyProvider
+ */
+export interface FencyProviderProps {
+    fency: Promise<FencyInstance>;
+    children: React.ReactNode;
+}
 //# sourceMappingURL=FencyProvider.d.ts.map

package/dist/FencyProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FencyProvider.d.ts","sourceRoot":"","sources":["../src/FencyProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAiB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG/E,eAAO,MAAM,iBAAiB,mDAAqD,CAAC;AAEpF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,kDAiCpE"}
+{"version":3,"file":"FencyProvider.d.ts","sourceRoot":"","sources":["../src/FencyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,eAAO,MAAM,iBAAiB,mDAAqD,CAAC;AAEpF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,kDAiCpE;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/hooks/useChatCompletion.d.ts

@@ -0,0 +1,19 @@
+import { ChatCompletionChunk } from './useEventSource';
+interface ChatCompletion {
+    chatCompletionId: string;
+    streamId: string;
+    chunks: ChatCompletionChunk[];
+    fullMessage: string;
+}
+export declare function useChatCompletion(): {
+    chatCompletions: ChatCompletion[];
+    createChatCompletion: (params: {
+        prompt: string;
+        model: 'gpt-4o-mini' | 'gpt-4o';
+    }) => Promise<{
+        streamId: string;
+        chatCompletionId: string;
+    }>;
+};
+export {};
+//# sourceMappingURL=useChatCompletion.d.ts.map

package/dist/hooks/useChatCompletion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatCompletion.d.ts","sourceRoot":"","sources":["../../src/hooks/useChatCompletion.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAkB,MAAM,kBAAkB,CAAA;AAGtE,UAAU,cAAc;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,mBAAmB,EAAE,CAAA;IAC7B,WAAW,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,iBAAiB,IAAI;IACjC,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,oBAAoB,EAAE,CAAC,MAAM,EAAE;QAC3B,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,aAAa,GAAG,QAAQ,CAAA;KAClC,KAAK,OAAO,CAAC;QACV,QAAQ,EAAE,MAAM,CAAA;QAChB,gBAAgB,EAAE,MAAM,CAAA;KAC3B,CAAC,CAAA;CACL,CA0EA"}

package/dist/hooks/useChatCompletion.js

@@ -0,0 +1,58 @@
+// hooks/useChatCompletion.ts
+import { createChatCompletion, createStream } from '@fencyai/js';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useEventSource } from './useEventSource';
+import { useFency } from './useFency';
+export function useChatCompletion() {
+    const fency = useFency();
+    const { chunks, setUrl } = useEventSource();
+    const [stream, setStream] = useState(null);
+    const create = useCallback(async (params) => {
+        // Step 1: Create stream if not exists
+        const s = await createStream(fency.fency.publishableKey);
+        setStream(s);
+        // Step 2: Send chat completion
+        await createChatCompletion(fency.fency.publishableKey, s.id, {
+            request: {
+                openai: {
+                    model: params.model,
+                    messages: [{ role: 'user', content: params.prompt }],
+                },
+            },
+        });
+        return {
+            streamId: s.id,
+            chatCompletionId: s.id,
+        };
+    }, [fency]);
+    const chatCompletions = useMemo(() => {
+        const chatCompletions = [];
+        const uniqueChatCompletionIds = [
+            ...new Set(chunks.map((chunk) => chunk.chatCompletionId)),
+        ];
+        for (const chatCompletionId of uniqueChatCompletionIds) {
+            const relevantChunks = chunks
+                .filter((chunk) => chunk.chatCompletionId === chatCompletionId)
+                .sort((a, b) => a.timestamp.localeCompare(b.timestamp));
+            const fullMessage = relevantChunks
+                .map((chunk) => chunk.content)
+                .join('');
+            chatCompletions.push({
+                chatCompletionId,
+                streamId: relevantChunks[0].streamId,
+                chunks: relevantChunks,
+                fullMessage,
+            });
+        }
+        return chatCompletions;
+    }, [chunks]);
+    useEffect(() => {
+        if (stream) {
+            setUrl(`http://localhost:8080/v1/streams/${stream.id}?pk=${fency.fency.publishableKey}`);
+        }
+    }, [stream, fency.fency.publishableKey, setUrl]);
+    return {
+        createChatCompletion: create,
+        chatCompletions,
+    };
+}

package/dist/hooks/useEventSource.d.ts

@@ -0,0 +1,12 @@
+export declare function useEventSource(): {
+    chunks: ChatCompletionChunk[];
+    setUrl: import("react").Dispatch<import("react").SetStateAction<string | null | undefined>>;
+    url: string | null | undefined;
+};
+export interface ChatCompletionChunk {
+    chatCompletionId: string;
+    streamId: string;
+    timestamp: string;
+    content: string;
+}
+//# sourceMappingURL=useEventSource.d.ts.map

package/dist/hooks/useEventSource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventSource.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventSource.ts"],"names":[],"mappings":"AAQA,wBAAgB,cAAc;;;;EAgC7B;AAgCD,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAClB"}

package/dist/hooks/useEventSource.js

@@ -0,0 +1,51 @@
+import { useEffect, useState } from 'react';
+export function useEventSource() {
+    const [chunks, setChunks] = useState([]);
+    const [url, setUrl] = useState();
+    useEffect(() => {
+        if (!url)
+            return;
+        const eventSource = new EventSource(url);
+        eventSource.onmessage = (event) => {
+            const chunk = getChatCompletionChunk(event);
+            if (chunk) {
+                setChunks((prev) => [...prev, chunk]);
+            }
+        };
+        eventSource.onerror = (error) => {
+            console.error('EventSource error:', error);
+        };
+        return () => {
+            eventSource.close();
+        };
+    }, [url]);
+    return {
+        chunks,
+        setUrl,
+        url,
+    };
+}
+const base64Decode = (str) => {
+    return atob(str);
+};
+const getChatCompletionChunk = (message) => {
+    try {
+        const json = JSON.parse(base64Decode(message.data));
+        if (isChatCompletionChunk(json)) {
+            return json;
+        }
+        return null;
+    }
+    catch (error) {
+        console.error('Error parsing message:', error);
+        return null;
+    }
+};
+const isChatCompletionChunk = (data) => {
+    return (typeof data === 'object' &&
+        data !== null &&
+        'chatCompletionId' in data &&
+        'streamId' in data &&
+        'timestamp' in data &&
+        'content' in data);
+};

package/dist/{useFency.d.ts → hooks/useFency.d.ts}

@@ -1,4 +1,4 @@
-import type { FencyContext } from './types';
+import type { FencyContext } from '../FencyProvider';
 /**
  * Hook to access Fency instance and loading state
  */

package/dist/hooks/useFency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFency.d.ts","sourceRoot":"","sources":["../../src/hooks/useFency.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD;;GAEG;AACH,wBAAgB,QAAQ,IAAI,YAAY,CAMvC"}

package/dist/{useFency.js → hooks/useFency.js}

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { FencyContextValue } from './FencyProvider';
+import { FencyContextValue } from '../FencyProvider';
 /**
  * Hook to access Fency instance and loading state
  */

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var y=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var v=(e,n)=>{for(var r in n)y(e,r,{get:n[r],enumerable:!0})},I=(e,n,r,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of C(n))!P.call(e,o)&&o!==r&&y(e,o,{get:()=>n[o],enumerable:!(c=m(n,o))||c.enumerable});return e};var E=e=>I(y({},"__esModule",{value:!0}),e);var h={};v(h,{FencyProvider:()=>F,useFency:()=>a});module.exports=E(h);var t=require("react"),p=require("react/jsx-runtime"),u=(0,t.createContext)(void 0);function F({fency:e,children:n}){let[r,c]=(0,t.useState)(null),[o,i]=(0,t.useState)(!0),[l,d]=(0,t.useState)(null);if((0,t.useEffect)(()=>{e.then(s=>{c(s),i(!1)}).catch(s=>{d(s),i(!1)})},[e]),!r)return null;let x={fency:r,loading:o,error:l};return(0,p.jsx)(u.Provider,{value:x,children:n})}var f=require("react");function a(){let e=(0,f.useContext)(u);if(e===void 0)throw new Error("useFency must be used within a FencyProvider");return e}
+"use strict";var y=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var O=(e,t)=>{for(var n in t)y(e,n,{get:t[n],enumerable:!0})},$=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of E(t))!T.call(e,o)&&o!==n&&y(e,o,{get:()=>t[o],enumerable:!(i=k(t,o))||i.enumerable});return e};var j=e=>$(y({},"__esModule",{value:!0}),e);var J={};O(J,{FencyProvider:()=>w,useChatCompletion:()=>x,useFency:()=>f});module.exports=j(J);var u=require("react"),g=require("react/jsx-runtime"),C=(0,u.createContext)(void 0);function w({fency:e,children:t}){let[n,i]=(0,u.useState)(null),[o,r]=(0,u.useState)(!0),[s,a]=(0,u.useState)(null);if((0,u.useEffect)(()=>{e.then(l=>{i(l),r(!1)}).catch(l=>{a(l),r(!1)})},[e]),!n)return null;let c={fency:n,loading:o,error:s};return(0,g.jsx)(C.Provider,{value:c,children:t})}var F=require("react");function f(){let e=(0,F.useContext)(C);if(e===void 0)throw new Error("useFency must be used within a FencyProvider");return e}var A=e=>typeof e=="object"&&e!==null&&"id"in e,K=e=>typeof e=="object"&&e!==null&&"id"in e;async function v(e,t,n={}){let i=n.apiUrl||"http://localhost:8080/v1/chat-completions",o={...n.request,streamId:t,openai:{model:"gpt-4o-mini",messages:[{role:"user",content:"Hello, how are you?"}],...n.request?.openai}},r=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(o)});if(!r.ok)throw new Error(`Failed to create chat completion: ${r.status} ${r.statusText}`);let s=await r.json();if(!K(s))throw new Error("Invalid chat completion response");return s}async function b(e,t={}){let n=t.apiUrl||"http://localhost:8080/v1/streams",i=t.name||e,o=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify({name:i})});if(!o.ok)throw new Error(`Failed to create stream: ${o.status} ${o.statusText}`);let r=await o.json();if(!A(r))throw new Error("Invalid stream response");return r}var p=require("react");var h=require("react");function I(){let[e,t]=(0,h.useState)([]),[n,i]=(0,h.useState)();return(0,h.useEffect)(()=>{if(!n)return;let o=new EventSource(n);return o.onmessage=r=>{let s=N(r);s&&t(a=>[...a,s])},o.onerror=r=>{console.error("EventSource error:",r)},()=>{o.close()}},[n]),{chunks:e,setUrl:i,url:n}}var M=e=>atob(e),N=e=>{try{let t=JSON.parse(M(e.data));return q(t)?t:null}catch(t){return console.error("Error parsing message:",t),null}},q=e=>typeof e=="object"&&e!==null&&"chatCompletionId"in e&&"streamId"in e&&"timestamp"in e&&"content"in e;function x(){let e=f(),{chunks:t,setUrl:n}=I(),[i,o]=(0,p.useState)(null),r=(0,p.useCallback)(async a=>{let c=await b(e.fency.publishableKey);return o(c),await v(e.fency.publishableKey,c.id,{request:{openai:{model:a.model,messages:[{role:"user",content:a.prompt}]}}}),{streamId:c.id,chatCompletionId:c.id}},[e]),s=(0,p.useMemo)(()=>{let a=[],c=[...new Set(t.map(l=>l.chatCompletionId))];for(let l of c){let d=t.filter(m=>m.chatCompletionId===l).sort((m,S)=>m.timestamp.localeCompare(S.timestamp)),P=d.map(m=>m.content).join("");a.push({chatCompletionId:l,streamId:d[0].streamId,chunks:d,fullMessage:P})}return a},[t]);return(0,p.useEffect)(()=>{i&&n(`http://localhost:8080/v1/streams/${i.id}?pk=${e.fency.publishableKey}`)},[i,e.fency.publishableKey,n]),{createChatCompletion:r,chatCompletions:s}}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { FencyProvider } from './FencyProvider';
-export { useFency } from './useFency';
-export type { FencyContext, FencyInstance, FencyOptions, FencyProviderProps } from './types';
+export { useFency } from './hooks/useFency';
+export { useChatCompletion } from './hooks/useChatCompletion';
+export type { FencyContext, FencyOptions, FencyProviderProps } from './FencyProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -1,2 +1,4 @@
-import{createContext as f,useEffect as a,useState as t}from"react";import{jsx as d}from"react/jsx-runtime";var r=f(void 0);function l({fency:e,children:s}){let[o,y]=t(null),[u,c]=t(!0),[i,F]=t(null);if(a(()=>{e.then(n=>{y(n),c(!1)}).catch(n=>{F(n),c(!1)})},[e]),!o)return null;let p={fency:o,loading:u,error:i};return d(r.Provider,{value:p,children:s})}import{useContext as x}from"react";function m(){let e=x(r);if(e===void 0)throw new Error("useFency must be used within a FencyProvider");return e}export{l as FencyProvider,m as useFency};
-//# sourceMappingURL=index.js.map
+// Re-export components and hooks
+export { FencyProvider } from './FencyProvider';
+export { useFency } from './hooks/useFency';
+export { useChatCompletion } from './hooks/useChatCompletion';

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import{createContext as v,useEffect as b,useState as m}from"react";import{jsx as x}from"react/jsx-runtime";var h=v(void 0);function I({fency:e,children:t}){let[n,i]=m(null),[r,o]=m(!0),[s,a]=m(null);if(b(()=>{e.then(l=>{i(l),o(!1)}).catch(l=>{a(l),o(!1)})},[e]),!n)return null;let c={fency:n,loading:r,error:s};return x(h.Provider,{value:c,children:t})}import{useContext as P}from"react";function f(){let e=P(h);if(e===void 0)throw new Error("useFency must be used within a FencyProvider");return e}var S=e=>typeof e=="object"&&e!==null&&"id"in e,k=e=>typeof e=="object"&&e!==null&&"id"in e;async function d(e,t,n={}){let i=n.apiUrl||"http://localhost:8080/v1/chat-completions",r={...n.request,streamId:t,openai:{model:"gpt-4o-mini",messages:[{role:"user",content:"Hello, how are you?"}],...n.request?.openai}},o=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(r)});if(!o.ok)throw new Error(`Failed to create chat completion: ${o.status} ${o.statusText}`);let s=await o.json();if(!k(s))throw new Error("Invalid chat completion response");return s}async function y(e,t={}){let n=t.apiUrl||"http://localhost:8080/v1/streams",i=t.name||e,r=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify({name:i})});if(!r.ok)throw new Error(`Failed to create stream: ${r.status} ${r.statusText}`);let o=await r.json();if(!S(o))throw new Error("Invalid stream response");return o}import{useCallback as j,useEffect as A,useMemo as K,useState as M}from"react";import{useEffect as E,useState as C}from"react";function w(){let[e,t]=C([]),[n,i]=C();return E(()=>{if(!n)return;let r=new EventSource(n);return r.onmessage=o=>{let s=O(o);s&&t(a=>[...a,s])},r.onerror=o=>{console.error("EventSource error:",o)},()=>{r.close()}},[n]),{chunks:e,setUrl:i,url:n}}var T=e=>atob(e),O=e=>{try{let t=JSON.parse(T(e.data));return $(t)?t:null}catch(t){return console.error("Error parsing message:",t),null}},$=e=>typeof e=="object"&&e!==null&&"chatCompletionId"in e&&"streamId"in e&&"timestamp"in e&&"content"in e;function N(){let e=f(),{chunks:t,setUrl:n}=w(),[i,r]=M(null),o=j(async a=>{let c=await y(e.fency.publishableKey);return r(c),await d(e.fency.publishableKey,c.id,{request:{openai:{model:a.model,messages:[{role:"user",content:a.prompt}]}}}),{streamId:c.id,chatCompletionId:c.id}},[e]),s=K(()=>{let a=[],c=[...new Set(t.map(l=>l.chatCompletionId))];for(let l of c){let p=t.filter(u=>u.chatCompletionId===l).sort((u,F)=>u.timestamp.localeCompare(F.timestamp)),g=p.map(u=>u.content).join("");a.push({chatCompletionId:l,streamId:p[0].streamId,chunks:p,fullMessage:g})}return a},[t]);return A(()=>{i&&n(`http://localhost:8080/v1/streams/${i.id}?pk=${e.fency.publishableKey}`)},[i,e.fency.publishableKey,n]),{createChatCompletion:o,chatCompletions:s}}export{I as FencyProvider,N as useChatCompletion,f as useFency};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/FencyProvider.tsx", "../src/hooks/useFency.ts", "../../fency-js/dist/index.js", "../src/hooks/useChatCompletion.ts", "../src/hooks/useEventSource.ts"],
+  "sourcesContent": ["import { FencyInstance } from '@fencyai/js';\nimport { createContext, useEffect, useState } from 'react';\n\n// Create the context\nexport const FencyContextValue = createContext<FencyContext | undefined>(undefined);\n\n/**\n * Provider component that provides Fency instance to child components\n * Expects a promise that resolves to a Fency instance\n */\nexport function FencyProvider({ fency, children }: FencyProviderProps) {\n  const [fencyInstance, setFencyInstance] = useState<FencyInstance | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    fency\n      .then((instance: FencyInstance) => {\n        setFencyInstance(instance);\n        setLoading(false);\n      })\n      .catch((err: Error) => {\n        setError(err);\n        setLoading(false);\n      });\n  }, [fency]);\n\n  // Only render children and provide context when fency is loaded\n  if (!fencyInstance) {\n    return null;\n  }\n\n  const value: FencyContext = {\n    fency: fencyInstance,\n    loading,\n    error,\n  };\n\n  return (\n    <FencyContextValue.Provider value={value}>\n      {children}\n    </FencyContextValue.Provider>\n  );\n} \n\nexport interface FencyOptions {\n  publishableKey: string;\n  endpoint?: string;\n}\n\n/**\n * Context for Fency instance\n */\nexport interface FencyContext {\n  fency: FencyInstance;\n  loading: boolean;\n  error: Error | null;\n}\n\n/**\n * Props for FencyProvider\n */\nexport interface FencyProviderProps {\n  fency: Promise<FencyInstance>;\n  children: React.ReactNode;\n} ", "import { useContext } from 'react';\nimport { FencyContextValue } from '../FencyProvider';\nimport type { FencyContext } from '../FencyProvider';\n\n/**\n * Hook to access Fency instance and loading state\n */\nexport function useFency(): FencyContext {\n  const context = useContext(FencyContextValue);\n  if (context === undefined) {\n    throw new Error('useFency must be used within a FencyProvider');\n  }\n  return context;\n} ", "function a(){if(typeof window>\"u\")return!1;let e=[\"fetch\",\"Promise\",\"JSON\"];for(let o of e)if(typeof window[o]>\"u\")return!1;if(typeof window.location<\"u\"){let o=window.location.hostname===\"localhost\"||window.location.hostname===\"127.0.0.1\",t=window.location.protocol===\"https:\";!o&&!t&&console.warn(\"Fency: For security, we recommend using HTTPS in production.\")}return!0}function s(){let e={available:!0,missing:[],warnings:[]};if(typeof window>\"u\")return e.available=!1,e.missing.push(\"Browser environment\"),e;let o=[\"fetch\",\"Promise\",\"JSON\"];for(let t of o)typeof window[t]>\"u\"&&(e.available=!1,e.missing.push(`${t} API`));if(typeof window.location<\"u\"){let t=window.location.hostname===\"localhost\"||window.location.hostname===\"127.0.0.1\",n=window.location.protocol===\"https:\";!t&&!n&&e.warnings.push(\"HTTPS is recommended for production use\")}return e}var f=e=>typeof e==\"object\"&&e!==null&&\"id\"in e,y=e=>typeof e==\"object\"&&e!==null&&\"id\"in e;async function p(e,o,t={}){let n=t.apiUrl||\"http://localhost:8080/v1/chat-completions\",i={...t.request,streamId:o,openai:{model:\"gpt-4o-mini\",messages:[{role:\"user\",content:\"Hello, how are you?\"}],...t.request?.openai}},r=await fetch(n,{method:\"POST\",headers:{\"Content-Type\":\"application/json\",Authorization:`Bearer ${e}`},body:JSON.stringify(i)});if(!r.ok)throw new Error(`Failed to create chat completion: ${r.status} ${r.statusText}`);let m=await r.json();if(!y(m))throw new Error(\"Invalid chat completion response\");return m}async function c(e,o={}){let t=o.apiUrl||\"http://localhost:8080/v1/streams\",n=o.name||e,i=await fetch(t,{method:\"POST\",headers:{\"Content-Type\":\"application/json\",Authorization:`Bearer ${e}`},body:JSON.stringify({name:n})});if(!i.ok)throw new Error(`Failed to create stream: ${i.status} ${i.statusText}`);let r=await i.json();if(!f(r))throw new Error(\"Invalid stream response\");return r}function l(e,o={}){return new Promise((t,n)=>{if(!e||typeof e!=\"string\"){n(new Error(\"Fency: A valid publishable key is required.\"));return}if(!e.startsWith(\"pk_\")){n(new Error('Fency: Invalid publishable key format. Keys should start with \"pk_\".'));return}let i={publishableKey:e,endpoint:o.endpoint||\"https://api.fency.ai\"};setTimeout(()=>{t(i)},0)})}var P={loadFency:l,isFencyAvailable:a,getFencyAvailabilityInfo:s,createStream:c,createChatCompletion:p};export{p as createChatCompletion,c as createStream,P as default,s as getFencyAvailabilityInfo,a as isFencyAvailable,l as loadFency};\n", "// hooks/useChatCompletion.ts\nimport { createChatCompletion, createStream, Stream } from '@fencyai/js'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { ChatCompletionChunk, useEventSource } from './useEventSource'\nimport { useFency } from './useFency'\n\ninterface ChatCompletion {\n    chatCompletionId: string\n    streamId: string\n    chunks: ChatCompletionChunk[]\n    fullMessage: string\n}\n\nexport function useChatCompletion(): {\n    chatCompletions: ChatCompletion[]\n    createChatCompletion: (params: {\n        prompt: string\n        model: 'gpt-4o-mini' | 'gpt-4o'\n    }) => Promise<{\n        streamId: string\n        chatCompletionId: string\n    }>\n} {\n    const fency = useFency()\n    const { chunks, setUrl } = useEventSource()\n    const [stream, setStream] = useState<Stream | null>(null)\n\n    const create = useCallback(\n        async (params: {\n            prompt: string\n            model: 'gpt-4o-mini' | 'gpt-4o'\n        }): Promise<{\n            streamId: string\n            chatCompletionId: string\n        }> => {\n            // Step 1: Create stream if not exists\n            const s = await createStream(fency.fency.publishableKey)\n            setStream(s)\n\n            // Step 2: Send chat completion\n            await createChatCompletion(fency.fency.publishableKey, s.id, {\n                request: {\n                    openai: {\n                        model: params.model,\n                        messages: [{ role: 'user', content: params.prompt }],\n                    },\n                },\n            })\n\n            return {\n                streamId: s.id,\n                chatCompletionId: s.id,\n            }\n        },\n        [fency]\n    )\n\n    const chatCompletions = useMemo(() => {\n        const chatCompletions: ChatCompletion[] = []\n\n        const uniqueChatCompletionIds = [\n            ...new Set(chunks.map((chunk) => chunk.chatCompletionId)),\n        ]\n\n        for (const chatCompletionId of uniqueChatCompletionIds) {\n            const relevantChunks = chunks\n                .filter((chunk) => chunk.chatCompletionId === chatCompletionId)\n                .sort((a, b) => a.timestamp.localeCompare(b.timestamp))\n\n            const fullMessage = relevantChunks\n                .map((chunk) => chunk.content)\n                .join('')\n\n            chatCompletions.push({\n                chatCompletionId,\n                streamId: relevantChunks[0].streamId,\n                chunks: relevantChunks,\n                fullMessage,\n            })\n        }\n\n        return chatCompletions\n    }, [chunks])\n\n    useEffect(() => {\n        if (stream) {\n            setUrl(\n                `http://localhost:8080/v1/streams/${stream.id}?pk=${fency.fency.publishableKey}`\n            )\n        }\n    }, [stream, fency.fency.publishableKey, setUrl])\n\n    return {\n        createChatCompletion: create,\n        chatCompletions,\n    }\n}\n", "import { useEffect, useState } from 'react'\n\ntype Message = {\n    data: string\n    event?: string\n    lastEventId?: string\n}\n\nexport function useEventSource() {\n    const [chunks, setChunks] = useState<ChatCompletionChunk[]>([])\n    const [url, setUrl] = useState<string | null>()\n\n    \n\n    useEffect(() => {\n        if (!url) return\n\n        const eventSource = new EventSource(url)\n\n        eventSource.onmessage = (event: MessageEvent) => {\n            const chunk = getChatCompletionChunk(event)\n            if (chunk) {\n                setChunks((prev) => [...prev, chunk])\n            }\n        }\n\n        eventSource.onerror = (error) => {\n            console.error('EventSource error:', error)\n        }\n\n        return () => {\n            eventSource.close()\n        }\n    }, [url])\n\n    return {\n        chunks,\n        setUrl,\n        url,\n    }\n}\n\nconst base64Decode = (str: string) => {\n    return atob(str)\n}\n\nconst getChatCompletionChunk = (\n    message: Message\n): ChatCompletionChunk | null => {\n    try {\n        const json = JSON.parse(base64Decode(message.data))\n        if (isChatCompletionChunk(json)) {\n            return json\n        }\n        return null\n    } catch (error) {\n        console.error('Error parsing message:', error)\n        return null\n    }\n}\n\nconst isChatCompletionChunk = (data: unknown): boolean => {\n    return (\n        typeof data === 'object' &&\n        data !== null &&\n        'chatCompletionId' in data &&\n        'streamId' in data &&\n        'timestamp' in data &&\n        'content' in data\n    )\n}\n\nexport interface ChatCompletionChunk {\n    chatCompletionId: string\n    streamId: string\n    timestamp: string\n    content: string\n}\n"],
+  "mappings": "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",
+  "names": ["createContext", "useEffect", "useState", "jsx", "FencyContextValue", "FencyProvider", "fency", "children", "fencyInstance", "setFencyInstance", "loading", "setLoading", "error", "setError", "instance", "err", "value", "useContext", "useFency", "context", "useContext", "FencyContextValue", "f", "y", "p", "o", "t", "n", "i", "r", "m", "c", "useCallback", "useEffect", "useMemo", "useState", "useEffect", "useState", "useEventSource", "chunks", "setChunks", "url", "setUrl", "eventSource", "event", "chunk", "getChatCompletionChunk", "prev", "error", "base64Decode", "str", "message", "json", "isChatCompletionChunk", "data", "useChatCompletion", "fency", "useFency", "chunks", "setUrl", "useEventSource", "stream", "setStream", "useState", "create", "useCallback", "params", "s", "c", "p", "chatCompletions", "useMemo", "uniqueChatCompletionIds", "chunk", "chatCompletionId", "relevantChunks", "a", "b", "fullMessage", "useEffect"]
+}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.8",
+  "version": "0.1.11",
   "description": "React components for Fency integration",
   "type": "module",
   "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
+      "import": "./dist/index.mjs",
       "require": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     }
@@ -45,7 +45,8 @@
   "author": "",
   "license": "MIT",
   "peerDependencies": {
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "@fencyai/js": "^0.1.5"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",

package/dist/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/FencyProvider.tsx", "../src/useFency.ts"],
-  "sourcesContent": ["import { createContext, useEffect, useState } from 'react';\nimport type { FencyContext, FencyInstance, FencyProviderProps } from './types';\n\n// Create the context\nexport const FencyContextValue = createContext<FencyContext | undefined>(undefined);\n\n/**\n * Provider component that provides Fency instance to child components\n * Expects a promise that resolves to a Fency instance\n */\nexport function FencyProvider({ fency, children }: FencyProviderProps) {\n  const [fencyInstance, setFencyInstance] = useState<FencyInstance | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    fency\n      .then((instance: FencyInstance) => {\n        setFencyInstance(instance);\n        setLoading(false);\n      })\n      .catch((err: Error) => {\n        setError(err);\n        setLoading(false);\n      });\n  }, [fency]);\n\n  // Only render children and provide context when fency is loaded\n  if (!fencyInstance) {\n    return null;\n  }\n\n  const value: FencyContext = {\n    fency: fencyInstance,\n    loading,\n    error,\n  };\n\n  return (\n    <FencyContextValue.Provider value={value}>\n      {children}\n    </FencyContextValue.Provider>\n  );\n} ", "import { useContext } from 'react';\nimport type { FencyContext } from './types';\nimport { FencyContextValue } from './FencyProvider';\n\n/**\n * Hook to access Fency instance and loading state\n */\nexport function useFency(): FencyContext {\n  const context = useContext(FencyContextValue);\n  if (context === undefined) {\n    throw new Error('useFency must be used within a FencyProvider');\n  }\n  return context;\n} "],
-  "mappings": "AAAA,OAAS,iBAAAA,EAAe,aAAAC,EAAW,YAAAC,MAAgB,QAuC/C,cAAAC,MAAA,oBAnCG,IAAMC,EAAoBJ,EAAwC,MAAS,EAM3E,SAASK,EAAc,CAAE,MAAAC,EAAO,SAAAC,CAAS,EAAuB,CACrE,GAAM,CAACC,EAAeC,CAAgB,EAAIP,EAA+B,IAAI,EACvE,CAACQ,EAASC,CAAU,EAAIT,EAAS,EAAI,EACrC,CAACU,EAAOC,CAAQ,EAAIX,EAAuB,IAAI,EAerD,GAbAD,EAAU,IAAM,CACdK,EACG,KAAMQ,GAA4B,CACjCL,EAAiBK,CAAQ,EACzBH,EAAW,EAAK,CAClB,CAAC,EACA,MAAOI,GAAe,CACrBF,EAASE,CAAG,EACZJ,EAAW,EAAK,CAClB,CAAC,CACL,EAAG,CAACL,CAAK,CAAC,EAGN,CAACE,EACH,OAAO,KAGT,IAAMQ,EAAsB,CAC1B,MAAOR,EACP,QAAAE,EACA,MAAAE,CACF,EAEA,OACET,EAACC,EAAkB,SAAlB,CAA2B,MAAOY,EAChC,SAAAT,EACH,CAEJ,CC3CA,OAAS,cAAAU,MAAkB,QAOpB,SAASC,GAAyB,CACvC,IAAMC,EAAUC,EAAWC,CAAiB,EAC5C,GAAIF,IAAY,OACd,MAAM,IAAI,MAAM,8CAA8C,EAEhE,OAAOA,CACT",
-  "names": ["createContext", "useEffect", "useState", "jsx", "FencyContextValue", "FencyProvider", "fency", "children", "fencyInstance", "setFencyInstance", "loading", "setLoading", "error", "setError", "instance", "err", "value", "useContext", "useFency", "context", "useContext", "FencyContextValue"]
-}

package/dist/types.d.ts

@@ -1,24 +0,0 @@
-export interface FencyInstance {
-    publishableKey: string;
-    endpoint: string;
-}
-export interface FencyOptions {
-    publishableKey: string;
-    endpoint?: string;
-}
-/**
- * Context for Fency instance
- */
-export interface FencyContext {
-    fency: FencyInstance;
-    loading: boolean;
-    error: Error | null;
-}
-/**
- * Props for FencyProvider
- */
-export interface FencyProviderProps {
-    fency: Promise<FencyInstance>;
-    children: React.ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/types.js

@@ -1 +0,0 @@
-export {};

package/dist/useFency.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFency.d.ts","sourceRoot":"","sources":["../src/useFency.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C;;GAEG;AACH,wBAAgB,QAAQ,IAAI,YAAY,CAMvC"}