feat : allow user to download their contributions

.vscode/settings.json

@@ -16,6 +16,7 @@
 		"mcversion",
 		"modid",
 		"Mojangstudios",
+		"nodebuffer",
 		"prisma",
 		"serversocket",
 		"stylelint",

package.json

@@ -25,6 +25,7 @@
 		"@types/unzipper": "^0.10.9",
 		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.0.0",
+		"jszip": "^3.10.1",
 		"next": "^14.2.5",
 		"next-auth": "5.0.0-beta.18",
 		"next-themes": "^0.3.0",

src/app/(pages)/(protected)/contribute/submit/contribution-panel.tsx

@@ -1,4 +1,4 @@
-import { startTransition, useEffect, useMemo, useState } from 'react';
+import { startTransition, useEffect, useMemo, useRef, useState } from 'react';
 
 import { Button, Checkbox, Divider, Group, Stack, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
@@ -63,6 +63,21 @@ export function ContributionPanel({ drafts, submitted, onUpdate }: ContributionP
 		});
 	};
 
+	const linkRef = useRef<HTMLAnchorElement>(null);
+	const handleContributionsDownload = async () => {
+		const response = await fetch(`/api/download/contributions/${author.id}`, { method: 'GET' });
+		const blob = await response.blob();
+		const url = window.URL.createObjectURL(blob);
+		const link = linkRef.current;
+
+		if (!link) return;
+
+		link.href = url;
+		link.download = 'contributions.zip';
+		link.click();
+		window.URL.revokeObjectURL(url);
+	};
+
 	const getBorderStyles = (c: ContributionWithCoAuthors | ContributionWithCoAuthorsAndPoll) => {
 		if (contributionToDelete.includes(c.id))
 			return { boxShadow: '0 0 10px var(--mantine-color-red-filled)' };
@@ -139,6 +154,22 @@ export function ContributionPanel({ drafts, submitted, onUpdate }: ContributionP
 						onMouseLeave={() => setHoveringSubmit(false)}
 					>
 						Submit {ready.length > 1 ? ready.length : ''} draft{ready.length > 1 ? 's' : ''}
+						<a ref={linkRef} style={{ display: 'none' }} />
+					</Button>
+
+					{windowWidth > BREAKPOINT_MOBILE_LARGE && (
+						<Divider orientation="vertical" size="sm" h={20} mt="auto" mb="auto" />
+					)}
+
+					<Button
+						variant="gradient"
+						gradient={gradient}
+						fullWidth={windowWidth <= BREAKPOINT_MOBILE_LARGE}
+						disabled={drafts.length === 0 && submitted.length === 0}
+						className={drafts.length === 0 && submitted.length === 0 ? 'button-disabled-with-bg' : undefined}
+						onClick={() => handleContributionsDownload()}
+					>
+						Download all contributions
 					</Button>
 
 					{windowWidth > BREAKPOINT_MOBILE_LARGE && (

src/app/api/download/contributions/[ownerId]/route.ts

@@ -0,0 +1,43 @@
+
+import { createReadStream } from 'fs';
+
+import { UserRole } from '@prisma/client';
+import JSZip from 'jszip';
+
+import { canAccess } from '~/lib/auth';
+import { FILE_PATH } from '~/lib/constants';
+import { db } from '~/lib/db';
+
+interface Params {
+	params: {
+		ownerId: string;
+	};
+}
+
+export async function GET(req: Request, { params: { ownerId } }: Params) {
+	await canAccess(UserRole.ADMIN, ownerId);
+
+	const contributions = await db.contribution.findMany({
+		where: { ownerId },
+		select: { file: true, filename: true, status: true, hash: true },
+	});
+
+	const zip = new JSZip();
+
+	for (const contribution of contributions) {
+		zip.file<'stream'>(
+			`${contribution.status}/${contribution.hash}_${contribution.filename}`,
+			createReadStream(`${FILE_PATH}/${contribution.file.replace('/files', '/')}`)
+		);
+	}
+
+	const zipFile = await zip.generateAsync({ type: 'nodebuffer' });
+
+	return new Response(zipFile, {
+		status: 200,
+		headers: {
+			'Content-Type': 'application/zip',
+		},
+	});
+
+}

src/lib/constants.ts

@@ -1,3 +1,5 @@
+import { join } from 'path';
+
 import { Resolution } from '@prisma/client';
 
 import type { MantineColor } from '@mantine/core';
@@ -29,3 +31,9 @@ export const RESOLUTIONS_COLORS: Record<Resolution, MantineColor> = {
 	[Resolution.x64]: 'yellow',
 };
 
+export const FILE_DIR = process.env.NODE_ENV === 'production'
+	? 'https://data.faithfulmods.net'
+	: '/files';
+export const FILE_PATH = process.env.NODE_ENV === 'production'
+	? '/var/www/html/data.faithfulmods.net'
+	: join(process.cwd(), './public/files');

src/server/actions/files.ts

@@ -8,6 +8,7 @@ import { join } from 'path';
 import unzipper from 'unzipper';
 
 import { MODS_LOADERS } from '~/lib/constants';
+import { FILE_DIR, FILE_PATH } from '~/lib/constants';
 import { db } from '~/lib/db';
 import { calculateHash } from '~/lib/hash';
 import { socket } from '~/lib/serversocket';
@@ -21,14 +22,6 @@ import { createTexture, findTexture } from '../data/texture';
 import type { ModVersion } from '@prisma/client';
 import type { MCModInfo, MCModInfoData, SocketModUpload } from '~/types';
 
-const FILE_DIR = process.env.NODE_ENV === 'production'
-	? 'https://data.faithfulmods.net'
-	: '/files';
-
-const FILE_PATH = process.env.NODE_ENV === 'production'
-	? '/var/www/html/data.faithfulmods.net'
-	: join(process.cwd(), './public/files');
-
 /**
  * Uploads a file to the server
  * @param file File to upload

src/server/data/contributions.ts

@@ -1,11 +1,7 @@
 'use server';
 import 'server-only';
 
-import {
-	Status,
-
-	UserRole,
-} from '@prisma/client';
+import { Status, UserRole } from '@prisma/client';
 
 import { canAccess } from '~/lib/auth';
 import { db } from '~/lib/db';