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;","createdAt",["D",1725287218351],"version",45,"currentUserHasLiked","likeCount",4,"forkCount","referenceCount","dependencyCount","commentCount","prCount",1,"mergedPr",{"_130":131,"_132":133},"handle","jdan","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsV0d2bDdqQTdBMGNpY2REV082Q0daSDRlcCJ9","forkedVal",{"_112":136,"_130":131,"_98":137,"_117":90,"_138":-5},"6a316264-6876-11ef-a8b7-de64eea55b61","emperorOfJapanCrawler","prDisabledHint","interval","slug","jdan/infoboxCrawler","description","@jsxImportSource https://esm.sh/react","versions",[146,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,265,269,273,277,281,285,289,293,297,300,304,307,310],{"_117":118,"_147":-5,"_115":148,"_112":110},"prId",["D",1725287218351],{"_117":150,"_147":-5,"_115":151,"_112":152},44,["D",1725287146660],"3ea0ec20-6937-11ef-aa63-de64eea55b61",{"_117":154,"_147":-5,"_115":155,"_112":156},43,["D",1725287081148],"179488d0-6937-11ef-b1fb-de64eea55b61",{"_117":158,"_147":-5,"_115":159,"_112":160},42,["D",1725287047670],"03a04490-6937-11ef-ad25-de64eea55b61",{"_117":162,"_147":-5,"_115":163,"_112":164},41,["D",1725286990970],"e1d4c3e0-6936-11ef-86c5-de64eea55b61",{"_117":166,"_147":-5,"_115":167,"_112":168},40,["D",1725286959559],"cf1b75a0-6936-11ef-b380-de64eea55b61",{"_117":170,"_147":-5,"_115":171,"_112":172},39,["D",1725286931735],"be85f54e-6936-11ef-b380-de64eea55b61",{"_117":174,"_147":-5,"_115":175,"_112":176},35,["D",1725286203545],"0c7e3650-6935-11ef-bd86-de64eea55b61",{"_117":178,"_147":-5,"_115":179,"_112":180},34,["D",1725286142936],"e85ca5ae-6934-11ef-ac94-de64eea55b61",{"_117":182,"_147":-5,"_115":183,"_112":184},33,["D",1725286044078],"ad706e44-6934-11ef-98d0-de64eea55b61",{"_117":186,"_147":-5,"_115":187,"_112":188},32,["D",1725285983157],"892056da-6934-11ef-8aa0-de64eea55b61",{"_117":190,"_147":-5,"_115":191,"_112":192},31,["D",1725285911175],"5e38dc44-6934-11ef-b7a5-de64eea55b61",{"_117":194,"_147":-5,"_115":195,"_112":196},30,["D",1725285776825],"0e24b818-6934-11ef-9043-de64eea55b61",{"_117":198,"_147":-5,"_115":199,"_112":200},29,["D",1725285748401],"fd338c1e-6933-11ef-b868-de64eea55b61",{"_117":202,"_147":-5,"_115":203,"_112":204},28,["D",1725285728883],"f1913744-6933-11ef-8605-de64eea55b61",{"_117":206,"_147":-5,"_115":207,"_112":208},27,["D",1725285693930],"dcbc01fa-6933-11ef-aaed-de64eea55b61",{"_117":210,"_147":-5,"_115":211,"_112":212},26,["D",1725285530954],"7b984ffa-6933-11ef-8510-de64eea55b61",{"_117":214,"_147":-5,"_115":215,"_112":216},25,["D",1725285331901],"04f2be58-6933-11ef-8bef-de64eea55b61",{"_117":218,"_147":-5,"_115":219,"_112":220},24,["D",1725285273882],"e25ddf9e-6932-11ef-8d8d-de64eea55b61",{"_117":222,"_147":-5,"_115":223,"_112":224},23,["D",1725285223708],"c475dfcc-6932-11ef-9be3-de64eea55b61",{"_117":226,"_147":-5,"_115":227,"_112":228},22,["D",1725285191325],"b128a440-6932-11ef-9518-de64eea55b61",{"_117":230,"_147":-5,"_115":231,"_112":232},21,["D",1725285174469],"a71c5f96-6932-11ef-be1b-de64eea55b61",{"_117":234,"_147":-5,"_115":235,"_112":236},20,["D",1725285118009],"85754f42-6932-11ef-902c-de64eea55b61",{"_117":238,"_147":-5,"_115":239,"_112":240},19,["D",1725285054696],"5fb89c3c-6932-11ef-953d-de64eea55b61",{"_117":242,"_147":-5,"_115":243,"_112":244},18,["D",1725284934021],"17cb12f6-6932-11ef-b281-de64eea55b61",{"_117":246,"_147":-5,"_115":247,"_112":248},17,["D",1725284865341],"eedb3eca-6931-11ef-a830-de64eea55b61",{"_117":250,"_147":-5,"_115":251,"_112":252},16,["D",1725284740803],"a4a0384c-6931-11ef-953d-de64eea55b61",{"_117":254,"_147":-5,"_115":255,"_112":256},15,["D",1725284737812],"a2d7e712-6931-11ef-8e30-de64eea55b61",{"_117":258,"_147":-5,"_115":259,"_112":260},14,["D",1725284694881],"89412d4a-6931-11ef-953d-de64eea55b61",{"_117":262,"_147":-5,"_115":263,"_112":264},13,["D",1725284694284],"88e5ebd8-6931-11ef-99c8-de64eea55b61",{"_117":266,"_147":-5,"_115":267,"_112":268},12,["D",1725284531141],"27a87728-6931-11ef-83ee-de64eea55b61",{"_117":270,"_147":-5,"_115":271,"_112":272},11,["D",1725284462038],"fe7819ee-6930-11ef-b940-de64eea55b61",{"_117":274,"_147":-5,"_115":275,"_112":276},10,["D",1725284335023],"b2c314c2-6930-11ef-9987-de64eea55b61",{"_117":278,"_147":-5,"_115":279,"_112":280},9,["D",1725284235406],"7762de6c-6930-11ef-b81d-de64eea55b61",{"_117":282,"_147":-5,"_115":283,"_112":284},8,["D",1725284234806],"770746ce-6930-11ef-9987-de64eea55b61",{"_117":286,"_147":-5,"_115":287,"_112":288},7,["D",1725284202627],"63d8fe4e-6930-11ef-b506-de64eea55b61",{"_117":290,"_147":-5,"_115":291,"_112":292},6,["D",1725284122524],"341a8fce-6930-11ef-acea-de64eea55b61",{"_117":294,"_147":-5,"_115":295,"_112":296},5,["D",1725284080436],"1b0451f0-6930-11ef-9488-de64eea55b61",{"_117":121,"_147":-5,"_115":298,"_112":299},["D",1725283691626],"334490a0-692f-11ef-8a62-de64eea55b61",{"_117":301,"_147":-5,"_115":302,"_112":303},3,["D",1725283667763],"250b8232-692f-11ef-8f69-de64eea55b61",{"_117":90,"_147":-5,"_115":305,"_112":306},["D",1725283328079],"5a93aa84-692e-11ef-b678-de64eea55b61",{"_117":127,"_147":-5,"_115":308,"_112":309},["D",1725283130161],"e49bc6ea-692d-11ef-b678-de64eea55b61",{"_117":31,"_147":-5,"_115":311,"_112":312},["D",1725283090389],"cce72364-692d-11ef-963a-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.pulls._index",{"_95":96,"_94":320,"_130":131,"_142":143,"_98":99,"_411":31,"_412":127,"_50":51,"_413":414},{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":66,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":321,"_117":118,"_119":26,"_120":121,"_122":90,"_123":31,"_124":31,"_125":31,"_126":127,"_128":-5,"_20":322,"_134":323,"_139":-7,"_140":141,"_142":143,"_144":324},["D",1725287218351],{"_130":131,"_132":133},{"_112":136,"_130":131,"_98":137,"_117":90,"_138":-5},[325,327,329,331,333,335,337,339,341,343,345,347,349,351,353,355,357,359,361,363,365,367,369,371,373,375,377,379,381,383,385,387,389,391,393,395,397,399,401,403,405,407,409],{"_117":118,"_147":-5,"_115":326,"_112":110},["D",1725287218351],{"_117":150,"_147":-5,"_115":328,"_112":152},["D",1725287146660],{"_117":154,"_147":-5,"_115":330,"_112":156},["D",1725287081148],{"_117":158,"_147":-5,"_115":332,"_112":160},["D",1725287047670],{"_117":162,"_147":-5,"_115":334,"_112":164},["D",1725286990970],{"_117":166,"_147":-5,"_115":336,"_112":168},["D",1725286959559],{"_117":170,"_147":-5,"_115":338,"_112":172},["D",1725286931735],{"_117":174,"_147":-5,"_115":340,"_112":176},["D",1725286203545],{"_117":178,"_147":-5,"_115":342,"_112":180},["D",1725286142936],{"_117":182,"_147":-5,"_115":344,"_112":184},["D",1725286044078],{"_117":186,"_147":-5,"_115":346,"_112":188},["D",1725285983157],{"_117":190,"_147":-5,"_115":348,"_112":192},["D",1725285911175],{"_117":194,"_147":-5,"_115":350,"_112":196},["D",1725285776825],{"_117":198,"_147":-5,"_115":352,"_112":200},["D",1725285748401],{"_117":202,"_147":-5,"_115":354,"_112":204},["D",1725285728883],{"_117":206,"_147":-5,"_115":356,"_112":208},["D",1725285693930],{"_117":210,"_147":-5,"_115":358,"_112":212},["D",1725285530954],{"_117":214,"_147":-5,"_115":360,"_112":216},["D",1725285331901],{"_117":218,"_147":-5,"_115":362,"_112":220},["D",1725285273882],{"_117":222,"_147":-5,"_115":364,"_112":224},["D",1725285223708],{"_117":226,"_147":-5,"_115":366,"_112":228},["D",1725285191325],{"_117":230,"_147":-5,"_115":368,"_112":232},["D",1725285174469],{"_117":234,"_147":-5,"_115":370,"_112":236},["D",1725285118009],{"_117":238,"_147":-5,"_115":372,"_112":240},["D",1725285054696],{"_117":242,"_147":-5,"_115":374,"_112":244},["D",1725284934021],{"_117":246,"_147":-5,"_115":376,"_112":248},["D",1725284865341],{"_117":250,"_147":-5,"_115":378,"_112":252},["D",1725284740803],{"_117":254,"_147":-5,"_115":380,"_112":256},["D",1725284737812],{"_117":258,"_147":-5,"_115":382,"_112":260},["D",1725284694881],{"_117":262,"_147":-5,"_115":384,"_112":264},["D",1725284694284],{"_117":266,"_147":-5,"_115":386,"_112":268},["D",1725284531141],{"_117":270,"_147":-5,"_115":388,"_112":272},["D",1725284462038],{"_117":274,"_147":-5,"_115":390,"_112":276},["D",1725284335023],{"_117":278,"_147":-5,"_115":392,"_112":280},["D",1725284235406],{"_117":282,"_147":-5,"_115":394,"_112":284},["D",1725284234806],{"_117":286,"_147":-5,"_115":396,"_112":288},["D",1725284202627],{"_117":290,"_147":-5,"_115":398,"_112":292},["D",1725284122524],{"_117":294,"_147":-5,"_115":400,"_112":296},["D",1725284080436],{"_117":121,"_147":-5,"_115":402,"_112":299},["D",1725283691626],{"_117":301,"_147":-5,"_115":404,"_112":303},["D",1725283667763],{"_117":90,"_147":-5,"_115":406,"_112":306},["D",1725283328079],{"_117":127,"_147":-5,"_115":408,"_112":309},["D",1725283130161],{"_117":31,"_147":-5,"_115":410,"_112":312},["D",1725283090389],"page","count","prs",[415],{"_112":416,"_142":417,"_115":418,"_419":420,"_422":423},"753ca1fa-6952-11ef-ae54-de64eea55b61","Add descendants, max depth, three examples ",["D",1725298834691],"targetVal",{"_112":101,"_98":99,"_130":131,"_132":133,"_421":131},"username","forkVal",{"_112":424,"_98":99,"_130":425,"_132":426,"_421":425},"579aa810-6950-11ef-825b-de64eea55b61","stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","routes/_app","actionData","errors"]