30:[] 2e:{"title":"Emoji hashing function","cells":[{"id":0,"value":"md`# Emoji hashing function\nGiven an input (login, id, etc.) return a consistent unique emoji. Useful for generating avatar images for anonymous users and for staring into your soul by inputting your own name.\n\nThanks to [Billy Roh](https://twitter.com/billyroh) for the idea, inspired by [iOS 14](https://www.macrumors.com/guide/messages/#group_chat_customizations).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":153,"value":"viewof input = text({ value: \"VISNUP\", title: \"Input\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"{\n const w = Math.min(width, 500);\n return svg``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":331,"value":"{\n const emoji = await emojiHash(input);\n return html`👉🏼 Learn about ${emoji} on Emojipedia`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":277,"value":"md`### emojiHash(*input*)\nReturn one of ${emoji.length.toLocaleString()} possible emojis. Always return the same emoji for any given input. Don’t read too much into what you get.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"async function emojiHash(input) {\n const index = (await digest(input)) % emoji.length;\n return emoji[index];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":76,"value":"emojiHash(input)","pinned":true,"hidden":false,"mode":"ojs"},{"id":272,"value":"md`### colorHash(*input*)\nReturn one of 10 pleasing background colors.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"async function colorHash(input) {\n return colors(await digest(input));\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":131,"value":"colorHash(input)","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"colors = d3.scaleSequential(t => `hsl(${t * 360 % 360}, 100%, 90%)`).domain([0, 10])","pinned":true,"hidden":false,"mode":"ojs"},{"id":266,"value":"md`### digest(*message*)\nTakes any text input and hashes it to a single unsigned integer by using [SubtleCrypto](https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest) [SHA-256 digest](https://en.wikipedia.org/wiki/SHA-2) and grabbing the first 4 bytes from that.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"async function digest(message) {\n const msgUint8 = new TextEncoder().encode(message);\n const hashBuffer = await crypto.subtle.digest(\"SHA-256\", msgUint8);\n return new DataView(hashBuffer).getUint32(); // first 4 bytes\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":147,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"import { text } from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"import { emoji } from '@jashkenas/every-emoji@115'","pinned":true,"hidden":false,"mode":"ojs"},{"id":133,"value":"d3 = require('d3-scale@3')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}