some bug fixes for exam

Co-authored-by: Copilot <copilot@github.com>

Author: Specy

package-lock.json

@@ -23,7 +23,7 @@
         "@fontsource/fira-mono": "^5.2.7",
         "@specy/mips": "^1.2.8",
         "@specy/risc-v": "^1.0.8",
-        "@specy/s68k": "^1.3.0",
+        "@specy/s68k": "^1.3.1",
         "@specy/x86": "^2.0.5",
         "@sveltejs/vite-plugin-svelte": "^6.2.4",
         "@xterm/xterm": "^6.0.0",

package.json

@@ -6,6 +6,7 @@
     import FaCheckCircle from 'svelte-icons/fa/FaCheckCircle.svelte'
     import FaRegCircle from 'svelte-icons/fa/FaRegCircle.svelte'
     import { onMount } from 'svelte'
+    import type { FullAutoFill } from 'svelte/elements'
     type statusType = '' | 'correct' | 'wrong'
 
     interface Props {
@@ -19,6 +20,7 @@
         focus?: boolean
         hideStatus?: boolean
         el?: HTMLInputElement
+        autoComplete?: FullAutoFill
     }
 
     let {
@@ -30,6 +32,7 @@
         placeholder = '',
         focus = false,
         hideStatus = true,
+        autoComplete,
         wrapperStyle,
         el = $bindable()
     }: Props = $props()
@@ -51,6 +54,7 @@
     <div class="input-row" {style}>
         <input
             spellcheck="false"
+            autocomplete={autoComplete}
             bind:value
             class="form-input"
             use:setType

src/components/shared/input/Input.svelte

@@ -14,7 +14,7 @@ const instances = {
     MIPS: null as Promise<typeof MIPSEmulator> | null,
     X86: null as Promise<typeof X86Emulator> | null, //X86Emulator2['create']
     'RISC-V': null as Promise<typeof RISCVEmulator> | null,
-    'RISC-V-64': null as Promise<typeof RISCVEmulator> | null,
+    'RISC-V-64': null as Promise<typeof RISCVEmulator> | null
 }
 
 function loadEmulator(type: AvailableLanguages) {
@@ -24,7 +24,9 @@ function loadEmulator(type: AvailableLanguages) {
         } else if (type === 'MIPS') {
             instances[type] = import('./MIPS/MIPSEmulator.svelte').then((i) => i.MIPSEmulator)
         } else if (type === 'RISC-V' || type === 'RISC-V-64') {
-            instances['RISC-V'] = import('./RISC-V/RISC-VEmulator.svelte').then((i) => i.RISCVEmulator)
+            instances['RISC-V'] = import('./RISC-V/RISC-VEmulator.svelte').then(
+                (i) => i.RISCVEmulator
+            )
             instances['RISC-V-64'] = instances['RISC-V']
         } else if (type === 'X86') {
             instances[type] = import('./X86/X86Emulator.svelte').then((i) => i.X86Emulator)
@@ -45,3 +47,12 @@ export async function GenericEmulator<T extends AvailableLanguages>(
     const emulator = await loadEmulator(type)
     return emulator!(baseCode, options)
 }
+
+export function preloadAllEmulators() {
+    return Promise.all([
+        loadEmulator('M68K'),
+        loadEmulator('MIPS'),
+        loadEmulator('RISC-V'),
+        loadEmulator('X86')
+    ])
+}

src/lib/languages/Emulator.ts

@@ -31,7 +31,7 @@
         type OpenQuestionAnswer,
         type OpenQuestionSection
     } from '$lib/exam'
-    import { makeHash } from '$lib/utils'
+    import { makeHash, textDownloader } from '$lib/utils'
     import { toast } from '$stores/toastStore'
     import { Prompt } from '$stores/promptStore.svelte'
     import { onMount } from 'svelte'
@@ -42,6 +42,7 @@
     import FaBook from 'svelte-icons/fa/FaBook.svelte'
     import ExamReviewAgentSidebar from '$cmp/specific/exam/ExamReviewAgentSidebar.svelte'
     import SparklesIcon from '$cmp/shared/agent/SparklesIcon.svelte'
+    import { preloadAllEmulators } from '$lib/languages/Emulator'
 
     let exam = $state<ExamPayload | null>(null)
     let sections = $state([] as ExamSection[])
@@ -470,6 +471,7 @@
 
     onMount(() => {
         loadExam()
+        preloadAllEmulators()
 
         const intervalId = setInterval(() => {
             now = Date.now()
@@ -518,6 +520,7 @@
                 <p>The exam was paused because you left fullscreen or changed tab.</p>
                 <Row gap="1rem">
                     <Input
+                        autoComplete="one-time-code"
                         type="password"
                         placeholder="Unlock password"
                         bind:value={unlockPasswordInput}
@@ -532,10 +535,11 @@
 
         {#if examDisabled && submissionUrl}
             <div class="overlay">
-                <h1 class="loading">Exam submitted</h1>
-                <p>The submission link is in your clipboard.</p>
+                <h1 class="loading">Exam Finished</h1>
+                <p>The submission link is in your clipboard. You can now share the submission link. You can also copy it again if needed.</p>
                 <Row gap="1rem">
                     <Input
+                        autoComplete="one-time-code"
                         type="password"
                         placeholder="Unlock password"
                         bind:value={unlockPasswordInput}
@@ -549,6 +553,13 @@
                     }}
                 >
                     Copy submission link again
+                </Button>
+                    <Button
+                    onClick={async () => {
+                        textDownloader(submissionUrl, `${examSubmission.name}-${examSubmission.hash}-submission-link.txt`)
+                    }}
+                >
+                    Download submission
                 </Button>
                 <Card padding="1rem 2rem" background="tertiary">
                     <Header type="h2">{examSubmission.name} ({examSubmission.hash})</Header>