31:T467,viewof followingTable = Inputs.table(discoverable, { columns: ['avatar', 'url', 'display_name', 'note', 'created_at', 'last_status_at', 'followers_count', 'following_count'], format: { avatar: d => html`

`, url: d => html`⭷`, display_name: d => d, created_at: d => new Date(d).toLocaleDateString('en-US', {month:'short', year:'numeric', day: '2-digit'}), note: d => html`

${d}

`, last_status_at: d => new Date(d).toLocaleDateString('en-US', {month:'short', year:'numeric', day: '2-digit'}), }, header: { avatar: '', url: '', display_name: 'Name', created_at: 'Created', note: 'Description', last_status_at: 'Last post', followers_count: 'Followers', following_count: 'Following' }, width: { avatar: 35, url: 20, display_name: 120, created_at: 90, note: 500, followers_count: 70, following_count: 70 }, rows: 30, multiple: true, required: false })32:T69d,displayUser = (user) => { if (user) { return html`

${user.display_name}

${user.username}

${user.note}

` } else { return '' } }33:[{"id":"99fe554b9f35730f04ec10a1d2ed12841ef70c5fd3ce4897cf562aa8ac1881f1555c7ac270ea9c6986e37cf55d5a9951a97ebd599a1261b21d8ca98d2839f1a3","href":"https://static.observableusercontent.com/files/99fe554b9f35730f04ec10a1d2ed12841ef70c5fd3ce4897cf562aa8ac1881f1555c7ac270ea9c6986e37cf55d5a9951a97ebd599a1261b21d8ca98d2839f1a3","name":"discoverable.png","type":"image/png","lastModified":1672346825329.194,"size":163902},{"id":"21535106f71cb6eec1e5ca0e6119beb93552a13c78e532160eed0140593fde38657c612785c2b7350794292ee92c56164e74bc89917296aed018df6773fd2e18","href":"https://static.observableusercontent.com/files/21535106f71cb6eec1e5ca0e6119beb93552a13c78e532160eed0140593fde38657c612785c2b7350794292ee92c56164e74bc89917296aed018df6773fd2e18","name":"followingflow.png","type":"image/png","lastModified":1672149674985.351,"size":136413}] 2f:{"title":"Who to follow on mastodon","cells":[{"id":0,"value":"# Who to follow on mastodon","pinned":false,"hidden":false,"mode":"md"},{"id":394,"value":"- Pick an interesting person\n- See who they follow and select any you'd like to follow yourself\n- Download a CSV you can import in your mastodon settings and follow them all !","pinned":false,"hidden":false,"mode":"md"},{"id":262,"value":"viewof instance = Inputs.text({label: 'instance', value:'mastodon.social'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"viewof username = Inputs.text({label: 'username', value:'Test'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":503,"value":"viewof dummy_user = Inputs.button(htl.html`${username.trim()}@${instance.trim()}`, {value: null, reduce: ( ) => set(viewof input_user, {instance:instance, username:username})})","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"displayUser(user)","pinned":false,"hidden":false,"mode":"ojs"},{"id":419,"value":"md`**${user.display_name}** follows **${user.following_count == 1 ? '1 person' : user.following_count + ' people'}**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":425,"value":"viewof dummy_peek = Inputs.button(user ? htl.html`See who ${user.username} follows` : htl.html`😯`, {value: null, reduce: ( ) => set(viewof selected_user, {user: user, instance: input_user.instance})})","pinned":false,"hidden":false,"mode":"ojs"},{"id":604,"value":"error_message","pinned":false,"hidden":false,"mode":"ojs"},{"id":727,"value":"md`**${discoverable.length}** of **${following.length}** want to be **discovered** ^{see below for an explanation}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"{\n if (following) {\n return md`**Selected**: ${followingTable.length}`\n } else {\n return md``\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":353,"value":"downloadCSV(followingTable)","pinned":false,"hidden":false,"mode":"ojs"},{"id":725,"value":"Here's how you can import the CSV","pinned":false,"hidden":false,"mode":"md"},{"id":645,"value":"html`\n

\n \n

Where to upload this CSV

\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":721,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":720,"value":"**_Why aren't all accounts shown in the table?_**\n\nSome people **don't** want their names to appear in directories. Here's the option in settings where you can opt out:","pinned":false,"hidden":false,"mode":"md"},{"id":719,"value":"html`\n

\n \n

Where can I find the setting to make my account \"discoverable\"?

\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":417,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":707,"value":"## How the sausage gets made","pinned":false,"hidden":false,"mode":"md"},{"id":675,"value":"Check a user","pinned":false,"hidden":false,"mode":"md"},{"id":509,"value":"viewof input_user = {\n const element = md``;\n element.value = {instance: \"mastodon.social\", username: 'Test'};\n return element;}","pinned":false,"hidden":false,"mode":"ojs"},{"id":518,"value":"input_user","pinned":false,"hidden":false,"mode":"ojs"},{"id":512,"value":"checkProfile = (userInput) => {\n return d3.json(`https://${userInput.instance}/api/v1/accounts/lookup?acct=${userInput.username}`)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"user = checkProfile(input_user)","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":682,"value":"Check followings","pinned":false,"hidden":false,"mode":"md"},{"id":429,"value":"viewof selected_user = {\n const element = md``;\n element.value = {user: {id: \"963\"}, instance: 'mastodon.social'};\n return element;}","pinned":false,"hidden":false,"mode":"ojs"},{"id":532,"value":"selected_user","pinned":false,"hidden":false,"mode":"ojs"},{"id":310,"value":"getFollowingUrl = (instance, userID) => {\n return `https://${instance}/api/v1/accounts/${userID}/following?max_id` \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":233,"value":"async function getFollowingsPage(url) {\n const response = await fetch(url).then(response => {\n if (!response.ok) throw new Error(response.status);\n return response;\n })\n return response\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":286,"value":"getNext = (headers) => {\n const link = headers.get('link')\n if (link) {\n const pattern = /(?<=\\<)([^\\>]*)(?=\\>)/g\n const matches = link.match(pattern)\n if (matches.length > 1){\n return matches[0]\n } else {\n return null\n }\n } else {\n return null\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"async function getFollowing(input_user) {\n set(viewof error_message, md``)\n const instance = input_user.instance\n const userID = input_user.user.id\n let people = []\n let page\n let peoplePage\n try { \n const init = getFollowingUrl(instance, userID)\n console.log(init)\n page = await getFollowingsPage(init)\n peoplePage = await page.json()\n people = people.concat(peoplePage)\n let next = getNext(page.headers)\n if (next) {\n while (next) {\n console.log(next)\n page = await getFollowingsPage(next)\n peoplePage = await page.json()\n people = people.concat(peoplePage)\n next = getNext(page.headers)\n } \n return people\n } else {\n return people\n }\n }\n catch(e) {\n if (e.message == '401') {\n set(viewof error_message, md`oops... I can't see this info without authentication`) \n } else {\n set(viewof error_message, md`oops... there was an error`) \n }\n return people\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":330,"value":"following = {\n if (selected_user) {\n return getFollowing(selected_user) \n } else {\n return null\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":718,"value":"discoverable = following.filter(f => f.discoverable)","pinned":false,"hidden":false,"mode":"ojs"},{"id":601,"value":"viewof error_message = {\n const element = md``;\n element.value = null\n return element\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":703,"value":"Download csv","pinned":false,"hidden":false,"mode":"md"},{"id":351,"value":"downloadCSV = (users) => {\n const data = ['Account address,Show boosts,Notify on new posts,Languages'].concat(users.map(u => `${u.acct.includes('@') ? u.acct : `${u.acct}@${instance}`},true,false`)).join('\\n')\n return DOM.download(new Blob([data], {type: \"text/csv\"}), `who_to_follow_${user.username}`, 'Download a CSV to import on your mastodon')\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":665,"value":"Style","pinned":false,"hidden":false,"mode":"md"},{"id":135,"value":"html`\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":196,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":678,"value":"Helpers","pinned":false,"hidden":false,"mode":"md"},{"id":427,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}