Simple Wikipedia Instant Search

\n Just a little demo to demonstrate instant search on Val Town.\n
\n Check out the\n source and build your own!\n

\n search\n \n

\n View Source\n\n \n\n\n`;\n\nexport default app.fetch.bind(app);","createdAt",["D",1730922808195],"version",70,"currentUserHasLiked","likeCount","forkCount",1,"referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_130":131,"_132":133},"handle","maxm","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","forkedVal","interval","slug","maxm/simpleWikipediaInstantSearch","description","Simple Wikipedia Instant Search A quick demo of getting fuzzy matching and instant search working on Val Town","versions",[142,145,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,301,305,309,313,317,321,325,329,333,337,341,345,349,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,416,419],{"_118":119,"_143":-5,"_116":144,"_113":111},"prId",["D",1730922808195],{"_118":146,"_143":-5,"_116":147,"_113":148},69,["D",1730914764493],"10411c80-9c66-11ef-8c39-de64eea55b61",{"_118":150,"_143":-5,"_116":151,"_113":152},68,["D",1730914736041],"ff4b8230-9c65-11ef-8a4f-de64eea55b61",{"_118":154,"_143":-5,"_116":155,"_113":156},67,["D",1730914719457],"f568cac0-9c65-11ef-b03c-de64eea55b61",{"_118":158,"_143":-5,"_116":159,"_113":160},66,["D",1730914676121],"db93eb98-9c65-11ef-ad3d-de64eea55b61",{"_118":162,"_143":-5,"_116":163,"_113":164},65,["D",1730914509541],"784a29d0-9c65-11ef-bae3-de64eea55b61",{"_118":166,"_143":-5,"_116":167,"_113":168},64,["D",1730914411992],"3e257a02-9c65-11ef-91bf-de64eea55b61",{"_118":170,"_143":-5,"_116":171,"_113":172},63,["D",1730914389786],"30e8beda-9c65-11ef-b2f1-de64eea55b61",{"_118":174,"_143":-5,"_116":175,"_113":176},62,["D",1730914240212],"d7c23c6e-9c64-11ef-ad3d-de64eea55b61",{"_118":178,"_143":-5,"_116":179,"_113":180},61,["D",1730914202320],"c12bc542-9c64-11ef-b6f9-de64eea55b61",{"_118":182,"_143":-5,"_116":183,"_113":184},60,["D",1730914118588],"8f43384e-9c64-11ef-a227-de64eea55b61",{"_118":186,"_143":-5,"_116":187,"_113":188},59,["D",1730914110696],"8a8eef82-9c64-11ef-ac8a-de64eea55b61",{"_118":190,"_143":-5,"_116":191,"_113":192},58,["D",1730914109342],"89c0ab40-9c64-11ef-a227-de64eea55b61",{"_118":194,"_143":-5,"_116":195,"_113":196},57,["D",1730914098190],"831b2522-9c64-11ef-94fa-de64eea55b61",{"_118":198,"_143":-5,"_116":199,"_113":200},56,["D",1730914097678],"82cd3830-9c64-11ef-9197-de64eea55b61",{"_118":202,"_143":-5,"_116":203,"_113":204},55,["D",1730914071942],"73770398-9c64-11ef-8bcf-de64eea55b61",{"_118":206,"_143":-5,"_116":207,"_113":208},54,["D",1730913958327],"2fbd2a7e-9c64-11ef-82a4-de64eea55b61",{"_118":210,"_143":-5,"_116":211,"_113":212},53,["D",1730913925687],"1c4885f6-9c64-11ef-8d98-de64eea55b61",{"_118":214,"_143":-5,"_116":215,"_113":216},52,["D",1730913869620],"fadd8ba0-9c63-11ef-92de-de64eea55b61",{"_118":218,"_143":-5,"_116":219,"_113":220},51,["D",1730913841991],"ea66c2d2-9c63-11ef-b5ae-de64eea55b61",{"_118":222,"_143":-5,"_116":223,"_113":224},50,["D",1730913733392],"a9abb9aa-9c63-11ef-92a2-de64eea55b61",{"_118":226,"_143":-5,"_116":227,"_113":228},49,["D",1730913708219],"9aa9e7c4-9c63-11ef-82a4-de64eea55b61",{"_118":230,"_143":-5,"_116":231,"_113":232},48,["D",1730913605930],"5db1b342-9c63-11ef-b058-de64eea55b61",{"_118":234,"_143":-5,"_116":235,"_113":236},47,["D",1730913542641],"3803b410-9c63-11ef-a17f-de64eea55b61",{"_118":238,"_143":-5,"_116":239,"_113":240},46,["D",1730913457604],"0548db22-9c63-11ef-a063-de64eea55b61",{"_118":242,"_143":-5,"_116":243,"_113":244},45,["D",1730913441450],"fba833ce-9c62-11ef-b9cc-de64eea55b61",{"_118":246,"_143":-5,"_116":247,"_113":248},44,["D",1730913408966],"e84cd168-9c62-11ef-b9cc-de64eea55b61",{"_118":250,"_143":-5,"_116":251,"_113":252},43,["D",1730912837301],"938eb052-9c61-11ef-8cc0-de64eea55b61",{"_118":254,"_143":-5,"_116":255,"_113":256},42,["D",1730912817613],"87d280ae-9c61-11ef-8c4d-de64eea55b61",{"_118":258,"_143":-5,"_116":259,"_113":260},41,["D",1730912815587],"869d1e42-9c61-11ef-b920-de64eea55b61",{"_118":262,"_143":-5,"_116":263,"_113":264},40,["D",1730912814413],"85e9c2f2-9c61-11ef-b920-de64eea55b61",{"_118":266,"_143":-5,"_116":267,"_113":268},39,["D",1730912811362],"8418cd06-9c61-11ef-b920-de64eea55b61",{"_118":270,"_143":-5,"_116":271,"_113":272},38,["D",1730912802062],"7e8d7490-9c61-11ef-abdf-de64eea55b61",{"_118":274,"_143":-5,"_116":275,"_113":276},37,["D",1730912731586],"548b72be-9c61-11ef-8088-de64eea55b61",{"_118":278,"_143":-5,"_116":279,"_113":280},36,["D",1730912558960],"eda76d0a-9c60-11ef-9bf9-de64eea55b61",{"_118":282,"_143":-5,"_116":283,"_113":284},35,["D",1730912502428],"cbf4db98-9c60-11ef-bd0d-de64eea55b61",{"_118":286,"_143":-5,"_116":287,"_113":288},34,["D",1730912426275],"9e912f26-9c60-11ef-92fe-de64eea55b61",{"_118":290,"_143":-5,"_116":291,"_113":292},33,["D",1730912420036],"9ad9a804-9c60-11ef-93c1-de64eea55b61",{"_118":294,"_143":-5,"_116":295,"_113":296},32,["D",1730912373514],"7f1e0330-9c60-11ef-b667-de64eea55b61",{"_118":298,"_143":-5,"_116":299,"_113":300},31,["D",1730912362374],"7879f002-9c60-11ef-9e3c-de64eea55b61",{"_118":302,"_143":-5,"_116":303,"_113":304},30,["D",1730912225315],"26c8b9aa-9c60-11ef-a436-de64eea55b61",{"_118":306,"_143":-5,"_116":307,"_113":308},29,["D",1730912217385],"220f09f0-9c60-11ef-921e-de64eea55b61",{"_118":310,"_143":-5,"_116":311,"_113":312},28,["D",1730912180999],"0c5f3580-9c60-11ef-b51a-de64eea55b61",{"_118":314,"_143":-5,"_116":315,"_113":316},27,["D",1730912175595],"092620fe-9c60-11ef-a436-de64eea55b61",{"_118":318,"_143":-5,"_116":319,"_113":320},26,["D",1730912163394],"01e0152a-9c60-11ef-91d3-de64eea55b61",{"_118":322,"_143":-5,"_116":323,"_113":324},25,["D",1730912157790],"fe89bb92-9c5f-11ef-9d6c-de64eea55b61",{"_118":326,"_143":-5,"_116":327,"_113":328},24,["D",1730912139831],"f3d4b382-9c5f-11ef-921e-de64eea55b61",{"_118":330,"_143":-5,"_116":331,"_113":332},23,["D",1730912135187],"f1101074-9c5f-11ef-adf4-de64eea55b61",{"_118":334,"_143":-5,"_116":335,"_113":336},22,["D",1730912127262],"ec56c352-9c5f-11ef-91d3-de64eea55b61",{"_118":338,"_143":-5,"_116":339,"_113":340},21,["D",1730912096431],"d9f86350-9c5f-11ef-a80c-de64eea55b61",{"_118":342,"_143":-5,"_116":343,"_113":344},20,["D",1730912088711],"d55c67ec-9c5f-11ef-94ba-de64eea55b61",{"_118":346,"_143":-5,"_116":347,"_113":348},19,["D",1730911999229],"a00656ca-9c5f-11ef-a3e4-de64eea55b61",{"_118":350,"_143":-5,"_116":351,"_113":352},18,["D",1730911906226],"68981e58-9c5f-11ef-a802-de64eea55b61",{"_118":354,"_143":-5,"_116":355,"_113":356},17,["D",1730911904013],"6745f926-9c5f-11ef-921e-de64eea55b61",{"_118":358,"_143":-5,"_116":359,"_113":360},16,["D",1730911901512],"65c89fa4-9c5f-11ef-a3e4-de64eea55b61",{"_118":362,"_143":-5,"_116":363,"_113":364},15,["D",1730911368483],"2812474c-9c5e-11ef-9fa0-de64eea55b61",{"_118":366,"_143":-5,"_116":367,"_113":368},14,["D",1730911365500],"264b767c-9c5e-11ef-a9aa-de64eea55b61",{"_118":370,"_143":-5,"_116":371,"_113":372},13,["D",1730911340704],"1783df80-9c5e-11ef-9675-de64eea55b61",{"_118":374,"_143":-5,"_116":375,"_113":376},12,["D",1730911285127],"f6632ff4-9c5d-11ef-b010-de64eea55b61",{"_118":378,"_143":-5,"_116":379,"_113":380},11,["D",1730911254882],"e45c4af2-9c5d-11ef-9955-de64eea55b61",{"_118":382,"_143":-5,"_116":383,"_113":384},10,["D",1730911235236],"d8a6b6c0-9c5d-11ef-9a21-de64eea55b61",{"_118":386,"_143":-5,"_116":387,"_113":388},9,["D",1730911219962],"cf8c6ae4-9c5d-11ef-b0e7-de64eea55b61",{"_118":390,"_143":-5,"_116":391,"_113":392},8,["D",1730911180039],"b7c1088e-9c5d-11ef-9955-de64eea55b61",{"_118":394,"_143":-5,"_116":395,"_113":396},7,["D",1730911074963],"791ed39a-9c5d-11ef-9a21-de64eea55b61",{"_118":398,"_143":-5,"_116":399,"_113":400},6,["D",1730911019146],"57da27ca-9c5d-11ef-b5c2-de64eea55b61",{"_118":402,"_143":-5,"_116":403,"_113":404},5,["D",1730911014180],"54e534ba-9c5d-11ef-be01-de64eea55b61",{"_118":406,"_143":-5,"_116":407,"_113":408},4,["D",1730910983694],"42b83a62-9c5d-11ef-ad51-de64eea55b61",{"_118":410,"_143":-5,"_116":411,"_113":412},3,["D",1730910976023],"3e260bbe-9c5d-11ef-b5c2-de64eea55b61",{"_118":90,"_143":-5,"_116":414,"_113":415},["D",1730910944945],"2ba033b6-9c5d-11ef-9fc4-de64eea55b61",{"_118":123,"_143":-5,"_116":417,"_113":418},["D",1730910778440],"c8618458-9c5c-11ef-9dfc-de64eea55b61",{"_118":31,"_143":-5,"_116":420,"_113":421},["D",1730910739864],"b1655766-9c5c-11ef-921d-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":429,"_430":431,"_94":432},"single","redirect","/v/maxm/simpleWikipediaInstantSearch/versions",{"_113":160,"_114":433,"_118":158,"_116":434,"_435":99,"_100":101,"_108":109,"_130":131,"_11":96,"_436":-5,"_437":-5,"_438":-5,"_426":26,"_136":137},"import Fuse from \"npm:fuse.js\";\nimport { Hono } from \"npm:hono@3.2.7\";\nimport _ from \"npm:lodash\";\n// https://gist.github.com/maxmcd/b170e57d53cb942642c35b135e2d52f1 (takes a bit of time to load)\nimport titlesFile from \"https://gist.githubusercontent.com/maxmcd/b170e57d53cb942642c35b135e2d52f1/raw/fa475f970726ef4ad0e3d258f8df1b95c05f3775/simple_wiki_titles.json\" with {\n type: \"json\",\n};\nconst app = new Hono();\n\nconst fuseOptions = {\n // Only search for prefixes to make things faster\n location: 0,\n threshold: 0,\n distance: 0,\n};\n\nconst fuse = new Fuse(titlesFile.titles, fuseOptions);\n\n// Search endpoint\napp.get(\"/search\", async (c) => {\n let query = c.req.query(\"q\");\n if (typeof query !== \"string\") {\n return c.text(\"Invalid query\", 400);\n }\n query = query.trim();\n const t0 = performance.now();\n const results = fuse.search(query).slice(0, 10).map((doc) => doc.item);\n return c.json(results, 200, { \"Time\": String(performance.now() - t0) });\n});\n\n// Serve the frontend\napp.get(\"/\", (c) => {\n return c.html(html);\n});\n\nconst html = `\n\n\n\n \n \n Simple Wikipedia Instant Search\n \n \n \n\n\n

Simple Wikipedia Instant Search

\n Just a little demo to demonstrate instant search on Val Town. Check out the\n source and build your own!\n

\n search\n \n

\n View Source\n\n \n\n\n`;\n\nexport default app.fetch.bind(app);",["D",1730914676121],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

simpleWikipediaInstantSearch

Version 66