feat: enhanced file name

Author: openscript

apps/backend/src/main.ts

@@ -13,6 +13,7 @@ async function bootstrap() {
   app.enableCors({
     credentials: true,
     origin: configService.get("cors.origin"),
+    exposedHeaders: ["Content-Disposition"],
   });
   app.enableShutdownHooks();
   app.useGlobalPipes(new ValidationPipe());

apps/backend/src/system/export/export.controller.ts

@@ -20,15 +20,16 @@ export class ExportController {
     headers: {
       "Content-Disposition": {
         description: "Attachment dump.sql",
-        schema: { type: "string", example: "attachment; filename=dump.sql" },
+        schema: { type: "string", example: 'attachment; filename="quassel-database-dump.sql"' },
       },
     },
   })
   async get(@Response() res: FastifyReply) {
     try {
       const data = await this.exportService.fullDatabaseDump();
       const buffer = Buffer.from(data, "utf-8");
-      res.header("Content-Disposition", "attachment; filename=dump.sql");
+      const dateTime = new Date().toISOString().replace(/:/g, "-").replace("T", "_").replace(/\..+/, "");
+      res.header("Content-Disposition", `attachment; filename="quassel-database-dump-${dateTime}.sql"`);
       res.header("Content-Type", "text/sql");
       res.header("Content-Length", buffer.byteLength.toString());
       res.send(buffer);

apps/frontend/src/hooks/useDownload.ts

@@ -82,10 +82,12 @@ export const useDownload = (fileUrl: string, fileName: string, response?: () =>
     setProgress(null);
 
     try {
-      const res = response ? response() : fetch(fileUrl);
-      const url = await handleResponse(await res);
+      const res = response ? await response() : await fetch(fileUrl);
+      const url = await handleResponse(res);
 
-      handleDownload(fileName, url);
+      const headerFileName = res.headers.get("content-disposition")?.match(/filename="(.+)"/)?.[1];
+
+      handleDownload(headerFileName || fileName, url);
     } catch (error) {
       setError(error);
     } finally {