migrate(chat): repoint /api/upload to recoup-api

components/ui/TxtFileResult.tsx

@@ -6,10 +6,7 @@ import { Download } from "lucide-react";
 
 export interface TxtFileGenerationResult {
   success: boolean;
-  arweaveUrl: string | null;
-  smartAccountAddress?: string;
-  transactionHash?: string | null;
-  blockExplorerUrl?: string | null;
+  txtUrl: string | null;
   message?: string;
   error?: string;
 }
@@ -24,12 +21,12 @@ export function TxtFileResult({ result }: TxtFileResultProps) {
   const [fetchError, setFetchError] = useState<string | null>(null);
 
   useEffect(() => {
-    if (result.arweaveUrl && !fileContent) {
+    if (result.txtUrl && !fileContent) {
       setLoading(true);
       setFetchError(null);
-      fetch(result.arweaveUrl)
+      fetch(result.txtUrl)
         .then((res) => {
-          if (!res.ok) throw new Error("Failed to fetch file from Arweave");
+          if (!res.ok) throw new Error("Failed to fetch file");
           return res.text();
         })
         .then((text) => {
@@ -42,7 +39,7 @@ export function TxtFileResult({ result }: TxtFileResultProps) {
         });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [result.arweaveUrl]);
+  }, [result.txtUrl]);
 
   if (!result.success) {
     return (
@@ -60,13 +57,13 @@ export function TxtFileResult({ result }: TxtFileResultProps) {
   }
 
   const handleDownload = () => {
-    if (result.arweaveUrl) {
-      window.open(result.arweaveUrl, "_blank");
+    if (result.txtUrl) {
+      window.open(result.txtUrl, "_blank");
     }
   };
 
   let displayText: string | JSX.Element = "TXT file generated.";
-  if (result.arweaveUrl) {
+  if (result.txtUrl) {
     if (loading) {
       displayText = "Loading file contents...";
     } else if (fetchError) {
@@ -88,7 +85,7 @@ export function TxtFileResult({ result }: TxtFileResultProps) {
               variant="outline"
               size="sm"
               onClick={handleDownload}
-              disabled={!result.arweaveUrl}
+              disabled={!result.txtUrl}
               className="h-8 px-3 text-xs rounded-xl ml-auto"
             >
               <Download className="w-4 h-4" />{" "}
@@ -101,7 +98,7 @@ export function TxtFileResult({ result }: TxtFileResultProps) {
           <div
             className={cn(
               "mb-4 whitespace-pre-wrap font-mono text-sm p-3 bg-muted/50 rounded-md overflow-auto",
-              "max-h-[200px] md:max-h-[400px] scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600"
+              "max-h-[200px] md:max-h-[400px] scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600",
             )}
             style={{
               transition: "max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1)",

hooks/useArtistSetting.tsx

@@ -1,9 +1,11 @@
-import { uploadFile } from "@/lib/arweave/uploadFile";
+import { uploadFile } from "@/lib/files/uploadFile";
 import { useEffect, useRef, useState } from "react";
+import { usePrivy } from "@privy-io/react-auth";
 import { ArtistRecord } from "@/types/Artist";
 import { getFileMimeType } from "@/utils/getFileMimeType";
 
 const useArtistSetting = () => {
+  const { getAccessToken } = usePrivy();
   const imageRef = useRef<HTMLInputElement>(null);
   const baseRef = useRef<HTMLInputElement>(null);
   const [image, setImage] = useState("");
@@ -25,7 +27,7 @@ const useArtistSetting = () => {
   const [knowledgeUploading, setKnowledgeUploading] = useState(false);
   const [question, setQuestion] = useState("");
   const [editableArtist, setEditableArtist] = useState<ArtistRecord | null>(
-    null
+    null,
   );
 
   const handleDeleteKnowledge = (index: number) => {
@@ -35,7 +37,7 @@ const useArtistSetting = () => {
   };
 
   const handleImageSelected = async (
-    e: React.ChangeEvent<HTMLInputElement>
+    e: React.ChangeEvent<HTMLInputElement>,
   ) => {
     setImageUploading(true);
     const file = e.target.files?.[0];
@@ -44,7 +46,8 @@ const useArtistSetting = () => {
       return;
     }
     try {
-      const { uri } = await uploadFile(file);
+      const accessToken = await getAccessToken();
+      const { uri } = await uploadFile(file, accessToken);
       setImage(uri);
     } catch (error) {
       console.error("Failed to upload image:", error);
@@ -53,17 +56,18 @@ const useArtistSetting = () => {
   };
 
   const handleKnowledgesSelected = async (
-    e: React.ChangeEvent<HTMLInputElement>
+    e: React.ChangeEvent<HTMLInputElement>,
   ) => {
     setKnowledgeUploading(true);
     const files = e.target.files;
     const temp = [];
     try {
       if (files) {
+        const accessToken = await getAccessToken();
         for (const file of files) {
           const name = file.name;
           const type = getFileMimeType(file);
-          const { uri } = await uploadFile(file);
+          const { uri } = await uploadFile(file, accessToken);
           temp.push({
             name,
             url: uri,
@@ -114,7 +118,7 @@ const useArtistSetting = () => {
       };
       Object.entries(socialMediaTypes).forEach(([type, setter]) => {
         const link = editableArtist?.account_socials?.find(
-          (item) => item.type === type
+          (item) => item.type === type,
         )?.link;
         setter(link || "");
       });

hooks/useOrgSettings.ts

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef, useCallback } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { uploadFile } from "@/lib/arweave/uploadFile";
+import { uploadFile } from "@/lib/files/uploadFile";
 import { getFileMimeType } from "@/utils/getFileMimeType";
 import { getClientApiBaseUrl } from "@/lib/api/getClientApiBaseUrl";
 import useAccountOrganizations from "./useAccountOrganizations";
@@ -50,7 +50,7 @@ const useOrgSettings = (orgId: string | null) => {
 
     // Find the organization from the list (same as button does)
     const selectedOrg = organizations.find(
-      (org) => org.organization_id === orgId
+      (org) => org.organization_id === orgId,
     );
 
     if (!selectedOrg) {
@@ -67,7 +67,7 @@ const useOrgSettings = (orgId: string | null) => {
       setIsLoading(true);
       try {
         const response = await fetch(
-          `${getClientApiBaseUrl()}/api/accounts/${orgId}`
+          `${getClientApiBaseUrl()}/api/accounts/${orgId}`,
         );
         if (response.ok) {
           const data = await response.json();
@@ -94,13 +94,14 @@ const useOrgSettings = (orgId: string | null) => {
 
       setImageUploading(true);
       try {
-        const { uri } = await uploadFile(file);
+        const accessToken = await getAccessToken();
+        const { uri } = await uploadFile(file, accessToken);
         setImage(uri);
       } finally {
         setImageUploading(false);
       }
     },
-    []
+    [getAccessToken],
   );
 
   const removeImage = useCallback(() => {
@@ -118,10 +119,11 @@ const useOrgSettings = (orgId: string | null) => {
       setKnowledgeUploading(true);
       const newKnowledges: KnowledgeItem[] = [];
       try {
+        const accessToken = await getAccessToken();
         for (const file of files) {
           const name = file.name;
           const type = getFileMimeType(file);
-          const { uri } = await uploadFile(file);
+          const { uri } = await uploadFile(file, accessToken);
           newKnowledges.push({ name, url: uri, type });
         }
         setKnowledges((prev) => [...prev, ...newKnowledges]);
@@ -132,7 +134,7 @@ const useOrgSettings = (orgId: string | null) => {
         }
       }
     },
-    []
+    [getAccessToken],
   );
 
   const handleDeleteKnowledge = useCallback((index: number) => {
@@ -158,12 +160,22 @@ const useOrgSettings = (orgId: string | null) => {
         knowledges,
       });
       setOrgData(data);
-      await queryClient.invalidateQueries({ queryKey: ["accountOrganizations"] });
+      await queryClient.invalidateQueries({
+        queryKey: ["accountOrganizations"],
+      });
       return true;
     } finally {
       setIsSaving(false);
     }
-  }, [orgId, name, image, instruction, knowledges, queryClient, getAccessToken]);
+  }, [
+    orgId,
+    name,
+    image,
+    instruction,
+    knowledges,
+    queryClient,
+    getAccessToken,
+  ]);
 
   return {
     orgData,

hooks/usePureFileAttachments.ts

@@ -1,12 +1,15 @@
 import { useRef } from "react";
 import { FileUIPart } from "ai";
+import { usePrivy } from "@privy-io/react-auth";
 import { useVercelChatContext } from "@/providers/VercelChatProvider";
 import { CHAT_INPUT_SUPPORTED_FILE } from "@/lib/chat/config";
 import { isAllowedByExtension } from "@/lib/files/isAllowedByExtension";
 import { getFileExtension } from "@/lib/files/getFileExtension";
+import { getClientApiBaseUrl } from "@/lib/api/getClientApiBaseUrl";
 
 export function usePureFileAttachments() {
   const { setAttachments, addTextAttachment } = useVercelChatContext();
+  const { getAccessToken } = usePrivy();
   const fileInputRef = useRef<HTMLInputElement>(null);
   const MAX_FILES = 10;
   const allowedTypes = Object.keys(CHAT_INPUT_SUPPORTED_FILE);
@@ -53,26 +56,25 @@ export function usePureFileAttachments() {
     setAttachments((prev: FileUIPart[]) => [...prev, pendingAttachment]);
 
     try {
-      // Upload the file to Arweave
+      const accessToken = await getAccessToken();
+      if (!accessToken) throw new Error("Not authenticated");
+
       const formData = new FormData();
       formData.append("file", file);
 
-      const response = await fetch("/api/upload", {
+      const response = await fetch(`${getClientApiBaseUrl()}/api/upload`, {
         method: "POST",
+        headers: { Authorization: `Bearer ${accessToken}` },
         body: formData,
       });
 
-      if (!response.ok) {
-        throw new Error("Failed to upload file");
-      }
-
-      const data = await response.json();
+      const data = await response.json().catch(() => null);
 
-      if (!data.success) {
-        throw new Error(data.error || "Upload failed");
+      if (!response.ok || !data?.success) {
+        throw new Error(data?.error || "Upload failed");
       }
 
-      // Update the attachment with the Arweave URL
+      // Update the attachment with the uploaded URL
       setAttachments((prev: FileUIPart[]) =>
         prev.map((attachment: FileUIPart) =>
           // Compare by URL since object references won't match
@@ -83,8 +85,8 @@ export function usePureFileAttachments() {
                 mediaType: data.fileType,
                 url: data.url,
               } as FileUIPart)
-            : attachment
-        )
+            : attachment,
+        ),
       );
 
       // Revoke the temporary object URL to avoid memory leaks
@@ -93,7 +95,7 @@ export function usePureFileAttachments() {
       console.error("Error uploading file:", error);
       // Remove the failed attachment
       setAttachments((prev: FileUIPart[]) =>
-        prev.filter((a: FileUIPart) => a.url !== tempUrl)
+        prev.filter((a: FileUIPart) => a.url !== tempUrl),
       );
       // Revoke the temporary object URL
       URL.revokeObjectURL(tempUrl);

hooks/useSaveKnowledgeEdit.ts

@@ -1,6 +1,7 @@
 import { useArtistProvider } from "@/providers/ArtistProvider";
+import { usePrivy } from "@privy-io/react-auth";
 import getMimeFromPath from "@/lib/files/getMimeFromPath";
-import { uploadFile } from "@/lib/arweave/uploadFile";
+import { uploadFile } from "@/lib/files/uploadFile";
 import { toast } from "react-toastify";
 
 type UseSaveKnowledgeEditArgs = {
@@ -14,6 +15,7 @@ export const useSaveKnowledgeEdit = ({
   url,
   editedText,
 }: UseSaveKnowledgeEditArgs) => {
+  const { getAccessToken } = usePrivy();
   const {
     knowledgeUploading,
     setKnowledgeUploading,
@@ -33,8 +35,9 @@ export const useSaveKnowledgeEdit = ({
     }
     try {
       setKnowledgeUploading(true);
+      const accessToken = await getAccessToken();
       const file = new File([editedText], name || "file.txt", { type: mime });
-      const { uri } = await uploadFile(file);
+      const { uri } = await uploadFile(file, accessToken);
       const next = bases.map((b) => ({ ...b }));
       const idx = next.findIndex((b) => b.url === url && b.name === name);
       if (idx >= 0) {

hooks/useUser.tsx

@@ -2,7 +2,7 @@ import { usePrivy } from "@privy-io/react-auth";
 import { useRouter } from "next/navigation";
 import { useEffect, useRef, useState } from "react";
 import { Address } from "viem";
-import { uploadFile } from "@/lib/arweave/uploadFile";
+import { uploadFile } from "@/lib/files/uploadFile";
 import { useAccount } from "wagmi";
 import { toast } from "sonner";
 import { AccountWithDetails } from "@/lib/supabase/accounts/getAccountWithDetails";
@@ -40,7 +40,8 @@ const useUser = () => {
       return;
     }
     try {
-      const { uri } = await uploadFile(file);
+      const accessToken = await getAccessToken();
+      const { uri } = await uploadFile(file, accessToken);
       setImage(uri);
     } catch {
       toast.error("Failed to upload image. Please try again.");