@fencyai/react 0.1.81 → 0.1.83

package/{lib → dist}/provider/FencyContextValue.d.ts

@@ -1,2 +1,2 @@
 import { FencyContext } from '../types/FencyContext';
-export declare const FencyContextValue: import("react").Context<FencyContext | undefined>;
+export declare const FencyContextValue: import('react').Context<FencyContext | undefined>;

package/{lib → dist}/provider/useFencyContext.d.ts

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

package/dist/types/AiModel.d.ts

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

package/{lib → dist}/types/CreateGeminiChatCompletionParams.d.ts

@@ -1,5 +1,4 @@
-import { GeminiModel } from '@fencyai/js';
-import { GeminiChatCompletionMessage } from '@fencyai/js';
+import { GeminiModel, GeminiChatCompletionMessage } from '@fencyai/js';
 export interface CreateGeminiChatCompletionParams {
     model: GeminiModel;
     messages: Array<GeminiChatCompletionMessage>;

package/{lib → dist}/types/CreateOpenAiChatCompletionParams.d.ts

@@ -1,5 +1,4 @@
-import { OpenAiModel } from '@fencyai/js';
-import { ChatCompletionMessage } from '@fencyai/js';
+import { OpenAiModel, ChatCompletionMessage } from '@fencyai/js';
 export interface CreateOpenAiChatCompletionParams {
     model: OpenAiModel;
     messages: Array<ChatCompletionMessage>;

package/dist/types/FencyContext.d.ts

@@ -0,0 +1,12 @@
+import { FencyInstance, Stream, CreateStreamRequest } from '@fencyai/js';
+export interface StreamCache {
+    stream: Stream;
+    createdAt: number;
+}
+export interface FencyContext {
+    fency: FencyInstance;
+    loading: boolean;
+    error: Error | null;
+    activeStream: StreamCache | null;
+    getOrCreateStream: (params: CreateStreamRequest, maxAge?: number) => Promise<Stream>;
+}

package/{lib → dist}/types/UseBasicChatCompletions.d.ts

@@ -1,6 +1,6 @@
-import { BasicChatCompletion } from "./BasicChatCompletion";
-import { CreateBasicChatCompletionParams } from "./CreateBasicChatCompletionParams";
-import { BasicChatCompletionResponse } from "./BasicChatCompletionResponse";
+import { BasicChatCompletion } from './BasicChatCompletion';
+import { CreateBasicChatCompletionParams } from './CreateBasicChatCompletionParams';
+import { BasicChatCompletionResponse } from './BasicChatCompletionResponse';
 export interface UseBasicChatCompletions {
     chatCompletions: BasicChatCompletion[];
     createBasicChatCompletion: (params: CreateBasicChatCompletionParams) => Promise<BasicChatCompletionResponse>;

package/{lib → dist}/types/UseStreamingChatCompletions.d.ts

@@ -1,6 +1,6 @@
-import { CreateStreamingChatCompletionParams } from "./CreateStreamingChatCompletionParams";
-import { CreateStreamingChatCompletionResponse } from "./CreateStreamingChatCompletionResponse";
-import { StreamingChatCompletion } from "./StreamingChatCompletion";
+import { CreateStreamingChatCompletionParams } from './CreateStreamingChatCompletionParams';
+import { CreateStreamingChatCompletionResponse } from './CreateStreamingChatCompletionResponse';
+import { StreamingChatCompletion } from './StreamingChatCompletion';
 export interface UseStreamingChatCompletions {
     chatCompletions: StreamingChatCompletion[];
     createStreamingChatCompletion: (params: CreateStreamingChatCompletionParams) => Promise<CreateStreamingChatCompletionResponse>;

package/package.json

@@ -1,50 +1,58 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.81",
+  "version": "0.1.83",
   "description": "> TODO: description",
   "author": "staklau <steinaageklaussen@gmail.com>",
   "homepage": "",
   "license": "MIT",
   "type": "module",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./lib/index.js",
-      "types": "./lib/index.d.ts",
-      "default": "./lib/index.js"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
     }
   },
   "directories": {
-    "lib": "lib",
+    "lib": "dist",
     "test": "__tests__"
   },
   "files": [
-    "lib"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsc",
-    "build:watch": "tsc --watch",
+    "build": "vite build",
     "test": "jest",
     "test:watch": "jest --watch",
-    "dev": "tsc --watch",
+    "dev": "vite build --watch",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@fencyai/js": "^0.1.81",
+    "@fencyai/js": "^0.1.83",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@vitejs/plugin-react": "^4.3.4",
     "jest": "^29.7.0",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "peerDependencies": {
-    "@fencyai/js": "^0.1.81",
+    "@fencyai/js": "^0.1.83",
+    "@radix-ui/react-popover": "^1.1.15",
     "react": ">=16.8.0",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^16.1.0",
+    "remark-gfm": "^4.0.1",
+    "streamdown": "^1.6.10",
     "zod": "^4.0.5"
   },
   "peerDependenciesMeta": {
@@ -52,5 +60,5 @@
       "optional": false
     }
   },
-  "gitHead": "884e8beb6a1ab62174694771be5111f78e5f6f8b"
+  "gitHead": "1d219106b354fb15ad73f96a5f50244a7dcde26a"
 }

package/lib/hooks/useBasicChatCompletions/index.js

@@ -1,92 +0,0 @@
-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([]);
-    const createBasicChatCompletion = useCallback(async (params) => {
-        const triggeredAt = new Date().toISOString();
-        setChatCompletions((prev) => [
-            ...prev,
-            {
-                triggeredAt,
-                data: null,
-                error: null,
-                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: {
-                ...specificParams,
-            },
-        });
-        if (chatCompletion.type === 'success' &&
-            chatCompletion.completion.response) {
-            const updatedCompletion = {
-                triggeredAt,
-                data: {
-                    id: chatCompletion.completion.id,
-                    createdAt: chatCompletion.completion.createdAt,
-                    response: chatCompletion.completion.response,
-                },
-                error: null,
-                loading: false,
-            };
-            setChatCompletions((prev) => [
-                ...prev.filter((c) => c.triggeredAt !== triggeredAt),
-                updatedCompletion,
-            ]);
-            return {
-                type: 'success',
-                data: updatedCompletion.data,
-            };
-        }
-        else if (chatCompletion.type === 'error') {
-            const errorCompletion = {
-                triggeredAt,
-                data: null,
-                error: chatCompletion.error,
-                loading: false,
-            };
-            setChatCompletions((prev) => [...prev, errorCompletion]);
-            return {
-                type: 'error',
-                error: chatCompletion.error,
-            };
-        }
-        else {
-            const error = {
-                message: 'No response received',
-                code: 'UnknownError',
-            };
-            setChatCompletions((prev) => [
-                ...prev.filter((c) => c.triggeredAt !== triggeredAt),
-                {
-                    triggeredAt,
-                    data: null,
-                    error: error,
-                    loading: false,
-                },
-            ]);
-            return {
-                type: 'error',
-                error: error,
-            };
-        }
-    }, [context]);
-    const latest = useMemo(() => {
-        return chatCompletions.sort((a, b) => {
-            return (new Date(b.triggeredAt).getTime() -
-                new Date(a.triggeredAt).getTime());
-        })[0];
-    }, [chatCompletions]);
-    return {
-        chatCompletions,
-        createBasicChatCompletion,
-        latest,
-    };
-};

package/lib/hooks/useCreateFiles/index.js

@@ -1,72 +0,0 @@
-import { createFile as createFileApi, } from '@fencyai/js';
-import { useState } from 'react';
-import { useFencyContext } from '../../provider/useFencyContext';
-import { useStream } from '../useStream';
-export function useCreateFiles(props) {
-    const [files, setFiles] = useState([]);
-    const context = useFencyContext();
-    const { createStream } = useStream({
-        onFileUploadCompleted: (streamData) => {
-            props?.onUploadCompleted?.(streamData);
-            setFiles((prev) => prev.map((fileUpload) => {
-                return fileUpload.id === streamData.uploadId
-                    ? { ...fileUpload, status: 'upload_complete' }
-                    : fileUpload;
-            }));
-        },
-        onFileTextContentReady: (streamData) => {
-            props?.onTextContentReady?.(streamData);
-            setFiles((prev) => prev.map((fileUpload) => fileUpload.id === streamData.fileId
-                ? { ...fileUpload, textContent: streamData.textContent }
-                : fileUpload));
-        },
-        onFileSearchIndexReady: (streamData) => {
-            props?.onFileSearchIndexReady?.(streamData);
-            setFiles((prev) => prev.map((fileUpload) => fileUpload.id === streamData.fileId
-                ? { ...fileUpload, searchIndexReady: true }
-                : fileUpload));
-        },
-    });
-    const createFile = async (params) => {
-        const clientSecret = params.fetchClientSecret
-            ? await params.fetchClientSecret()
-            : undefined;
-        const streamResponse = await createStream({
-            type: 'FileStream',
-        });
-        if (streamResponse.type === 'success') {
-            const fileResponse = await createFileApi({
-                pk: context.fency.publishableKey,
-                request: {
-                    streamId: streamResponse.stream.id,
-                    fileName: params.fileName,
-                    fileType: params.fileType,
-                    fileSize: params.fileSize,
-                    extractTextContent: params.extractTextContent || true,
-                    clientSecret: clientSecret?.clientSecret,
-                },
-                baseUrl: context.fency.baseUrl,
-            });
-            if (fileResponse.type === 'success') {
-                setFiles([...files, fileResponse.file]);
-                return fileResponse;
-            }
-            else {
-                return {
-                    type: 'error',
-                    error: fileResponse.error,
-                };
-            }
-        }
-        else {
-            return {
-                type: 'error',
-                error: streamResponse.error,
-            };
-        }
-    };
-    return {
-        createFile,
-        files,
-    };
-}

package/lib/hooks/useFencyEventSource/index.js

@@ -1,39 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useFencyEventSource(props) {
-    const [sourceUrl, setSourceUrl] = useState(null);
-    useEffect(() => {
-        if (!sourceUrl) {
-            return;
-        }
-        const eventSource = new EventSource(sourceUrl);
-        eventSource.onmessage = (message) => {
-            props?.onMessage({
-                url: sourceUrl,
-                data: base64Decode(message.data),
-            });
-        };
-        eventSource.onerror = (error) => {
-            console.error('EventSource error:', error);
-            props?.onError(sourceUrl);
-            setSourceUrl(null);
-        };
-        return () => {
-            eventSource.close();
-        };
-    }, [sourceUrl]);
-    return {
-        setSourceUrl,
-        sourceUrl,
-    };
-}
-export function base64Decode(base64) {
-    // Decode Base64 -> binary string
-    const binary = atob(base64);
-    // Convert binary string -> Uint8Array
-    const bytes = new Uint8Array(binary.length);
-    for (let i = 0; i < binary.length; i++) {
-        bytes[i] = binary.charCodeAt(i);
-    }
-    // Decode UTF-8 bytes -> proper string
-    return new TextDecoder('utf-8').decode(bytes);
-}

package/lib/hooks/useListFiles/index.js

@@ -1,125 +0,0 @@
-import { listFiles as listFilesApi } from '@fencyai/js';
-import { useState } from 'react';
-import { useFencyContext } from '../../provider/useFencyContext';
-export function useListFiles(props) {
-    const [currentPageParams, setCurrentPageParams] = useState(null);
-    const [currentPage, setCurrentPage] = useState(null);
-    const context = useFencyContext();
-    const listFilesInternal = async (params) => {
-        const clientSecret = await params.fetchClientSecret();
-        const response = await listFilesApi({
-            pk: context.fency.publishableKey,
-            request: {
-                limit: props?.pageSize ?? 50,
-                pagination: {
-                    nextPageToken: params.nextPageToken,
-                    previousPageToken: params.previousPageToken,
-                },
-                clientSecret: clientSecret.clientSecret,
-            },
-            baseUrl: context.fency.baseUrl,
-        });
-        if (response.type === 'success') {
-            return {
-                type: 'success',
-                page: {
-                    items: response.items,
-                    hasNextPage: response.pagination.nextPageToken != null,
-                    hasPreviousPage: response.pagination.previousPageToken != null,
-                    pagination: response.pagination,
-                },
-            };
-        }
-        return response;
-    };
-    const listFirstPage = async (params) => {
-        const result = await listFilesInternal({
-            ...params,
-            nextPageToken: undefined,
-            previousPageToken: undefined,
-        });
-        if (result.type === 'success') {
-            setCurrentPage(result.page);
-            setCurrentPageParams(params);
-        }
-        return result;
-    };
-    const listNextPage = async (params) => {
-        if (currentPage == null) {
-            return {
-                type: 'error',
-                error: {
-                    code: 'NO_CURRENT_PAGE',
-                    message: 'No current page',
-                },
-            };
-        }
-        if (currentPage.pagination.nextPageToken == null) {
-            return {
-                type: 'error',
-                error: {
-                    code: 'NO_NEXT_PAGE',
-                    message: 'No next page',
-                },
-            };
-        }
-        const result = await listFilesInternal({
-            ...params,
-            nextPageToken: currentPage.pagination.nextPageToken,
-            previousPageToken: undefined,
-        });
-        if (result.type === 'success') {
-            setCurrentPage(result.page);
-            setCurrentPageParams(params);
-        }
-        return result;
-    };
-    const listPreviousPage = async (params) => {
-        if (currentPage == null) {
-            return {
-                type: 'error',
-                error: {
-                    code: 'NO_CURRENT_PAGE',
-                    message: 'No current page',
-                },
-            };
-        }
-        if (currentPage.pagination.previousPageToken == null) {
-            return {
-                type: 'error',
-                error: {
-                    code: 'NO_PREVIOUS_PAGE',
-                    message: 'No previous page',
-                },
-            };
-        }
-        const result = await listFilesInternal({
-            ...params,
-            nextPageToken: undefined,
-            previousPageToken: currentPage.pagination.previousPageToken,
-        });
-        if (result.type === 'success') {
-            setCurrentPage(result.page);
-            setCurrentPageParams(params);
-        }
-        return result;
-    };
-    return {
-        listFirstPage,
-        listNextPage,
-        listPreviousPage,
-        refetchCurrentPage: async () => {
-            if (currentPageParams == null) {
-                return {
-                    type: 'error',
-                    error: {
-                        code: 'NO_CURRENT_PAGE',
-                        message: 'No current page, please call listFirstPage first.',
-                    },
-                };
-            }
-            return listFilesInternal(currentPageParams);
-        },
-        currentPage,
-    };
-}

package/lib/hooks/useSearchFiles/index.js

@@ -1,26 +0,0 @@
-import { searchFiles as searchFilesApi, } from '@fencyai/js';
-import { useState } from 'react';
-import { useFencyContext } from '../../provider/useFencyContext';
-export function useSearchFiles() {
-    const [searchResults, setSearchResults] = useState(undefined);
-    const context = useFencyContext();
-    const searchFiles = async (params) => {
-        const clientSecret = await params.fetchClientSecret();
-        const response = await searchFilesApi({
-            pk: context.fency.publishableKey,
-            request: {
-                text: params.text,
-                clientSecret: clientSecret.clientSecret,
-            },
-            baseUrl: context.fency.baseUrl,
-        });
-        if (response.type === 'success') {
-            setSearchResults(response.results);
-        }
-        return response;
-    };
-    return {
-        searchFiles,
-        searchResults,
-    };
-}

package/lib/hooks/useStream/index.js

@@ -1,73 +0,0 @@
-import { createStream as createStreamApi, } from '@fencyai/js';
-import { useState } from 'react';
-import { useFencyContext } from '../../provider/useFencyContext';
-import { useFencyEventSource } from '../useFencyEventSource';
-import { toStreamData } from './toStreamData';
-export const useStream = (props) => {
-    const context = useFencyContext();
-    const [stream, setStream] = useState(null);
-    const es = useFencyEventSource({
-        onError: (url) => {
-            console.error('Stream error:', url);
-            props?.onStreamError?.({
-                streamId: url,
-                error: {
-                    code: 'UnknownError',
-                    message: 'Unknown error in useStream',
-                },
-            });
-        },
-        onMessage: (message) => {
-            const streamData = toStreamData(message.data);
-            if (!streamData) {
-                return false;
-            }
-            switch (streamData.type) {
-                case 'NewChatCompletionStreamChunk':
-                    props?.onNewChatCompletionStreamChunk?.(streamData);
-                    return true;
-                case 'ChatCompletionStreamCompleted':
-                    props?.onChatCompletionStreamCompleted?.(streamData);
-                    return true;
-                case 'StreamTimeout':
-                    props?.onStreamTimeout?.(streamData);
-                    return true;
-                case 'StreamNotFound':
-                    props?.onStreamNotFound?.(streamData);
-                    return true;
-                case 'FileUploadCompleted':
-                    props?.onFileUploadCompleted?.(streamData);
-                    return true;
-                case 'FileTextContentReady':
-                    props?.onFileTextContentReady?.(streamData);
-                    return true;
-                case 'WebsiteHtmlContentReady':
-                    props?.onWebsiteHtmlContentReady?.(streamData);
-                    return true;
-                case 'WebsiteTextContentReady':
-                    props?.onWebsiteTextContentReady?.(streamData);
-                    return true;
-                case 'FileSearchIndexReady':
-                    props?.onFileSearchIndexReady?.(streamData);
-                    return true;
-            }
-        },
-    });
-    const createStream = async (params) => {
-        const response = await createStreamApi({
-            pk: context.fency.publishableKey,
-            baseUrl: context.fency.baseUrl,
-            request: params,
-        });
-        if (response.type === 'success') {
-            setStream(response.stream);
-            const url = `${context.fency.baseUrl}/v1/pub/streams/${response.stream.id}?pk=${context.fency.publishableKey}`;
-            es.setSourceUrl(url);
-        }
-        return response;
-    };
-    return {
-        createStream: createStream,
-        stream,
-    };
-};