2b:null 2c:["$","title",null,{"children":"Tweet-like view | Zev Youra | Observable"}] 31:T55f,viewTweet = (tweet) => { const timestamp = new Date(tweet.timestamp).toLocaleString(); const avatarUrl = tweet.avatar_url || 'https://abs.twimg.com/sticky/default_profile_images/default_profile_400x400.png'; return html`

${tweet.text}

${timestamp}

${tweet.retweet_count || 0} Retweets ${tweet.favorite_count || 0} Likes

`; }32:[] 2f:{"id":"edffb0af34ccf673","slug":"tweet-like-view","title":"Tweet-like view","thumbnail":"7ce7a4be3113175efcef720435981a4b4dea0dd204b12c035eb6bbf90dd2ddda","access_level":"public","create_time":"$D2018-10-05T21:55:34.091Z","update_time":"$D2018-10-05T23:35:13.954Z","view_time":null,"first_public_time":"$D2018-10-05T22:49:56.992Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"80a52c093fcb91a5","login":"zzzev","name":"Zev Youra","avatar_url":"https://avatars-next.observableusercontent.com/e46dd464d5c1b415fc4f637fee1048757ab80e9001f6117871bd08c8aff84009","tier":"starter_2024"},"version":141,"publish_version":141,"role":null,"authored":false,"authors":[{"type":"individual","id":"1b24aed4afb24eb1","login":"zzzev","name":"Zev Youra","avatar_url":"https://avatars-next.observableusercontent.com/e46dd464d5c1b415fc4f637fee1048757ab80e9001f6117871bd08c8aff84009","tier":null}],"members":[{"type":"individual","id":"1b24aed4afb24eb1","login":"zzzev","name":"Zev Youra","avatar_url":"https://avatars-next.observableusercontent.com/e46dd464d5c1b415fc4f637fee1048757ab80e9001f6117871bd08c8aff84009","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":3,"collection":{"id":"65991af1ecaf161c","slug":"ui-widgets","title":"UI Widgets / Infrastructure","owner":{"id":"80a52c093fcb91a5","login":"zzzev","name":"Zev Youra"}},"type":"notebook","body":{"title":"Tweet-like view","cells":[{"id":0,"value":"md`# Tweet-like view\n\nA simple helper function to render a tweet in a notebook. This doesn't perfectly duplicate an embedded tweet, but is close enough for some use cases.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":47,"value":"viewTweet(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"data = ({\n \"text\":\"News conference on the USMCA this morning at 11:00 - Rose Garden of White House.\",\n \"timestamp\":\"Mon Oct 01 12:08:26 +0000 2018\",\n \"retweet_count\":10225,\n \"favorite_count\":48195,\n \"id_str\":\"1046733574173544448\",\n \"author_name\":\"Donald J. Trump\",\n \"author_id\": \"realDonaldTrump\",\n \"avatar_url\": \"https://pbs.twimg.com/profile_images/874276197357596672/kUuht00m_400x400.jpg\",\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":96,"value":"md`## Usage\n\n import {viewTweet} from \"@zzzev/tweet-like-view\"\n viewTweet(data);\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"