@fencyai/react 0.1.53 → 0.1.55

package/lib/hooks/useBasicChatCompletions/index.js

@@ -1,6 +1,7 @@
 import { createChatCompletion } from '@fencyai/js';
 import { useCallback, useMemo, useState } from 'react';
 import { useFencyContext } from '../../provider/useFencyContext';
+import { toSpecificChatCompletionParams } from '../../types/CreateGenericChatCompletionParams';
 export const useBasicChatCompletions = () => {
     const context = useFencyContext();
     const [chatCompletions, setChatCompletions] = useState([]);
@@ -15,38 +16,12 @@ export const useBasicChatCompletions = () => {
                 loading: true,
             },
         ]);
+        const specificParams = toSpecificChatCompletionParams(params.openai, params.gemini, params.claude, params.generic);
         const chatCompletion = await createChatCompletion({
             pk: context.fency.publishableKey,
             baseUrl: context.fency.baseUrl,
             request: {
-                openai: params.openai
-                    ? {
-                        model: params.openai.model,
-                        messages: params.openai.messages,
-                        temperature: params.openai.temperature,
-                        topP: params.openai.topP,
-                    }
-                    : undefined,
-                gemini: params.gemini
-                    ? {
-                        model: params.gemini.model,
-                        messages: params.gemini.messages,
-                        systemPrompt: params.gemini.systemPrompt,
-                        temperature: params.gemini.temperature,
-                        topP: params.gemini.topP,
-                        topK: params.gemini.topK,
-                    }
-                    : undefined,
-                claude: params.claude
-                    ? {
-                        model: params.claude.model,
-                        messages: params.claude.messages,
-                        systemPrompt: params.claude.systemPrompt,
-                        temperature: params.claude.temperature,
-                        topP: params.claude.topP,
-                        topK: params.claude.topK,
-                    }
-                    : undefined,
+                ...specificParams,
             },
         });
         if (chatCompletion.type === 'success' &&
@@ -105,7 +80,8 @@ export const useBasicChatCompletions = () => {
     }, [context]);
     const latest = useMemo(() => {
         return chatCompletions.sort((a, b) => {
-            return new Date(b.triggeredAt).getTime() - new Date(a.triggeredAt).getTime();
+            return (new Date(b.triggeredAt).getTime() -
+                new Date(a.triggeredAt).getTime());
         })[0];
     }, [chatCompletions]);
     return {

package/lib/hooks/useStreamingChatCompletions/index.d.ts

@@ -1,2 +1,3 @@
 import { UseStreamingChatCompletions } from '../../types/UseStreamingChatCompletions';
-export declare const useStreamingChatCompletions: () => UseStreamingChatCompletions;
+import { UseStreamingChatCompletionsProps } from '../../types/UseStreamingChatCompletionsProps';
+export declare const useStreamingChatCompletions: (props?: UseStreamingChatCompletionsProps) => UseStreamingChatCompletions;

package/lib/hooks/useStreamingChatCompletions/index.js

@@ -1,20 +1,24 @@
 import { createChatCompletion } from '@fencyai/js';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useFencyContext } from '../../provider/useFencyContext';
+import { toSpecificChatCompletionParams } from '../../types/CreateGenericChatCompletionParams';
 import { useStream } from '../useStream';
-export const useStreamingChatCompletions = () => {
+export const useStreamingChatCompletions = (props) => {
     const context = useFencyContext();
     const [chatCompletions, setChatCompletions] = useState([]);
     const [completedStreamIds, setCompletedStreamIds] = useState([]);
     const [chunks, setChunks] = useState([]);
     const { createStream } = useStream({
         onNewChatCompletionStreamChunk: (streamData) => {
+            props?.onChatCompletionStreamChunk?.(streamData);
             setChunks((prev) => [...prev, streamData]);
         },
         onChatCompletionStreamCompleted: (stream) => {
+            props?.onChatCompletionStreamCompleted?.(stream);
             setCompletedStreamIds((prev) => [...prev, stream.streamId]);
         },
         onStreamError: (error) => {
+            props?.onStreamError?.(error);
             setChatCompletions((prev) => {
                 const existing = prev.find((c) => c.streamId === error.streamId);
                 if (!existing)
@@ -29,6 +33,12 @@ export const useStreamingChatCompletions = () => {
                 ];
             });
         },
+        onStreamNotFound: (error) => {
+            props?.onStreamNotFound?.(error);
+        },
+        onStreamTimeout: (error) => {
+            props?.onStreamTimeout?.(error);
+        },
     });
     useEffect(() => {
         setChatCompletions((prev) => {
@@ -65,8 +75,8 @@ export const useStreamingChatCompletions = () => {
                     }
                     : null,
                 streamId: chatCompletion.streamId,
-                params: chatCompletion.params,
                 error: chatCompletion.error,
+                prompt: chatCompletion.prompt,
                 loading: chatCompletion.loading,
                 doneStreaming: chatCompletion.doneStreaming,
                 response: fullMessage,
@@ -88,69 +98,42 @@ export const useStreamingChatCompletions = () => {
                     triggeredAt: new Date().toISOString(),
                     data: null,
                     error: null,
-                    params: params,
+                    prompt: params,
                     response: '',
                     chunks: [],
                     loading: true,
                     doneStreaming: false,
                 },
             ]);
+            const specificParams = toSpecificChatCompletionParams(params.openai, params.gemini, params.claude, params.generic);
             // Step 2: Send chat completion
             const chatCompletion = await createChatCompletion({
                 pk: context.fency.publishableKey,
                 baseUrl: context.fency.baseUrl,
                 request: {
                     streamId: streamResponse.stream.id,
-                    openai: params.openai
-                        ? {
-                            model: params.openai.model,
-                            messages: params.openai.messages,
-                            temperature: params.openai.temperature,
-                            topP: params.openai.topP,
-                        }
-                        : undefined,
-                    gemini: params.gemini
-                        ? {
-                            model: params.gemini.model,
-                            messages: params.gemini.messages,
-                            systemPrompt: params.gemini.systemPrompt,
-                            temperature: params.gemini.temperature,
-                            topP: params.gemini.topP,
-                            topK: params.gemini.topK,
-                        }
-                        : undefined,
-                    claude: params.claude
-                        ? {
-                            model: params.claude.model,
-                            messages: params.claude.messages,
-                            systemPrompt: params.claude.systemPrompt,
-                            temperature: params.claude.temperature,
-                            topP: params.claude.topP,
-                            topK: params.claude.topK,
-                        }
-                        : undefined,
+                    ...specificParams,
                 },
             });
             if (chatCompletion.type === 'success' &&
                 chatCompletion.completion) {
-                const newCompletion = {
-                    streamId: streamResponse.stream.id,
-                    triggeredAt: new Date().toISOString(),
-                    data: {
-                        id: chatCompletion.completion.id,
-                        createdAt: chatCompletion.completion.createdAt,
-                        streamId: streamResponse.stream.id,
-                    },
-                    error: null,
-                    params: params,
-                    response: '',
-                    chunks: [],
-                    doneStreaming: false,
-                    loading: true,
-                };
                 setChatCompletions((prev) => [
                     ...prev.filter((c) => c.streamId !== streamResponse.stream.id),
-                    newCompletion,
+                    {
+                        streamId: streamResponse.stream.id,
+                        triggeredAt: new Date().toISOString(),
+                        data: {
+                            id: chatCompletion.completion.id,
+                            createdAt: chatCompletion.completion.createdAt,
+                            streamId: streamResponse.stream.id,
+                        },
+                        error: null,
+                        prompt: params,
+                        response: '',
+                        chunks: [],
+                        doneStreaming: false,
+                        loading: true,
+                    },
                 ]);
                 return {
                     type: 'success',
@@ -164,7 +147,7 @@ export const useStreamingChatCompletions = () => {
                     {
                         triggeredAt: new Date().toISOString(),
                         streamId: streamResponse.stream.id,
-                        params: params,
+                        prompt: params,
                         error: chatCompletion.error,
                         response: '',
                         chunks: [],
@@ -188,8 +171,8 @@ export const useStreamingChatCompletions = () => {
                     {
                         triggeredAt: new Date().toISOString(),
                         streamId: streamResponse.stream.id,
-                        params: params,
                         error: error,
+                        prompt: params,
                         response: '',
                         chunks: [],
                         loading: false,

package/lib/hooks/useStructuredChatCompletions/index.js

@@ -2,6 +2,7 @@ import { createChatCompletion } from '@fencyai/js';
 import { useCallback, useMemo, useState } from 'react';
 import { z } from 'zod';
 import { useFencyContext } from '../../provider/useFencyContext';
+import { toSpecificChatCompletionParams } from '../../types/CreateGenericChatCompletionParams';
 export const useStructuredChatCompletions = () => {
     const context = useFencyContext();
     const [chatCompletions, setChatCompletions] = useState([]);
@@ -28,38 +29,26 @@ export const useStructuredChatCompletions = () => {
             }
         };
         const parsedJsonSchema = JSON.stringify(jsonSchema);
+        const specificParams = toSpecificChatCompletionParams(params.openai, params.gemini, params.claude, params.generic);
         const response = await createChatCompletion({
             pk: context.fency.publishableKey,
             baseUrl: context.fency.baseUrl,
             request: {
-                openai: params.openai
+                openai: specificParams.openai
                     ? {
-                        model: params.openai.model,
                         responseJsonSchema: parsedJsonSchema,
-                        messages: params.openai.messages,
-                        temperature: params.openai.temperature,
-                        topP: params.openai.topP,
+                        ...specificParams.openai,
                     }
                     : undefined,
-                gemini: params.gemini
+                gemini: specificParams.gemini
                     ? {
-                        model: params.gemini.model,
                         responseJsonSchema: parsedJsonSchema,
-                        messages: params.gemini.messages,
-                        systemPrompt: params.gemini.systemPrompt,
-                        temperature: params.gemini.temperature,
-                        topP: params.gemini.topP,
-                        topK: params.gemini.topK,
+                        ...specificParams.gemini,
                     }
                     : undefined,
-                claude: params.claude
+                claude: specificParams.claude
                     ? {
-                        model: params.claude.model,
-                        messages: params.claude.messages,
-                        systemPrompt: params.claude.systemPrompt,
-                        temperature: params.claude.temperature,
-                        topP: params.claude.topP,
-                        topK: params.claude.topK,
+                        ...specificParams.claude,
                     }
                     : undefined,
             },

package/lib/types/AiModel.d.ts

@@ -0,0 +1,4 @@
+import { OpenAiModel } from '@fencyai/js';
+import { GeminiModel } from '@fencyai/js';
+import { AnthropicModel } from '@fencyai/js';
+export type AiModel = OpenAiModel | GeminiModel | AnthropicModel;

package/lib/types/AiModel.js

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

package/lib/types/CreateBasicChatCompletionParams.d.ts

@@ -1,8 +1,10 @@
-import { CreateOpenAiChatCompletionParams } from './CreateOpenAiChatCompletionParams';
-import { CreateGeminiChatCompletionParams } from './CreateGeminiChatCompletionParams';
 import { CreateClaudeChatCompletionParams } from './CreateClaudeChatCompletionParams';
+import { CreateGeminiChatCompletionParams } from './CreateGeminiChatCompletionParams';
+import { CreateOpenAiChatCompletionParams } from './CreateOpenAiChatCompletionParams';
+import { CreateGenericChatCompletionParams } from './CreateGenericChatCompletionParams';
 export interface CreateBasicChatCompletionParams {
     openai?: CreateOpenAiChatCompletionParams;
     gemini?: CreateGeminiChatCompletionParams;
     claude?: CreateClaudeChatCompletionParams;
+    generic?: CreateGenericChatCompletionParams;
 }

package/lib/types/CreateGenericChatCompletionParams.d.ts

@@ -0,0 +1,14 @@
+import { ChatCompletionMessage, CreateClaudeChatCompletionRequestParams, CreateGeminiChatCompletionRequestParams, CreateOpenAiChatCompletionRequestParams } from '@fencyai/js';
+import { AiModel } from './AiModel';
+export interface CreateGenericChatCompletionParams {
+    model: AiModel;
+    messages: Array<ChatCompletionMessage>;
+    temperature?: number;
+    topP?: number;
+    topK?: number;
+}
+export declare const toSpecificChatCompletionParams: (openai?: CreateOpenAiChatCompletionRequestParams, gemini?: CreateGeminiChatCompletionRequestParams, claude?: CreateClaudeChatCompletionRequestParams, generic?: CreateGenericChatCompletionParams) => {
+    openai?: CreateOpenAiChatCompletionRequestParams;
+    gemini?: CreateGeminiChatCompletionRequestParams;
+    claude?: CreateClaudeChatCompletionRequestParams;
+};

package/lib/types/CreateGenericChatCompletionParams.js

@@ -0,0 +1,169 @@
+export const toSpecificChatCompletionParams = (openai, gemini, claude, generic) => {
+    if (openai) {
+        return {
+            openai,
+        };
+    }
+    if (gemini) {
+        return {
+            gemini,
+        };
+    }
+    if (claude) {
+        return {
+            claude,
+        };
+    }
+    if (generic) {
+        if (isOpenAiModel(generic.model)) {
+            return {
+                openai: {
+                    model: generic.model,
+                    messages: generic.messages,
+                    temperature: generic.temperature,
+                    topP: generic.topP,
+                },
+            };
+        }
+        if (isGeminiModel(generic.model)) {
+            return {
+                gemini: {
+                    model: generic.model,
+                    messages: toGeminiChatCompletionMessages(generic.messages),
+                    systemPrompt: getSystemPromptFromMessages(generic.messages),
+                    temperature: generic.temperature,
+                    topP: generic.topP,
+                    topK: generic.topK,
+                },
+            };
+        }
+        if (isAnthropicModel(generic.model)) {
+            return {
+                claude: {
+                    model: generic.model,
+                    messages: toClaudeChatCompletionMessages(generic.messages),
+                    systemPrompt: getSystemPromptFromMessages(generic.messages),
+                    temperature: generic.temperature,
+                    topP: generic.topP,
+                    topK: generic.topK,
+                },
+            };
+        }
+    }
+    throw new Error('No model provided');
+};
+const getSystemPromptFromMessages = (messages) => {
+    const allSystemPrompts = messages
+        .filter((message) => message.role === 'system')
+        .map((message) => message.content);
+    return allSystemPrompts.join('\n');
+};
+const toGeminiChatCompletionMessages = (messages) => {
+    const convertedMessages = messages.flatMap((message) => {
+        if (message.role === 'system') {
+            return [];
+        }
+        if (message.role === 'user') {
+            return [{ role: 'user', content: message.content }];
+        }
+        if (message.role === 'assistant') {
+            return [{ role: 'model', content: message.content }];
+        }
+        return [];
+    });
+    return convertedMessages;
+};
+const toClaudeChatCompletionMessages = (messages) => {
+    const convertedMessages = messages.flatMap((message) => {
+        if (message.role === 'system') {
+            return [];
+        }
+        if (message.role === 'user') {
+            return [{ role: 'user', content: message.content }];
+        }
+        if (message.role === 'assistant') {
+            return [{ role: 'assistant', content: message.content }];
+        }
+        return [];
+    });
+    return convertedMessages;
+};
+const isOpenAiModel = (model) => {
+    switch (model) {
+        // OpenAI models
+        case 'gpt-4.1':
+            return true;
+        case 'gpt-4.1-mini':
+            return true;
+        case 'gpt-4.1-nano':
+            return true;
+        case 'gpt-4o':
+            return true;
+        case 'gpt-4o-mini':
+            return true;
+        // Gemini models
+        case 'gemini-2.5-pro':
+            return true;
+        case 'gemini-2.5-flash':
+            return true;
+        case 'gemini-2.5-flash-lite-preview-06-17':
+            return true;
+        // Claude models
+        case 'claude-opus-4-0':
+            return true;
+        case 'claude-sonnet-4-0':
+            return true;
+    }
+};
+const isGeminiModel = (model) => {
+    switch (model) {
+        case 'gpt-4.1':
+            return false;
+        case 'gpt-4.1-mini':
+            return false;
+        case 'gpt-4.1-nano':
+            return false;
+        case 'gpt-4o':
+            return false;
+        case 'gpt-4o-mini':
+            return false;
+        // Gemini models
+        case 'gemini-2.5-pro':
+            return true;
+        case 'gemini-2.5-flash':
+            return true;
+        case 'gemini-2.5-flash-lite-preview-06-17':
+            return true;
+        // Claude models
+        case 'claude-opus-4-0':
+            return false;
+        case 'claude-sonnet-4-0':
+            return false;
+    }
+};
+const isAnthropicModel = (model) => {
+    switch (model) {
+        case 'gpt-4.1':
+            return false;
+        case 'gpt-4.1-mini':
+            return false;
+        case 'gpt-4.1-nano':
+            return false;
+        case 'gpt-4o':
+            return false;
+        case 'gpt-4o-mini':
+            return false;
+        // Gemini models
+        case 'gemini-2.5-pro':
+            return false;
+        case 'gemini-2.5-flash':
+            return false;
+        case 'gemini-2.5-flash-lite-preview-06-17':
+            return false;
+        // Claude models
+        case 'claude-opus-4-0':
+            return true;
+        case 'claude-sonnet-4-0':
+            return true;
+    }
+};

package/lib/types/CreateStreamingChatCompletionParams.d.ts

@@ -1,8 +1,10 @@
 import { CreateOpenAiChatCompletionParams } from './CreateOpenAiChatCompletionParams';
 import { CreateGeminiChatCompletionParams } from './CreateGeminiChatCompletionParams';
 import { CreateClaudeChatCompletionParams } from './CreateClaudeChatCompletionParams';
+import { CreateGenericChatCompletionParams } from './CreateGenericChatCompletionParams';
 export interface CreateStreamingChatCompletionParams {
     openai?: CreateOpenAiChatCompletionParams;
     gemini?: CreateGeminiChatCompletionParams;
     claude?: CreateClaudeChatCompletionParams;
+    generic?: CreateGenericChatCompletionParams;
 }

package/lib/types/CreateStructuredChatCompletionParams.d.ts

@@ -2,9 +2,11 @@ import { ZodTypeAny } from 'zod';
 import { CreateOpenAiChatCompletionParams } from './CreateOpenAiChatCompletionParams';
 import { CreateGeminiChatCompletionParams } from './CreateGeminiChatCompletionParams';
 import { CreateClaudeChatCompletionParams } from './CreateClaudeChatCompletionParams';
+import { CreateGenericChatCompletionParams } from './CreateGenericChatCompletionParams';
 export interface CreateStructuredChatCompletionParams<T extends ZodTypeAny> {
     openai?: CreateOpenAiChatCompletionParams;
     gemini?: CreateGeminiChatCompletionParams;
     claude?: CreateClaudeChatCompletionParams;
+    generic?: CreateGenericChatCompletionParams;
     responseFormat: T;
 }

package/lib/types/StreamingChatCompletion.d.ts

@@ -1,11 +1,19 @@
 import { ApiError } from '@fencyai/js';
-import { StreamingChatCompletionData } from './StreamingChatCompletionData';
+import { CreateClaudeChatCompletionParams } from './CreateClaudeChatCompletionParams';
+import { CreateGenericChatCompletionParams } from './CreateGenericChatCompletionParams';
+import { CreateGeminiChatCompletionParams } from './CreateGeminiChatCompletionParams';
+import { CreateOpenAiChatCompletionParams } from './CreateOpenAiChatCompletionParams';
 import { NewChatCompletionStreamChunk } from './StreamData';
-import { CreateStreamingChatCompletionParams } from './CreateStreamingChatCompletionParams';
+import { StreamingChatCompletionData } from './StreamingChatCompletionData';
 export interface StreamingChatCompletion {
     triggeredAt: string;
     streamId: string;
-    params: CreateStreamingChatCompletionParams;
+    prompt: {
+        openai?: CreateOpenAiChatCompletionParams;
+        gemini?: CreateGeminiChatCompletionParams;
+        claude?: CreateClaudeChatCompletionParams;
+        generic?: CreateGenericChatCompletionParams;
+    };
     data: StreamingChatCompletionData | null;
     error: ApiError | null;
     response: string;

package/lib/types/UseStreamingChatCompletionsProps.d.ts

@@ -0,0 +1,9 @@
+import { ChatCompletionStreamCompleted, NewChatCompletionStreamChunk, StreamNotFound, StreamTimeout } from './StreamData';
+import { StreamError } from './StreamError';
+export interface UseStreamingChatCompletionsProps {
+    onChatCompletionStreamCompleted?: (stream: ChatCompletionStreamCompleted) => void;
+    onChatCompletionStreamChunk?: (chunk: NewChatCompletionStreamChunk) => void;
+    onStreamNotFound?: (error: StreamNotFound) => void;
+    onStreamTimeout?: (error: StreamTimeout) => void;
+    onStreamError?: (error: StreamError) => void;
+}

package/lib/types/UseStreamingChatCompletionsProps.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "description": "> TODO: description",
   "author": "staklau <steinaageklaussen@gmail.com>",
   "homepage": "",
@@ -33,7 +33,7 @@
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@fencyai/js": "^0.1.53",
+    "@fencyai/js": "^0.1.55",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
@@ -42,7 +42,7 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "@fencyai/js": "^0.1.53",
+    "@fencyai/js": "^0.1.55",
     "react": ">=16.8.0",
     "zod": "^4.0.5"
   },
@@ -51,5 +51,5 @@
       "optional": false
     }
   },
-  "gitHead": "c06951326631299d64fb298760a0b6ba19d573ee"
+  "gitHead": "b67b6f7fe71f8595f9c15ea85f365c1dd69ac76f"
 }