@fencyai/react 0.1.30 → 0.1.32

package/lib/hooks/{useChatCompletion.d.ts → useChatCompletions.d.ts}

@@ -1,4 +1,4 @@
-import { ChatCompletion } from '@fencyai/js';
+import { ChatCompletion, CreateAnthropicChatCompletionParams, CreateGeminiChatCompletionParams, CreateOpenAiChatCompletionParams } from '@fencyai/js';
 import z, { ZodTypeAny } from 'zod';
 import { ChatCompletionChunk } from './useEventSource';
 interface Completions {
@@ -11,20 +11,22 @@ interface Completions {
 interface HookResponse {
     chatCompletions: Completions[];
     createStreamingChatCompletion: (params: {
-        prompt: string;
-        model: 'gpt-4o-mini' | 'gpt-4o';
+        openai?: CreateOpenAiChatCompletionParams;
+        gemini?: CreateGeminiChatCompletionParams;
+        anthropic?: CreateAnthropicChatCompletionParams;
     }) => Promise<{
         chatCompletionStreamId: string;
         chatCompletionId: string;
     }>;
     createSynchronousChatCompletion: <T extends ZodTypeAny>(params: {
-        prompt: string;
-        model: 'gpt-4o-mini' | 'gpt-4o';
+        openai?: CreateOpenAiChatCompletionParams;
+        gemini?: CreateGeminiChatCompletionParams;
+        anthropic?: CreateAnthropicChatCompletionParams;
         responseFormat?: T;
     }) => Promise<ChatCompletion & {
         structuredResponse?: z.infer<T>;
     }>;
     latestCompletion: Completions | null;
 }
-export declare function useChatCompletion(): HookResponse;
+export declare function useChatCompletions(): HookResponse;
 export {};

package/lib/hooks/{useChatCompletion.js → useChatCompletions.js}

@@ -4,11 +4,12 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import z from 'zod';
 import { useEventSource } from './useEventSource';
 import { useFency } from './useFency';
-export function useChatCompletion() {
+export function useChatCompletions() {
     const fency = useFency();
     const { chunks, setUrl } = useEventSource();
     const [chatCompletions, setChatCompletions] = useState([]);
     const [stream, setStream] = useState(null);
+    console.log('v2');
     const createStreamingChatCompletion = useCallback(async (params) => {
         // Step 1: Create stream if not exists
         const s = await createChatCompletionStream({
@@ -21,34 +22,64 @@ export function useChatCompletion() {
             pk: fency.fency.publishableKey,
             baseUrl: fency.fency.baseUrl,
             request: {
-                chatCompletionStreamId: s.chatCompletionStreamId,
-                openai: {
-                    model: params.model,
-                    messages: [{ role: 'user', content: params.prompt }],
-                },
+                streamId: s.id,
+                openai: params.openai
+                    ? {
+                        model: params.openai.model,
+                        messages: params.openai.messages,
+                    }
+                    : undefined,
+                gemini: params.gemini
+                    ? {
+                        model: params.gemini.model,
+                        content: params.gemini.content,
+                    }
+                    : undefined,
+                anthropic: params.anthropic
+                    ? {
+                        model: params.anthropic.model,
+                        messages: params.anthropic.messages,
+                    }
+                    : undefined,
             },
         });
         setChatCompletions((prev) => [...prev, chatCompletion]);
         return {
-            chatCompletionStreamId: s.chatCompletionStreamId,
-            chatCompletionId: chatCompletion.chatCompletionId,
+            chatCompletionStreamId: s.id,
+            chatCompletionId: chatCompletion.id,
         };
     }, [fency]);
     const createSynchronousChatCompletion = useCallback(async (params) => {
         const jsonSchema = params.responseFormat
             ? z.toJSONSchema(params.responseFormat)
             : undefined;
+        const parsedJsonSchema = jsonSchema
+            ? JSON.stringify(jsonSchema)
+            : undefined;
         const chatCompletion = await createChatCompletion({
             pk: fency.fency.publishableKey,
             baseUrl: fency.fency.baseUrl,
             request: {
-                openai: {
-                    model: params.model,
-                    responseJsonSchema: jsonSchema
-                        ? JSON.stringify(jsonSchema)
-                        : undefined,
-                    messages: [{ role: 'user', content: params.prompt }],
-                },
+                openai: params.openai
+                    ? {
+                        model: params.openai.model,
+                        responseJsonSchema: parsedJsonSchema,
+                        messages: params.openai.messages,
+                    }
+                    : undefined,
+                gemini: params.gemini
+                    ? {
+                        model: params.gemini.model,
+                        responseJsonSchema: parsedJsonSchema,
+                        content: params.gemini.content,
+                    }
+                    : undefined,
+                anthropic: params.anthropic
+                    ? {
+                        model: params.anthropic.model,
+                        messages: params.anthropic.messages,
+                    }
+                    : undefined,
             },
         });
         setChatCompletions((prev) => [...prev, chatCompletion]);
@@ -66,8 +97,7 @@ export function useChatCompletion() {
         const completions = [];
         for (const chatCompletion of chatCompletions) {
             const relevantChunks = chunks
-                .filter((chunk) => chunk.chatCompletionId ===
-                chatCompletion.chatCompletionId)
+                .filter((chunk) => chunk.chatCompletionId === chatCompletion.id)
                 .sort((a, b) => a.timestamp.localeCompare(b.timestamp));
             const fullMessage = relevantChunks
                 .map((chunk) => chunk.content)
@@ -85,7 +115,7 @@ export function useChatCompletion() {
     }, [completions]);
     useEffect(() => {
         if (stream) {
-            setUrl(`http://localhost:8080/v1/pub/chat-completion-streams/${stream.chatCompletionStreamId}?pk=${fency.fency.publishableKey}`);
+            setUrl(`${fency.fency.baseUrl}/v1/pub/chat-completion-streams/${stream.id}?pk=${fency.fency.publishableKey}`);
         }
     }, [stream, fency.fency.publishableKey, setUrl]);
     return {

package/lib/index.d.ts

@@ -1,4 +1,4 @@
 export { FencyProvider } from './FencyProvider';
-export { useChatCompletion } from './hooks/useChatCompletion';
+export { useChatCompletions } from './hooks/useChatCompletions';
 export { useFency } from './hooks/useFency';
 export type { FencyContext, FencyProviderProps } from './FencyProvider';

package/lib/index.js

@@ -1,4 +1,4 @@
 // Re-export components and hooks
 export { FencyProvider } from './FencyProvider';
-export { useChatCompletion } from './hooks/useChatCompletion';
+export { useChatCompletions } from './hooks/useChatCompletions';
 export { useFency } from './hooks/useFency';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "description": "> TODO: description",
   "author": "staklau <steinaageklaussen@gmail.com>",
   "homepage": "",
@@ -26,6 +26,7 @@
   },
   "scripts": {
     "build": "tsc",
+    "build:watch": "tsc --watch",
     "test": "jest",
     "test:watch": "jest --watch",
     "dev": "tsc --watch",
@@ -35,7 +36,7 @@
     "zod": "^4.0.5"
   },
   "devDependencies": {
-    "@fencyai/js": "^0.1.30",
+    "@fencyai/js": "^0.1.32",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
@@ -44,8 +45,8 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "@fencyai/js": "^0.1.30",
+    "@fencyai/js": "^0.1.32",
     "react": ">=16.8.0"
   },
-  "gitHead": "ee47632e633fd659d4cfdf8c07bbe8c543764973"
+  "gitHead": "a487d68673a259c2490b83a9a6fba991ea02d034"
 }