31:[] 2f:{"title":"Playing with Datasette search for 24ways article","cells":[{"id":0,"value":"md`# Playing with Datasette search for 24ways article\n\nI wrote an article for the 24 ways advent calendar this year: [https://24ways.org/2018/fast-autocomplete-search-for-your-website/](https://24ways.org/2018/fast-autocomplete-search-for-your-website/)\n\nI used this notebook to build a prototype of the autocomplete search against my backend API.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"url = (\n \"https://search-24ways.herokuapp.com/24ways.json?sql=\" +\n encodeURIComponent(sql) +\n `&search=${encodeURIComponent(search)}&_shape=array`\n);","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"results = fetch(url).then(r => r.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"viewof search = text({\n title: \"Search term\",\n placeholder: \"Autocomplete!\"\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"html`\n

Results

\n ${results.map(r => `\n

${r.title}

${r.author} - ${r.year}

${highlight(r.snippet)}

\n `)}\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"function highlight(s) {\n s = html_escape(s);\n return s.replace(\n /b4de2a49c8/g, ''\n ).replace(\n /8c94a2ed4b/g, ''\n );\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"html_escape = (s) => s.replace(\n />/g, '>'\n).replace(\n /