Made it so the Speaking is sent to the backend and saved to Firebase

src/pages/api/evaluate/speaking.ts

@@ -0,0 +1,46 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type {NextApiRequest, NextApiResponse} from "next";
+import {getFirestore, doc, getDoc} from "firebase/firestore";
+import {withIronSessionApiRoute} from "iron-session/next";
+import {sessionOptions} from "@/lib/session";
+import axios from "axios";
+import formidable from "formidable";
+import PersistentFile from "formidable/PersistentFile";
+import {getStorage, ref, uploadBytes} from "firebase/storage";
+import fs from "fs";
+
+export default withIronSessionApiRoute(handler, sessionOptions);
+
+async function handler(req: NextApiRequest, res: NextApiResponse) {
+	if (!req.session.user) {
+		res.status(401).json({ok: false});
+		return;
+	}
+
+	const storage = getStorage();
+
+	const form = formidable({keepExtensions: true, uploadDir: "./"});
+	form.parse(req, (err, fields, files) => {
+		const audioFile = (files.audio as unknown as PersistentFile[])[0];
+		const audioFileRef = ref(storage, `speaking_recordings/${(audioFile as any).newFilename}`);
+
+		const binary = fs.readFileSync((audioFile as any).filepath).buffer;
+		uploadBytes(audioFileRef, binary).then(async (snapshot) => {
+			const backendRequest = await axios.post(`${process.env.BACKEND_URL}/writing_task2`, req.body as Body, {
+				headers: {
+					Authorization: `Bearer ${process.env.BACKEND_JWT}`,
+				},
+			});
+
+			fs.rmSync((audioFile as any).filepath);
+		});
+	});
+
+	res.status(200).json({ok: true});
+}
+
+export const config = {
+	api: {
+		bodyParser: false,
+	},
+};