Add api prefix to attachment nodes

apps/client/src/features/editor/components/drawio/drawio-view.tsx

@@ -77,7 +77,7 @@ export default function DrawioView(props: NodeViewProps) {
     }
 
     updateAttributes({
-      src: `/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
+      src: `/api/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
       title: attachment.fileName,
       size: attachment.fileSize,
       attachmentId: attachment.id,

apps/client/src/features/editor/components/excalidraw/excalidraw-view.tsx

@@ -101,7 +101,7 @@ export default function ExcalidrawView(props: NodeViewProps) {
     }
 
     updateAttributes({
-      src: `/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
+      src: `/api/files/${attachment.id}/${attachment.fileName}?t=${new Date(attachment.updatedAt).getTime()}`,
       title: attachment.fileName,
       size: attachment.fileSize,
       attachmentId: attachment.id,

apps/client/src/lib/config.ts

@@ -53,7 +53,16 @@ export function getSpaceUrl(spaceSlug: string) {
 }
 
 export function getFileUrl(src: string) {
-  return src?.startsWith("/files/") ? getBackendUrl() + src : src;
+  if (!src) return src;
+  if (src.startsWith("http")) return src;
+  if (src.startsWith("/api/")) {
+    // Remove the '/api' prefix
+    return getBackendUrl() + src.substring(4);
+  }
+  if (src.startsWith("/files/")) {
+    return getBackendUrl() + src;
+  }
+  return src;
 }
 
 export function getFileUploadSizeLimit() {

packages/editor-ext/src/lib/attachment/attachment-upload.ts

@@ -95,7 +95,7 @@ export const handleAttachmentUpload =
         if (!attachment) return;
 
         const node = schema.nodes.attachment?.create({
-          url: `/files/${attachment.id}/${attachment.fileName}`,
+          url: `/api/files/${attachment.id}/${attachment.fileName}`,
           name: attachment.fileName,
           mime: attachment.mimeType,
           size: attachment.fileSize,

packages/editor-ext/src/lib/image/image-upload.ts

@@ -102,7 +102,7 @@ export const handleImageUpload =
         if (!attachment) return;
 
         const node = schema.nodes.image?.create({
-          src: `/files/${attachment.id}/${attachment.fileName}`,
+          src: `/api/files/${attachment.id}/${attachment.fileName}`,
           attachmentId: attachment.id,
           title: attachment.fileName,
           size: attachment.fileSize,

packages/editor-ext/src/lib/video/video-upload.ts

@@ -102,7 +102,7 @@ export const handleVideoUpload =
         if (!attachment) return;
 
         const node = schema.nodes.video?.create({
-          src: `/files/${attachment.id}/${attachment.fileName}`,
+          src: `/api/files/${attachment.id}/${attachment.fileName}`,
           attachmentId: attachment.id,
           title: attachment.fileName,
           size: attachment.fileSize,