31:T4bb,32:[{"id":"1fb24566e0f7bb2966a2ca4ef913630ae3f7d0b3f863097e118ec27c29ca7216c531a6f3483c363d0046b84abda8186fbae2f60e502314b413e088a1db39ab83","href":"https://static.observableusercontent.com/files/1fb24566e0f7bb2966a2ca4ef913630ae3f7d0b3f863097e118ec27c29ca7216c531a6f3483c363d0046b84abda8186fbae2f60e502314b413e088a1db39ab83","name":"valid@1.json","type":"application/json","lastModified":1669936908063.592,"size":93573}] 2f:{"title":"Trending at Mastodon","cells":[{"id":181,"value":"

Trending at Mastodon

What's popular at different instances

","pinned":false,"hidden":false,"mode":"html"},{"id":82,"value":"viewof instance_search = Inputs.search(reporting_instances, {\n headers: {name: 'Instance', users: 'Users'},\n format: d => `${d} instances\\nthat publish trends`,\n placeholder: 'Search 🔍'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"viewof selected_instance = Inputs.table(instance_search, {\n columns: ['i', 'd'],\n header: {i: 'Instance', d: 'Description'},\n width: {i: 150},\n multiple: false,\n value: instance_search[0],\n format: {i: i => html`${i}`, d: d => html`${d}`},\n rows: 13.5\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"viewof dummy_peek = Inputs.button(selected_instance ? htl.html`Explore ${selected_instance.i}` : htl.html`😯`, {value: null, reduce: ( ) => set(viewof peek_instance, selected_instance)})","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"fetch_status","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"peek_timeline = {\n if (peek_instance != null) {\n return display_toots(toots)\n } else {\n return md``\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":320,"value":"Server list and helpers 🌱","pinned":false,"hidden":false,"mode":"md"},{"id":349,"value":"reporting_instances = FileAttachment(\"valid@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"wrap = (...elems) => {\n const div = document.createElement(\"div\");\n elems.forEach(el => div.appendChild(el));\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"viewof peek_instance = {const element = htl.html`

`;\n element.value = null;\n return element;}","pinned":false,"hidden":false,"mode":"ojs"},{"id":146,"value":"viewof fetch_status = {const element = htl.html`

`;\n element.value = md``;\n return element;}","pinned":false,"hidden":false,"mode":"ojs"},{"id":325,"value":"Posts and how to display them 🌱","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"toots = {\n if (peek_instance != null) {\n try {\n const response = await d3.json(`https://${peek_instance.i}/api/v1/trends/statuses`)\n if (response.length == 0) {\n display_status('negative')\n } else {\n display_status('positive')\n }\n return response\n } catch (e) {\n display_status('negative')\n return []\n }\n } else {\n return []\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"display_status = (status) => {\n if (status == 'positive') {\n set(viewof fetch_status, htl.html`

Trending at ${peek_instance.i} ✨ ...

`)\n } else {\n set(viewof fetch_status, htl.html`

I can't get posts from ${peek_instance.i} 😔

`)\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"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 \"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"},{"id":9,"value":"format_toot_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":15,"value":"display_toots = (toots) => {\n const html_toots = toots.map((toot) => {return display_post(toot)})\n return wrap(...html_toots)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":379,"value":"import {display_post} from \"@mauforonda/mastodon-post\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"$31","pinned":false,"hidden":false,"mode":"html"}],"files":"$W32","stdlib":"1","titling":"auto"}