ENCOA-295

src/pages/api/exam/media/instructions.ts

@@ -0,0 +1,36 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { withIronSessionApiRoute } from "iron-session/next";
+import { sessionOptions } from "@/lib/session";
+import axios from "axios";
+
+export default withIronSessionApiRoute(handler, sessionOptions);
+
+async function handler(req: NextApiRequest, res: NextApiResponse) {
+    if (req.method === "POST") return post(req, res);
+
+    return res.status(404).json({ ok: false });
+}
+
+async function post(req: NextApiRequest, res: NextApiResponse) {
+    if (!req.session.user) return res.status(401).json({ ok: false });
+
+    const response = await axios.post(
+        `${process.env.BACKEND_URL}/listening/instructions`,
+        req.body,
+        {
+            headers: {
+                Authorization: `Bearer ${process.env.BACKEND_JWT}`,
+                Accept: 'audio/mpeg'
+            },
+            responseType: 'arraybuffer',
+        }
+    );
+
+    res.writeHead(200, {
+        'Content-Type': 'audio/mpeg',
+        'Content-Length': response.data.length
+    });
+
+    res.end(response.data);
+    return;
+}

src/pages/generation.tsx

@@ -110,6 +110,10 @@ export default function Generation({ id, user, exam, examModule, permissions }:
 				}
 			});
 
+			if (state.listening.instructionsState.customInstructionsURL.startsWith('blob:')) {
+				URL.revokeObjectURL(state.listening.instructionsState.customInstructionsURL);
+			}
+
 			state.speaking.sections.forEach(section => {
 				const sectionState = section.state as Exercise;
 				if (sectionState.type === 'speaking') {