Svalboard Typing Practice

\n {pastWords.slice(0, 50).map((entry, index) => (\n \n ))}\n

\n );\n };\n\n const renderKeyStats = () => {\n const sortedKeys = Object.entries(keyStats).sort((a, b) =>\n (b[1].totalTime / b[1].count) - (a[1].totalTime / a[1].count)\n );\n\n return (\n \n {sortedKeys.map(([key, stats]) => {\n const avgTime = stats.totalTime / stats.count;\n return (\n \n

{key === \" \" ? \"Space\" : key === \"\\t\" ? \"Tab\" : key}

{avgTime.toFixed(3)}s

{stats.count}x

\n \n );\n })}\n \n );\n };\n\n return (\n

Current Exercise: {currentExercise.name}

\n {loading\n ?

\n : error\n ?

{error}

\n : highlightCurrentChar()}\n \n

Time: {currentTime.toFixed(1)} seconds

Average time per character: {averageTimePerChar.toFixed(3)} seconds

Total keypresses: {totalKeypresses}

Total time spent typing: {formatTime(totalTypingTime)}

\n \n {pastWords.map((entry, index) => (\n

\n {entry.word} ({entry.timePerChar.toFixed(3)} s/char)\n

\n ))}\n \n {renderGraph()}\n

\n {EXERCISE_TYPES.map((exercise, index) => (\n handleExerciseChange(exercise)}\n style={{\n padding: \"5px 10px\",\n backgroundColor: currentExercise === exercise ? \"#4CAF50\" : \"#f0f0f0\",\n color: currentExercise === exercise ? \"white\" : \"black\",\n border: \"none\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n }}\n >\n {exercise.name}\n \n ))}\n

\n \n \n

\n {renderKeyStats()}\n

\n View source\n

\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/generate-words\") {\n const keys = url.searchParams.get(\"keys\") || KEY_CATEGORIES.letters;\n const usedWords = new Set(url.searchParams.get(\"used\")?.split(\",\") || []);\n const exercise = url.searchParams.get(\"exercise\");\n\n const words = await import(\"https://esm.sh/an-array-of-english-words@2.0.0\");\n\n const filteredWords = words.default.filter(word =>\n word.length >= 3 && word.length <= 8\n && word.split(\"\").every(char => keys.includes(char))\n && !usedWords.has(word)\n );\n\n if (filteredWords.length < 2) {\n return new Response(JSON.stringify({ error: \"Not enough words available for the selected keys\" }), {\n status: 404,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n let word1 = filteredWords[Math.floor(Math.random() * filteredWords.length)];\n let word2 = filteredWords[Math.floor(Math.random() * filteredWords.length)];\n\n while (word2 === word1) {\n word2 = filteredWords[Math.floor(Math.random() * filteredWords.length)];\n }\n\n if (exercise !== \"letters\") {\n const symbolSet = (exercise === \"everything\")\n ? KEY_CATEGORIES.symbols + KEY_CATEGORIES.shiftSymbols + KEY_CATEGORIES.numbers + KEY_CATEGORIES.shiftNumbers\n : KEY_CATEGORIES.symbols + KEY_CATEGORIES.shiftSymbols;\n const addSymbol = (word: string) => {\n const symbol = symbolSet[Math.floor(Math.random() * symbolSet.length)];\n return Math.random() < 0.8 ? word : (Math.random() < 0.5 ? symbol + word : word + symbol);\n };\n word1 = addSymbol(word1);\n word2 = addSymbol(word2);\n }\n\n word1 = Math.random() < 0.5 ? word1.charAt(0).toUpperCase() + word1.slice(1) : word1;\n word2 = Math.random() < 0.5 ? word2.charAt(0).toUpperCase() + word2.slice(1) : word2;\n\n const separator = Math.random() < 0.8 ? \" \" : \"\\t\";\n const finalWords = `${word1}${separator}${word2}`;\n\n return new Response(JSON.stringify({ words: finalWords }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else if (url.pathname === \"/\" || url.pathname === \"\") {\n return new Response(\n `\n \n \n \n \n Svalboard Typing Practice\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n } else {\n return new Response(\"Not Found\", { status: 404 });\n }\n}\n\nconst css = `\nbody {\n margin: 0;\n background-color: #f0f0f0;\n font-family: Arial, sans-serif;\n}\ninput {\n margin: 10px 0;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/vprtwn/svaltown/code/main.tsx","extension","actionData","errors"]