2e:null 2f:["$","title",null,{"children":"Playing with Datasette search for 24ways article | Simon Willison | Observable"}] 34:[] 32:{"id":"9df1c94de8ca85ef","slug":"playing-with-datasette-search-for-24ways-article","title":"Playing with Datasette search for 24ways article","thumbnail":"81d80ede24be1142796a1c823aee8fdafc3e958bf764108963065f5205f39655","access_level":"public","create_time":"$D2018-12-17T00:26:29.387Z","update_time":"$D2018-12-19T00:18:43.494Z","view_time":null,"first_public_time":"$D2018-12-18T22:57:19.386Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"3b974c2db4452cfc","login":"simonw","name":"Simon Willison","avatar_url":"https://avatars-next.observableusercontent.com/78a40181b372a172b86abe69479cab717df036b9cdcbaab5a197e45a76ffb4f3","tier":"starter_2024"},"version":46,"publish_version":46,"role":null,"authored":false,"authors":[{"type":"individual","id":"dc026342127b807b","login":"simonw","name":"Simon Willison","avatar_url":"https://avatars-next.observableusercontent.com/78a40181b372a172b86abe69479cab717df036b9cdcbaab5a197e45a76ffb4f3","tier":null}],"members":[{"type":"individual","id":"dc026342127b807b","login":"simonw","name":"Simon Willison","avatar_url":"https://avatars-next.observableusercontent.com/78a40181b372a172b86abe69479cab717df036b9cdcbaab5a197e45a76ffb4f3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"results = fetch(url).then(r => r.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"viewof search = text({\n title: \"Search term\",\n placeholder: \"Autocomplete!\"\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"html_escape = (s) => s.replace(\n />/g, '>'\n).replace(\n /