Wikipedia Family Tree Crawler

\n {isLoading && (\n

\n )}\n \n Generations: {maxDepth}\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\nasync function server(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/stream\") {\n const wikiUrl = url.searchParams.get(\"url\");\n if (!wikiUrl) {\n return new Response(\"URL parameter is required\", { status: 400 });\n }\n\n const encoder = new TextEncoder();\n const stream = new ReadableStream({\n async start(controller) {\n for await (const data of crawlWikipedia(wikiUrl)) {\n controller.enqueue(encoder.encode(`data: ${JSON.stringify(data)}\\n\\n`));\n }\n controller.close();\n },\n });\n\n return new Response(stream, {\n headers: {\n \"Content-Type\": \"text/event-stream\",\n \"Cache-Control\": \"no-cache\",\n \"Connection\": \"keep-alive\",\n },\n });\n }\n\n return new Response(\n `\n \n \n \n \n \n Wikipedia Family Tree Crawler\n \n \n \n

\n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\n body, html {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: Arial, sans-serif;\n }\n #root {\n height: 100%;\n }\n h1 {\n margin-top: 0;\n }\n form {\n margin-bottom: 10px;\n }\n input {\n padding: 5px;\n font-size: 16px;\n }\n button {\n padding: 5px 10px;\n font-size: 16px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n }\n button:disabled {\n background-color: #cccccc;\n }\n .spinner {\n border: 4px solid #f3f3f3;\n border-top: 4px solid #3498db;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n }\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n`;\n\nconst cytoscapeStyle = [\n {\n selector: \"node\",\n style: {\n \"background-color\": \"#666\",\n \"label\": \"data(label)\",\n \"color\": \"#fff\",\n \"text-valign\": \"center\",\n \"text-halign\": \"center\",\n \"text-wrap\": \"wrap\",\n \"text-max-width\": \"100px\",\n \"font-size\": \"10px\",\n \"width\": \"label\",\n \"height\": \"label\",\n \"padding\": \"10px\",\n },\n },\n {\n selector: \"edge\",\n style: {\n \"width\": 2,\n \"line-color\": \"#ccc\",\n \"target-arrow-color\": \"#ccc\",\n \"target-arrow-shape\": \"triangle\",\n \"curve-style\": \"bezier\",\n },\n },\n];\n\nexport default server;","deleted","label","children",[],[154],"files",[152],"counts",{"_175":31,"_176":177,"_178":179,"_180":31},"pulls","branches",1,"forks",2,"envVars","contents",[183],{"_107":153,"_100":154,"_155":120,"_156":-5,"_157":141,"_158":140,"_159":113,"_109":184,"_104":161,"_162":163,"_164":165,"_166":27,"_167":-5,"_103":185},["D",1725287218351],[154],"file","upstreamProject",{"_107":189,"_100":190,"_116":-5,"_117":-5,"_114":115,"_21":191},"7511661a-27a8-11f0-9edc-569c3dd06744","emperorOfJapanCrawler",{"_98":99,"_136":137},"upstreamBranch",{"_107":144,"_109":194,"_195":196,"_100":42,"_142":189,"_104":197,"_143":-5,"_145":-5,"_198":199,"_111":-5,"_134":27,"_114":115,"_149":99,"_148":190},["D",1746226492053],"updatedAt",["D",1725204326880],3,"lockfileKey","1746243462811-esm.town_v_jdan_emperorOfJapanCrawler@3-main","emptyEnvVars","isNew","routes/_app.x.$handle.$name._index",{"_98":99,"_100":101,"_102":-7,"_104":-7,"_105":204,"_181":208,"_211":-7,"_212":213,"_216":-5,"_171":217,"_221":222},{"_107":108,"_100":101,"_109":205,"_111":-5,"_112":113,"_114":115,"_116":-5,"_117":-5,"_12":118,"_119":120,"_121":113,"_122":-5,"_123":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":27,"_21":206,"_138":207},["D",1746226490294],{"_98":99,"_136":137},{"_104":140,"_100":42,"_107":141,"_142":108,"_143":144,"_145":31,"_146":115,"_147":118,"_148":101,"_149":99},[209],{"_107":153,"_100":154,"_155":120,"_156":-5,"_157":141,"_158":140,"_159":113,"_109":184,"_104":161,"_162":163,"_164":165,"_166":27,"_167":-5,"_103":210},[154],"readme","upstream",{"_107":144,"_109":214,"_195":215,"_100":42,"_142":189,"_104":197,"_143":-5,"_145":-5,"_198":199,"_111":-5,"_134":27,"_114":115,"_149":99,"_148":190},["D",1746226492053],["D",1725204326880],"pull",[218],{"_107":153,"_100":154,"_155":120,"_156":-5,"_157":141,"_158":140,"_159":113,"_109":160,"_104":161,"_162":163,"_164":165,"_166":27,"_167":-5,"_168":219,"_103":220},[],[154],"previews",[218],"routes/_app","actionData","errors"]