feat: card attachments (#247)

* feat: add card attachment schema

* feat: setup s3 util funcs

* feat: add attachments router and repo funcs

* feat: add upload button

* feat: add thumbnails and attachment viewer

* feat: add download and delete button

* feat: add file viewer and downloads

* feat: update compose and readme

* chore: build lang

* feat: display attachments on public boards

* chore: update compiled translations

packages/db/src/repository/board.repo.ts

@@ -5,6 +5,7 @@ import type { BoardVisibilityStatus } from "@kan/db/schema";
 import {
   boards,
   cardActivities,
+  cardAttachments,
   cards,
   cardsToLabels,
   cardToWorkspaceMembers,
@@ -196,6 +197,13 @@ export const getByPublicId = async (
                   },
                 },
               },
+              attachments: {
+                columns: {
+                  publicId: true,
+                },
+                where: isNull(cardAttachments.deletedAt),
+                orderBy: asc(cardAttachments.createdAt),
+              },
               checklists: {
                 columns: {
                   publicId: true,
@@ -358,6 +366,13 @@ export const getBySlug = async (
                   },
                 },
               },
+              attachments: {
+                columns: {
+                  publicId: true,
+                },
+                where: isNull(cardAttachments.deletedAt),
+                orderBy: asc(cardAttachments.createdAt),
+              },
               comments: {
                 columns: {
                   publicId: true,

packages/db/src/repository/card.repo.ts

@@ -3,6 +3,7 @@ import { and, asc, desc, eq, gt, inArray, isNull, sql } from "drizzle-orm";
 import type { dbClient } from "@kan/db/client";
 import {
   cardActivities,
+  cardAttachments,
   cards,
   cardsToLabels,
   cardToWorkspaceMembers,
@@ -409,6 +410,17 @@ export const getWithListAndMembersByPublicId = async (
           },
         },
       },
+      attachments: {
+        columns: {
+          publicId: true,
+          contentType: true,
+          s3Key: true,
+          originalFilename: true,
+          size: true,
+        },
+        where: isNull(cardAttachments.deletedAt),
+        orderBy: asc(cardAttachments.createdAt),
+      },
       checklists: {
         columns: {
           publicId: true,

packages/db/src/repository/cardAttachment.repo.ts

@@ -0,0 +1,99 @@
+import { and, eq, isNull } from "drizzle-orm";
+
+import type { dbClient } from "@kan/db/client";
+import { cardAttachments } from "@kan/db/schema";
+import { generateUID } from "@kan/shared/utils";
+
+export const create = async (
+  db: dbClient,
+  attachmentInput: {
+    cardId: number;
+    filename: string;
+    originalFilename: string;
+    contentType: string;
+    size: number;
+    s3Key: string;
+    createdBy: string;
+  },
+) => {
+  const [result] = await db
+    .insert(cardAttachments)
+    .values({
+      publicId: generateUID(),
+      cardId: attachmentInput.cardId,
+      filename: attachmentInput.filename,
+      originalFilename: attachmentInput.originalFilename,
+      contentType: attachmentInput.contentType,
+      size: attachmentInput.size,
+      s3Key: attachmentInput.s3Key,
+      createdBy: attachmentInput.createdBy,
+    })
+    .returning({
+      id: cardAttachments.id,
+      publicId: cardAttachments.publicId,
+      filename: cardAttachments.filename,
+      originalFilename: cardAttachments.originalFilename,
+      contentType: cardAttachments.contentType,
+      size: cardAttachments.size,
+      s3Key: cardAttachments.s3Key,
+      createdBy: cardAttachments.createdBy,
+      createdAt: cardAttachments.createdAt,
+    });
+
+  return result;
+};
+
+export const getByPublicId = (db: dbClient, publicId: string) => {
+  return db.query.cardAttachments.findFirst({
+    where: eq(cardAttachments.publicId, publicId),
+    with: {
+      card: {
+        columns: {
+          id: true,
+          publicId: true,
+        },
+        with: {
+          list: {
+            columns: {
+              id: true,
+            },
+            with: {
+              board: {
+                columns: {
+                  id: true,
+                  workspaceId: true,
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  });
+};
+
+export const getAllByCardId = (db: dbClient, cardId: number) => {
+  return db.query.cardAttachments.findMany({
+    where: and(
+      eq(cardAttachments.cardId, cardId),
+      isNull(cardAttachments.deletedAt),
+    ),
+    orderBy: (attachments, { desc }) => [desc(attachments.createdAt)],
+  });
+};
+
+export const softDelete = async (
+  db: dbClient,
+  args: {
+    attachmentId: number;
+    deletedAt: Date;
+  },
+) => {
+  const [result] = await db
+    .update(cardAttachments)
+    .set({ deletedAt: args.deletedAt })
+    .where(eq(cardAttachments.id, args.attachmentId))
+    .returning({ id: cardAttachments.id });
+
+  return result;
+};