30:Tc98,display_post = (post) => { return htl.html`

${html`${format_displayname(post.account)}`} @${post.account.username}

${html`${post.content}`}

${html`${display_media(post)}`}

` }31:[] 2e:{"title":"mastodon post","cells":[{"id":0,"value":"# mastodon post","pinned":false,"hidden":false,"mode":"md"},{"id":128,"value":"Render mastodon posts retrieved from the mastodon API.\n\nYou fetch a post","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"posts = d3.json(`https://mastodon.social/api/v1/trends/statuses?limit=1`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":132,"value":"And render it","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"display_post(posts[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"More examples at\n\n- [Trending at mastodon](https://observablehq.com/@mauforonda/trending-at-mastodon)\n- [What goes on in mastodon](https://observablehq.com/@mauforonda/what-goes-on-in-mastodon)","pinned":false,"hidden":false,"mode":"md"},{"id":112,"value":"To use:\n\n~~~js\nimport {display_post} from \"@mauforonda/mastodon-post\"\n~~~\n\n---","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":296,"value":"format_displayname = (account) => {\n let displayname = account.display_name\n account.emojis.forEach(e => {\n displayname = displayname.replace(`:${e.shortcode}:`, ` $\"${e.shortcode}\"$ `)\n })\n return displayname\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"format_time = (text) => {\n return d3.isoParse(text).toLocaleString('en-US', {minute:'numeric', hour:'numeric', day:'numeric', month:'long'})\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"display_media = (toot) => {\n let medias = []\n toot.media_attachments.map( m => {\n switch (m.type) {\n case \"image\":\n medias.push(html`

`)\n break;\n case \"video\":\n medias.push(html`

`)\n break;\n case \"gifv\":\n medias.push(html`

`)\n break;\n default:\n medias.push(html`

`)\n break\n }\n })\n return medias\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}