v3: allow users to edit dump thumbnail, fixed some linter errors in the frontend

api/services/dump-service.ts

@@ -22,6 +22,7 @@ import {
   DUMP_ALLOWED_MIME_TYPES,
   DUMP_MAX_FILE_SIZE_BYTES,
   DUMPS_DIR,
+  THUMBNAILS_DIR,
 } from "../config.ts";
 import { linkAttachments } from "./attachment-service.ts";
 
@@ -39,13 +40,13 @@ function titleFromUrl(url: string): string {
 }
 
 const BASE_COLS =
-  "id, kind, title, slug, comment, user_id, created_at, updated_at, url, rich_content, file_name, file_mime, file_size, vote_count, is_private";
+  "id, kind, title, slug, comment, user_id, created_at, updated_at, url, rich_content, file_name, file_mime, file_size, vote_count, is_private, custom_thumbnail_mime";
 
 const SELECT_COLS = `${BASE_COLS},
   (SELECT COUNT(*) FROM comments WHERE dump_id = dumps.id AND deleted = 0) as comment_count`;
 
 const SELECT_COLS_ALIASED =
-  "d.id, d.kind, d.title, d.slug, d.comment, d.user_id, d.created_at, d.updated_at, d.url, d.rich_content, d.file_name, d.file_mime, d.file_size, d.vote_count, d.is_private," +
+  "d.id, d.kind, d.title, d.slug, d.comment, d.user_id, d.created_at, d.updated_at, d.url, d.rich_content, d.file_name, d.file_mime, d.file_size, d.vote_count, d.is_private, d.custom_thumbnail_mime," +
   " (SELECT COUNT(*) FROM comments WHERE dump_id = d.id AND deleted = 0) as comment_count";
 
 export async function createUrlDump(
@@ -566,6 +567,36 @@ export async function refreshDumpMetadata(dumpId: string): Promise<Dump> {
   return updatedDump;
 }
 
+export function getDumpThumbnailInfo(
+  idOrSlug: string,
+): { id: string; mime: string } | undefined {
+  const dump = fetchDump(idOrSlug);
+  return dump.thumbnailMime
+    ? { id: dump.id, mime: dump.thumbnailMime }
+    : undefined;
+}
+
+export function setDumpThumbnail(dumpId: string, mime: string): Dump {
+  const dump = fetchDump(dumpId);
+  db.prepare(`UPDATE dumps SET custom_thumbnail_mime = ? WHERE id = ?;`).run(
+    mime,
+    dump.id,
+  );
+  const updatedDump: Dump = { ...dump, thumbnailMime: mime };
+  if (!updatedDump.isPrivate) broadcastDumpUpdated(updatedDump);
+  return updatedDump;
+}
+
+export async function removeDumpThumbnail(dumpId: string): Promise<Dump> {
+  const dump = fetchDump(dumpId);
+  db.prepare(`UPDATE dumps SET custom_thumbnail_mime = NULL WHERE id = ?;`)
+    .run(dump.id);
+  await Deno.remove(`${THUMBNAILS_DIR}/${dump.id}-custom`).catch(() => {});
+  const updatedDump: Dump = { ...dump, thumbnailMime: undefined };
+  if (!updatedDump.isPrivate) broadcastDumpUpdated(updatedDump);
+  return updatedDump;
+}
+
 export async function deleteDump(dumpId: string): Promise<void> {
   const dump = fetchDump(dumpId);