2e:null 2f:["$","title",null,{"children":"Future of Coding Slack Archive | Steve Krouse | Observable"}] 34:[] 32:{"id":"bde7fff24df02c61","slug":"future-of-coding-slack-search","title":"Future of Coding Slack Archive","thumbnail":"954e7aac2f9445d2aef973a2b10147d723f0e4baa663c12a3f89058c481cfb60","access_level":"public","create_time":"$D2019-06-12T13:30:48.086Z","update_time":"$D2019-08-05T09:52:36.351Z","view_time":null,"first_public_time":"$D2019-06-12T14:05:26.793Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"ec73cbe9dd464889","login":"stevekrouse","name":"Steve Krouse","avatar_url":"https://avatars-next.observableusercontent.com/7f0bc1dcb16276798ee627433c8465fb4c12e51266644b3a3b153003ee5d6079","tier":"starter_2024"},"version":501,"publish_version":501,"role":null,"authored":false,"authors":[{"type":"individual","id":"637cfd46ffb8cc87","login":"stevekrouse","name":"Steve Krouse","avatar_url":"https://avatars-next.observableusercontent.com/7f0bc1dcb16276798ee627433c8465fb4c12e51266644b3a3b153003ee5d6079","tier":null}],"members":[{"type":"individual","id":"637cfd46ffb8cc87","login":"stevekrouse","name":"Steve Krouse","avatar_url":"https://avatars-next.observableusercontent.com/7f0bc1dcb16276798ee627433c8465fb4c12e51266644b3a3b153003ee5d6079","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Future of Coding Slack Archive","cells":[{"id":378,"value":"md`# Future of Coding Slack Archive`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"html`${ts ? renderMessage(messages.find(message => message.ts == ts)) : ``}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"md`# Search`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"viewof search = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"md`Viewing the results ${(page - 1) * 10 + 1} through ${page * 10} out of ${combinedSearchResult.length} total hits.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":410,"value":"viewof page = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"html`\n

\n \n ${combinedSearchResult.length ? combinedSearchResult.slice((page - 1) * 10, page * 10).map(renderMessage) : md`**No matches for _\"${search}\"_**`}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"md`\n## TODO \n\n* fuzzy text match\n* permalink with paperclip icon to another page\n * permalink for parent should pull all children\n * should pull messages above / above, and parents\n * way that replacing the beginning of Slack URL sends us here to a message\n- render reactions (available in export but not search data)\n- render message date, link to message ID here as permalink\n\n* /slack\n * should explain slack\n * Link doesn’t work on mobile\n * link to search (or include it in page), and include readme below\n* /reamde --> slack\n* update welcome slack message\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"ajaxSearchResult = (search && d3.json(`https://us-central1-future-of-coding.cloudfunctions.net/search?query=${search}`)) || []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"ajaxMatches = (ajaxSearchResult.messages && ajaxSearchResult.messages.matches.map(match => ({...match, ajax:true}))) || []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"exportSearchResult = (search && messages.filter(message => message.text && message.text.includes(search))) || []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"combinedSearchResult = ajaxMatches.concat(exportSearchResult.filter(message => !ajaxMatches.find(match => match.ts == message.ts)))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"axios = require('https://bundle.run/axios@0.19.0')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"slack_zip = axios.get(\"https://gist.githubusercontent.com/stevekrouse/fd2e70db41849946d5077a494f04349f/raw/f6f92551de6ffe4743e40f29f987258279487cc6/foc-slack-export.zip\", {responseType: 'blob'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"jszip = require(\"jszip@3.1.5/dist/jszip.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"archive = jszip.loadAsync(slack_zip.data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"channelFiles = Object.keys(archive.files).filter(name => name.endsWith(\".json\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"parse = file => {\n return archive.file(file).async(\"text\").then(JSON.parse).then(json => json.map(obj => ({...obj, channelName: file.split(\"/\")[0]})))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"parsedChannelFiles = Promise.all(channelFiles.map(parse))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"messages = parsedChannelFiles.reduce((a,b) => a.concat(b), [])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"users = archive.file(\"users.json\").async(\"text\").then(JSON.parse)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"ts = queryParams.substring(4) - 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"findUser = userID => {\n return users.find(user => user.id == userID)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"renderMessage = message => {\n return html`\n

\n ${displayTopLine(message.user, message.ts, message.username)}\n

${renderMessageText(message.text)}

`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":248,"value":"renderMessageText = messageText => md`${emoji.replace_colons(_.unescape(messageText)).replace(search, `${search}`).replace(/<@(.{9})>/g, (match, p1) => `@${findUser(p1).real_name}`)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"_ = require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"emojiJS = require(\"emoji-js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"emoji = {\n let e = new emojiJS()\n e.replace_mode = 'unified'\n return e\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"displayTopLine = (user, ts, username) => `

\n ${findUser(user) ? `

` : ``}\n ${findUser(user) ? findUser(user).real_name : username}\n \n \n ${new Date(ts * 1000).toLocaleString()}\n \n \n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"queryParams = html``.search","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"