📖 Word Range Finder

\n setStartWord(e.target.value.toUpperCase())}\n />\n setEndWord(e.target.value.toUpperCase())}\n />\n \n

Results: {resultWords.length} words

\n {resultWords.map((word, index) => (\n

{word}

\n ))}\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === '/words') {\n const corpusResponse = await fetch('https://gist.githubusercontent.com/daemondevin/df09befaf533c380743bc2c378863f0c/raw/b79b0628e79766326cdd61cc52a7222b8e5ad49a/5-letter-words.txt');\n const corpusText = await corpusResponse.text();\n const words = corpusText.split('\\n').filter(word => word.trim().length === 5);\n return new Response(JSON.stringify(words), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n Word Range Finder\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody { \n font-family: system-ui, sans-serif; \n max-width: 600px; \n margin: 0 auto; \n padding: 20px;\n}\ninput { \n margin-right: 10px; \n padding: 5px; \n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/jrunning/wordRangeFinder/code/main.tsx","extension","actionData","errors"]