@fencyai/react 0.1.44 → 0.1.45

package/lib/types/FileUpload.d.ts

@@ -1,9 +1,11 @@
-import { ApiError, FencyFile, FencyUpload, FileUploadCompleted } from '@fencyai/js';
+import { ApiError, FencyFile, FencyUpload, FileTextContentReady, FileUploadCompleted } from '@fencyai/js';
 import { FileUploadStatus } from './FileUploadStatus';
 export interface FileUpload {
     status: FileUploadStatus;
     upload: FencyUpload;
     file: FencyFile | null;
     error: ApiError | null;
+    textContent: string | null;
     onUploadComplete?: (fileUpload: FileUploadCompleted) => void;
+    onFileTextContentReady?: (fileTextContentReady: FileTextContentReady) => void;
 }

package/lib/types/UseFileUploadProps.d.ts

@@ -1,4 +1,5 @@
-import { FileUploadCompleted } from '@fencyai/js';
+import { FileUploadCompleted, FileTextContentReady } from '@fencyai/js';
 export interface UseFileUploadProps {
-    onUploadComplete: (fileUpload: FileUploadCompleted) => void;
+    onUploadComplete?: (fileUpload: FileUploadCompleted) => void;
+    onFileTextContentReady?: (fileTextContentReady: FileTextContentReady) => void;
 }

package/lib/types/UseStreamProps.d.ts

@@ -1,10 +1,12 @@
 import { ChatCompletionStreamCompleted, FileUploadCompleted, NewChatCompletionStreamChunk, StreamNotFound, StreamTimeout } from '@fencyai/js';
 import { StreamError } from './StreamError';
+import { FileTextContentReady } from '@fencyai/js/lib/types/StreamData';
 export interface UseStreamProps {
     onNewChatCompletionStreamChunk?: (streamData: NewChatCompletionStreamChunk) => void;
     onChatCompletionStreamCompleted?: (stream: ChatCompletionStreamCompleted) => void;
     onStreamTimeout?: (error: StreamTimeout) => void;
     onStreamNotFound?: (error: StreamNotFound) => void;
     onFileUploadCompleted?: (error: FileUploadCompleted) => void;
+    onFileTextContentReady?: (error: FileTextContentReady) => void;
     onStreamError?: (error: StreamError) => void;
 }

package/lib/useFileUploads/index.js

@@ -8,8 +8,18 @@ export function useFileUploads(props) {
     const { createStream } = useStream({
         onFileUploadCompleted: (streamData) => {
             props.onUploadComplete?.(streamData);
+            console.log('streamData', streamData.fileId);
+            setFileUploads((prev) => prev.map((fileUpload) => {
+                console.log('fileUpload.upload.id', fileUpload.file?.id);
+                return fileUpload.upload.id === streamData.uploadId
+                    ? { ...fileUpload, status: 'upload_complete' }
+                    : fileUpload;
+            }));
+        },
+        onFileTextContentReady: (streamData) => {
+            props.onFileTextContentReady?.(streamData);
             setFileUploads((prev) => prev.map((fileUpload) => fileUpload.upload.id === streamData.uploadId
-                ? { ...fileUpload, status: 'upload_complete' }
+                ? { ...fileUpload, textContent: streamData.text }
                 : fileUpload));
         },
     });
@@ -36,7 +46,9 @@ export function useFileUploads(props) {
                         upload: response.upload,
                         file: null,
                         error: null,
+                        textContent: null,
                         onUploadComplete: props.onUploadComplete,
+                        onFileTextContentReady: props.onFileTextContentReady,
                     },
                 ]);
             }

package/lib/useStream/index.js

@@ -1,18 +1,16 @@
-import { createStream as createStreamApi } from '@fencyai/js';
+import { createStream as createStreamApi, } from '@fencyai/js';
 import { useState } from 'react';
 import { useFencyContext } from '../provider/useFencyContext';
 import { useEventSource } from '../useEventSource';
 export const useStream = (props) => {
     const context = useFencyContext();
-    const [urlToStreamIdMapping, setUrlToStreamIdMapping] = useState({});
     const [stream, setStream] = useState(null);
     const eventSource = useEventSource({
         onError: (url) => {
             console.error('Stream error:', url);
         },
         onMessage: (message) => {
-            const streamId = requireStreamId(message.url, urlToStreamIdMapping);
-            const streamData = toStreamData(message.data, streamId);
+            const streamData = toStreamData(message.data);
             switch (streamData?.type) {
                 case 'NewChatCompletionStreamChunk':
                     props?.onNewChatCompletionStreamChunk?.(streamData);
@@ -29,6 +27,9 @@ export const useStream = (props) => {
                 case 'FileUploadCompleted':
                     props?.onFileUploadCompleted?.(streamData);
                     return true;
+                case 'FileTextContentReady':
+                    props?.onFileTextContentReady?.(streamData);
+                    return true;
                 default:
                     return false;
             }
@@ -43,10 +44,6 @@ export const useStream = (props) => {
         if (response.type === 'success') {
             setStream(response.stream);
             const url = `${context.fency.baseUrl}/v1/pub/streams/${response.stream.id}?pk=${context.fency.publishableKey}`;
-            setUrlToStreamIdMapping((prev) => ({
-                ...prev,
-                [url]: response.stream.id,
-            }));
             eventSource.setSource({
                 url,
             });
@@ -58,14 +55,7 @@ export const useStream = (props) => {
         stream,
     };
 };
-const requireStreamId = (url, urlToStreamIdMapping) => {
-    const streamId = urlToStreamIdMapping[url];
-    if (!streamId) {
-        throw new Error(`Stream ID not found for URL: ${url}`);
-    }
-    return streamId;
-};
-const toStreamData = (data, streamId) => {
+const toStreamData = (data) => {
     try {
         const json = JSON.parse(data);
         if (isStreamData(json)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fencyai/react",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "description": "> TODO: description",
   "author": "staklau <steinaageklaussen@gmail.com>",
   "homepage": "",
@@ -36,7 +36,7 @@
     "zod": "^4.0.5"
   },
   "devDependencies": {
-    "@fencyai/js": "^0.1.44",
+    "@fencyai/js": "^0.1.45",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
@@ -45,8 +45,8 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "@fencyai/js": "^0.1.44",
+    "@fencyai/js": "^0.1.45",
     "react": ">=16.8.0"
   },
-  "gitHead": "307425eea348ef9758f06b91467a9e8ad5dad453"
+  "gitHead": "6b5884d658d97cfb972ec31f2fc8b79b111053b5"
 }