@gendive/chatllm 0.21.8 → 0.22.0

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,16 @@ var convertAttachmentsToBase64 = async (attachments) => Promise.all(
     size: att.size
   }))
 );
+var convertAttachmentsWithUploader = async (attachments, uploader) => Promise.all(
+  attachments.map(async (att) => ({
+    name: att.name,
+    mimeType: att.mimeType,
+    base64: "",
+    url: await uploader(att.file),
+    size: att.size,
+    source: "uploader"
+  }))
+);
 var findPreviousResultImage = (messages) => {
   for (let i = messages.length - 1; i >= 0; i--) {
     const msg = messages[i];
@@ -2330,6 +2340,8 @@ var useChatUI = (options) => {
     // Image upload
     onUploadImage,
     onImageError,
+    // File upload
+    fileUploader,
     // External storage options
     useExternalStorage = false,
     startWithNewSession = false,
@@ -2437,6 +2449,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 +2471,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());
@@ -3645,7 +3659,7 @@ ${finalContent}`;
           })
         );
         try {
-          const filesToPass = skillConfig.autoConvertBase64 ? await convertAttachmentsToBase64(matchedFiles) : matchedFiles;
+          const filesToPass = fileUploaderRef.current ? await convertAttachmentsWithUploader(matchedFiles, fileUploaderRef.current) : 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 +3717,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 convertAttachmentsWithUploader(imageAttachments, fileUploaderRef.current) : await convertAttachmentsToBase64(imageAttachments);
+        } catch (err) {
+          console.error("[chatllm] pendingAttachment conversion failed:", err);
+          pendingAttachmentDataRef.current = null;
+        }
       } else {
         pendingAttachmentDataRef.current = null;
       }
@@ -3851,7 +3870,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",
@@ -6580,9 +6601,9 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
         console.log("Canvas method failed (CORS), trying fetch...");
       }
     }
-    if (!src.startsWith("data:")) {
+    if (!imgSrc.startsWith("data:")) {
       try {
-        const response = await fetch(src, { mode: "cors" });
+        const response = await fetch(imgSrc, { mode: "cors" });
         if (response.ok) {
           const blob = await response.blob();
           if (blob.type === "image/png") return blob;
@@ -6622,7 +6643,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
     setCopyState("copying");
     try {
       if (!navigator.clipboard?.write) {
-        await navigator.clipboard.writeText(src);
+        await navigator.clipboard.writeText(imgSrc);
         setCopyState("copied");
         setTimeout(() => setCopyState("idle"), 2e3);
         return;
@@ -6632,7 +6653,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
         await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
         setCopyState("copied");
       } else {
-        await navigator.clipboard.writeText(src);
+        await navigator.clipboard.writeText(imgSrc);
         setCopyState("copied");
       }
       setTimeout(() => setCopyState("idle"), 2e3);
@@ -6645,7 +6666,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
   const handleDownload = async () => {
     try {
       const blob = await getImageBlob();
-      const url = blob ? URL.createObjectURL(blob) : src;
+      const url = blob ? URL.createObjectURL(blob) : imgSrc;
       const link = document.createElement("a");
       link.href = url;
       link.download = alt || `image-${Date.now()}.png`;
@@ -6655,7 +6676,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
       if (blob) URL.revokeObjectURL(url);
     } catch (error) {
       console.error("Failed to download image:", error);
-      window.open(src, "_blank");
+      window.open(imgSrc, "_blank");
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -15162,7 +15183,9 @@ var ChatUIWithHook = ({
   onAnalyzePatterns,
   // Image upload
   onUploadImage,
-  onImageError
+  onImageError,
+  // File upload
+  fileUploader
 }) => {
   const hookOptions = {
     models,
@@ -15213,7 +15236,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)(