fix: missing navigator object in server-side

packages/frontend/src/components/VDFtester.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-    import { N_ARRAY } from "src/const";
-    import { fade } from "svelte/transition";
-    import { UAParser } from 'ua-parser-js';
+	import {N_ARRAY} from "src/const";
+	import {fade} from "svelte/transition";
+	import {UAParser} from 'ua-parser-js';
+	import {onMount} from "svelte";
 
-    const ua = navigator ? navigator.userAgent : "";
-
-    const { browser } = UAParser(ua);
+	let browserInfo: null | string = null;
 
 	let bigintSupported = typeof BigInt !== 'undefined';
 
@@ -95,7 +94,7 @@
 	// 创建需要测试的 N 和难度的组合
 	N_ARRAY.forEach((n) => {
 		difficulties.forEach((difficulty) => {
-            testCombinations.push({ N: n, difficulty });
+			testCombinations.push({N: n, difficulty});
 		});
 	});
 
@@ -111,14 +110,14 @@
 		benchmarkResults = [];
 		currentTestIndex = 0;
 
-        const { N, difficulty } = testCombinations[currentTestIndex];
+		const {N, difficulty} = testCombinations[currentTestIndex];
 		const g = generateValidG(N);
 
-        let blob = new Blob([workerContent], { type: "text/javascript" });
+		let blob = new Blob([workerContent], {type: "text/javascript"});
 		worker = new Worker(window.URL.createObjectURL(blob));
 
 		worker.onmessage = (event) => {
-            const { type, N: resultNStr, difficulty: resultDifficultyStr, time, progress } = event.data;
+			const {type, N: resultNStr, difficulty: resultDifficultyStr, time, progress} = event.data;
 
 			const resultN = BigInt(resultNStr);
 			const resultDifficulty = BigInt(resultDifficultyStr);
@@ -128,7 +127,7 @@
 				currentN = resultN;
 				currentDifficulty = resultDifficulty;
 			} else if (type === "result") {
-                benchmarkResults = [...benchmarkResults, { N: resultN, difficulty: resultDifficulty, time }];
+				benchmarkResults = [...benchmarkResults, {N: resultN, difficulty: resultDifficulty, time}];
 				currentProgress = 0;
 				currentTestIndex++;
 
@@ -136,7 +135,7 @@
 					// 继续下一个测试组合
 					const nextTest = testCombinations[currentTestIndex];
 					const nextG = generateValidG(nextTest.N);
-                    worker?.postMessage({ g: nextG, N: nextTest.N, difficulty: nextTest.difficulty });
+					worker?.postMessage({g: nextG, N: nextTest.N, difficulty: nextTest.difficulty});
 				} else {
 					// 所有测试完毕
 					isBenchmarking = false;
@@ -149,7 +148,7 @@
 		};
 
 		// 开始第一个测试
-        worker.postMessage({ g, N, difficulty });
+		worker.postMessage({g, N, difficulty});
 	}
 
 	function getAccumulatedTime() {
@@ -163,6 +162,12 @@
 		}
 		return Number(speedSample.difficulty) / speedSample.time * 1000;
 	}
+
+	onMount(() => {
+		const ua = navigator ? navigator.userAgent : "";
+		const {browser} = UAParser(ua);
+		browserInfo = browser.name + " " + browser.version;
+	})
 </script>
 
 <div
@@ -216,7 +221,9 @@
 				速度是在 N = {speedSample.N.toString(2).length} bits, T = {speedSample.difficulty} 的测试中测量的.
 			</span>
 			<br/>
-            浏览器版本：{browser}
+			{#if browserInfo}
+				浏览器版本：{browserInfo}
+			{/if}
 		</p>
 		<table class="w-full text-sm text-left rtl:text-right mt-4">
 			<thead class="text-sm uppercase font-medium border-b border-outline dark:border-dark-outline">
@@ -254,21 +261,21 @@
 		<h2 class="text-lg font-medium">关于本页</h2>
 		<div class="text-sm text-on-surface-variant dark:text-dark-on-surface-variant">
 			<p>
-                这是一个性能测试页面，<br />
-                旨在测试我们的一个 VDF (Verifiable Delayed Function, 可验证延迟函数) 实现的性能。<br />
-                这是一个数学函数，它驱动了整个网站的验证码（CAPTCHA）。<br />
+				这是一个性能测试页面，<br/>
+				旨在测试我们的一个 VDF (Verifiable Delayed Function, 可验证延迟函数) 实现的性能。<br/>
+				这是一个数学函数，它驱动了整个网站的验证码（CAPTCHA）。<br/>
 				通过使用该函数，我们可以让您无需通过点选图片或滑动滑块既可完成验证， 同时防御我们的网站，使其免受自动程序的攻击。
-                <br />
+				<br/>
 			</p>
 			<p>
-                点击 <i>Start Benchmark</i> 按钮，会自动测试并展示结果。<br />
+				点击 <i>Start Benchmark</i> 按钮，会自动测试并展示结果。<br/>
 			</p>
 			<p>
 				你可以将结果发送至邮箱: <a href="mailto:contact@alikia2x.com">contact@alikia2x.com</a>
 				或 QQ：<a href="https://qm.qq.com/q/WS8zyhlcEU">1559913735</a>，并附上自己的设备信息
-                （例如，手机型号、电脑的 CPU 型号等）。<br />
-                我们会根据测试结果，优化我们的实现，使性能更优。<br />
-                感谢你的支持！<br />
+				（例如，手机型号、电脑的 CPU 型号等）。<br/>
+				我们会根据测试结果，优化我们的实现，使性能更优。<br/>
+				感谢你的支持！<br/>
 			</p>
 		</div>
 	</div>