\n {Object.entries(keywords).map(([keyword, count]) => (\n \n {keyword}\n \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 { blob } = await import(\"https://esm.town/v/std/blob\");\n \n if (request.url.endsWith(\"/keywords\")) {\n const keys = await blob.list(\"keywords_\");\n const allKeywords = [];\n \n for (const { key } of keys) {\n const keywordList = await blob.getJSON(key);\n allKeywords.push(...keywordList);\n }\n \n const keywordCounts = allKeywords.reduce((acc, keyword) => {\n acc[keyword] = (acc[keyword] || 0) + 1;\n return acc;\n }, {});\n \n return new Response(JSON.stringify(keywordCounts), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(`\n \n \n \n \n \n Keyword Word Cloud\n \n \n \n

Keyword Word Cloud

\n \n \n

\n \n View source: val.town\n \n

\n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f0f0f0;\n}\n\nh1 {\n text-align: center;\n}\n\n.word-cloud {\n text-align: center;\n padding: 20px;\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/vip/show_keyword_cloud/code/main.tsx","extension","actionData","errors"]