@gendive/chatllm 0.21.9 → 0.22.1

package/dist/react/index.d.mts

@@ -1060,6 +1060,12 @@ interface ChatUIProps {
      * @Todo vibecode - 새 URL 반환 시 img.src 갱신 + contentParts url 업데이트, null 반환 시 기본 에러 처리 (#13)
      */
     onImageError?: (url: string, fileName?: string) => Promise<string | null>;
+    /**
+     * @description 첨부 파일 업로드 콜백 (File → URL 변환)
+     * @Todo vibecode - autoConvertBase64 대신 File 객체를 직접 업로드하여 URL로 전달
+     * base64 이중 변환(File→base64→File→업로드) 제거, 메모리 ~33% 절감
+     */
+    fileUploader?: (file: File) => Promise<string>;
     /**
      * @description Thinking 블록 표시 여부
      * @Todo vibecode - AI 추론 과정 표시 (기본: true)
@@ -1953,6 +1959,11 @@ interface UseChatUIOptions {
      * @Todo vibecode - 새 URL 반환 시 img.src 갱신, null 반환 시 기본 에러 처리 (#13)
      */
     onImageError?: (url: string, fileName?: string) => Promise<string | null>;
+    /**
+     * @description 첨부 파일 업로드 콜백 (File → URL 변환)
+     * @Todo vibecode - autoConvertBase64 대신 File 객체를 직접 업로드하여 URL로 전달
+     */
+    fileUploader?: (file: File) => Promise<string>;
     /**
      * @description 외부 스토리지 사용 여부
      * @Todo vibecode - true 시 localStorage 대신 콜백 사용

package/dist/react/index.d.ts

@@ -1060,6 +1060,12 @@ interface ChatUIProps {
      * @Todo vibecode - 새 URL 반환 시 img.src 갱신 + contentParts url 업데이트, null 반환 시 기본 에러 처리 (#13)
      */
     onImageError?: (url: string, fileName?: string) => Promise<string | null>;
+    /**
+     * @description 첨부 파일 업로드 콜백 (File → URL 변환)
+     * @Todo vibecode - autoConvertBase64 대신 File 객체를 직접 업로드하여 URL로 전달
+     * base64 이중 변환(File→base64→File→업로드) 제거, 메모리 ~33% 절감
+     */
+    fileUploader?: (file: File) => Promise<string>;
     /**
      * @description Thinking 블록 표시 여부
      * @Todo vibecode - AI 추론 과정 표시 (기본: true)
@@ -1953,6 +1959,11 @@ interface UseChatUIOptions {
      * @Todo vibecode - 새 URL 반환 시 img.src 갱신, null 반환 시 기본 에러 처리 (#13)
      */
     onImageError?: (url: string, fileName?: string) => Promise<string | null>;
+    /**
+     * @description 첨부 파일 업로드 콜백 (File → URL 변환)
+     * @Todo vibecode - autoConvertBase64 대신 File 객체를 직접 업로드하여 URL로 전달
+     */
+    fileUploader?: (file: File) => Promise<string>;
     /**
      * @description 외부 스토리지 사용 여부
      * @Todo vibecode - true 시 localStorage 대신 콜백 사용

package/dist/react/index.js

@@ -2269,6 +2269,23 @@ var convertAttachmentsToBase64 = async (attachments) => Promise.all(
     size: att.size
   }))
 );
+var convertAttachmentsWithUploaderCached = async (attachments, uploader, cache) => Promise.all(
+  attachments.map(async (att) => {
+    let url = cache.get(att.id);
+    if (!url) {
+      url = await uploader(att.file);
+      cache.set(att.id, url);
+    }
+    return {
+      name: att.name,
+      mimeType: att.mimeType,
+      base64: "",
+      url,
+      size: att.size,
+      source: "uploader"
+    };
+  })
+);
 var findPreviousResultImage = (messages) => {
   for (let i = messages.length - 1; i >= 0; i--) {
     const msg = messages[i];
@@ -2330,6 +2347,8 @@ var useChatUI = (options) => {
     // Image upload
     onUploadImage,
     onImageError,
+    // File upload
+    fileUploader,
     // External storage options
     useExternalStorage = false,
     startWithNewSession = false,
@@ -2437,6 +2456,7 @@ var useChatUI = (options) => {
   const onLoadModelsRef = (0, import_react6.useRef)(onLoadModels);
   const onUploadImageRef = (0, import_react6.useRef)(onUploadImage);
   const onImageErrorRef = (0, import_react6.useRef)(onImageError);
+  const fileUploaderRef = (0, import_react6.useRef)(fileUploader);
   const globalMemoryRef = (0, import_react6.useRef)(null);
   (0, import_react6.useEffect)(() => {
     onSendMessageRef.current = onSendMessage;
@@ -2458,6 +2478,7 @@ var useChatUI = (options) => {
     onSessionContextChangeRef.current = onSessionContextChange;
     onUploadImageRef.current = onUploadImage;
     onImageErrorRef.current = onImageError;
+    fileUploaderRef.current = fileUploader;
     onLoadModelsRef.current = onLoadModels;
   });
   const abortControllersRef = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
@@ -3537,6 +3558,7 @@ ${finalContent}`;
     const actionPrompt = selectedAction?.systemPrompt;
     const isHidden = options2?.hiddenUserMessage ?? false;
     const currentAttachments = attachments;
+    const uploadedUrlMap = /* @__PURE__ */ new Map();
     let userContentParts;
     if (currentAttachments.length > 0) {
       userContentParts = [];
@@ -3545,8 +3567,19 @@ ${finalContent}`;
       }
       for (const att of currentAttachments) {
         if (att.type === "image" && att.file) {
-          const dataUri = await fileToDataUri(att.file);
-          const imageUrl = onUploadImageRef.current ? await onUploadImageRef.current(dataUri, att.name) : dataUri;
+          let imageUrl;
+          try {
+            if (fileUploaderRef.current) {
+              imageUrl = await fileUploaderRef.current(att.file);
+            } else {
+              const dataUri = await fileToDataUri(att.file);
+              imageUrl = onUploadImageRef.current ? await onUploadImageRef.current(dataUri, att.name) : dataUri;
+            }
+          } catch (err) {
+            console.error("[chatllm] image upload failed, falling back to data URI:", err);
+            imageUrl = await fileToDataUri(att.file);
+          }
+          uploadedUrlMap.set(att.id, imageUrl);
           userContentParts.push({ type: "image", url: imageUrl, alt: att.name, fileName: att.name });
         } else {
           userContentParts.push({ type: "file", name: att.name, url: att.previewUrl || "", mimeType: att.mimeType, size: att.size });
@@ -3645,7 +3678,7 @@ ${finalContent}`;
           })
         );
         try {
-          const filesToPass = skillConfig.autoConvertBase64 ? await convertAttachmentsToBase64(matchedFiles) : matchedFiles;
+          const filesToPass = fileUploaderRef.current ? await convertAttachmentsWithUploaderCached(matchedFiles, fileUploaderRef.current, uploadedUrlMap) : skillConfig.autoConvertBase64 ? await convertAttachmentsToBase64(matchedFiles) : matchedFiles;
           const result = await skillConfig.execute({ files: filesToPass, userMessage: finalContent });
           const attachResultType = result.metadata?.type || result.metadata?.resultType || "text";
           const toolResultPart = {
@@ -3703,7 +3736,12 @@ ${finalContent}`;
       const hasUserText = finalContent.trim().length > 0;
       if (hasImageAttachments && hasUserText) {
         const imageAttachments = currentAttachments.filter((a) => a.type === "image");
-        pendingAttachmentDataRef.current = await convertAttachmentsToBase64(imageAttachments);
+        try {
+          pendingAttachmentDataRef.current = fileUploaderRef.current ? await convertAttachmentsWithUploaderCached(imageAttachments, fileUploaderRef.current, uploadedUrlMap) : await convertAttachmentsToBase64(imageAttachments);
+        } catch (err) {
+          console.error("[chatllm] pendingAttachment conversion failed:", err);
+          pendingAttachmentDataRef.current = null;
+        }
       } else {
         pendingAttachmentDataRef.current = null;
       }
@@ -3851,7 +3889,9 @@ ${attachmentContext}
           }
         }
       } else if (attachmentResults.length === 0 && pendingAttachmentDataRef.current !== null) {
-        const isReferenceImage = pendingAttachmentDataRef.current.some((d) => d.url && !d.base64);
+        const isReferenceImage = pendingAttachmentDataRef.current.some(
+          (d) => d.url && !d.base64 && d.source !== "uploader"
+        );
         if (isReferenceImage) {
           chatMessages.push({
             role: "user",
@@ -15162,7 +15202,9 @@ var ChatUIWithHook = ({
   onAnalyzePatterns,
   // Image upload
   onUploadImage,
-  onImageError
+  onImageError,
+  // File upload
+  fileUploader
 }) => {
   const hookOptions = {
     models,
@@ -15213,7 +15255,9 @@ var ChatUIWithHook = ({
     onAnalyzePatterns,
     // Image upload
     onUploadImage,
-    onImageError
+    onImageError,
+    // File upload
+    fileUploader
   };
   const state = useChatUI(hookOptions);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ImageErrorContext.Provider, { value: onImageError || null, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(