Hi

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_211":212,"_213":214},"routes/_app.x.$handle.$name",{"_117":116,"_34":61,"_125":103,"_29":126,"_13":14,"_127":-5,"_11":128,"_129":130,"_131":132,"_133":134,"_135":136,"_23":-5,"_137":138,"_139":140,"_141":27,"_142":143,"_144":27,"_145":-5,"_146":-5,"_147":148},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_59":60,"_34":61,"_38":62,"_63":-5,"_64":27,"_65":66,"_67":66,"_68":-5,"_69":-5,"_18":70,"_71":-5,"_72":27,"_73":-5,"_74":-5,"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":-5,"_86":87,"_88":87,"_89":90,"_91":90,"_92":90,"_93":87,"_94":87,"_95":96,"_97":98,"_99":100,"_101":27},"version",1,"changes",[19,20,21,22],"aiChatInfo","userId",{"_23":54,"_25":-7,"_26":27,"_28":27,"_29":55,"_31":55},{"_23":48,"_25":-7,"_26":27,"_28":27,"_29":49,"_31":49},{"_23":43,"_25":-7,"_26":27,"_28":27,"_29":44,"_31":44},{"_23":24,"_25":-7,"_26":27,"_28":27,"_29":30,"_31":30},"file",{"_32":33,"_34":30,"_35":23,"_36":37,"_38":39,"_40":14,"_41":42,"_26":27},"previous","deleted",false,"deletedHere","path","index.html","latestPath","fileId","a3146236-a82f-4d14-9d01-4709993cea0e","name","fileType","content","\n \n Hi\n \n","createdAt",["D",1751816148027],"branchVersion","branchId","e3af5394-5a7e-11f0-918f-f69ea79377d9",{"_32":45,"_34":44,"_35":23,"_36":46,"_38":47,"_40":14,"_41":42,"_26":27},"foo.json","4998e62f-e5c4-42de-b9bc-454de664ccda","{\n \"test\": true\n}",["D",1751816148027],{"_32":50,"_34":49,"_35":51,"_36":52,"_38":53,"_40":14,"_41":42,"_26":27},"watcher.tsx","17adf011-08cc-40dc-b65e-e8b55229861e","interval","import { email } from \"https://esm.town/v/std/email?v=13\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite2?v=1\";\nimport { AtpAgent, AtpSessionData, AtpSessionEvent } from \"npm:@atproto/api\";\nimport diff from \"npm:fast-diff@1.3.0\";\n\nexport default async function() {\n // Configure a connection to the server.\n const agent = new AtpAgent({\n service: \"https://bsky.social\",\n persistSession: (evt: AtpSessionEvent, sess?: AtpSessionData) => {\n // store the session-data for reuse\n },\n });\n\n // Log in with my identifier and app password\n await agent.login({\n identifier: Deno.env.get(\"BLUESKY_IDENTIFIER\"),\n password: Deno.env.get(\"BLUESKY_APP_PASSWORD\"),\n });\n\n let follows: any[] = [];\n let cursor: string | undefined = undefined;\n let pagesFetched = 0;\n\n let seenDids = new Set();\n\n // Supports up to 5,000 (100*50) follows, stopping there to try\n // and avoid rate limits. These APIs have pretty low limits, sound off here\n // https://github.com/bluesky-social/atproto/discussions/3356\n outerLoop: for (let i = 0; i < 20; i++) {\n // @ts-ignore\n const page = await agent.getFollows({\n actor: agent.session.did,\n cursor,\n // This is the maximum limit for a page, I tested higher values.\n limit: 100,\n });\n\n if (page.data.follows.length === 0) {\n break;\n }\n\n for (let f of page.data.follows) {\n if (seenDids.has(f.did)) {\n console.error(`Seen dids repeats: ${f.did}`);\n break outerLoop;\n }\n seenDids.add(f.did);\n }\n\n follows = follows.concat(page.data.follows);\n cursor = page.data.cursor;\n console.log(`CURSOR: ${cursor}`);\n // Take time between each page to avoid hammering bluesky too much\n await new Promise(resolve => setTimeout(resolve, 100));\n pagesFetched++;\n console.log(`${pagesFetched} PAGES FETCHED`);\n }\n\n console.log(`${pagesFetched} PAGES FETCHED`);\n console.log(`${follows.length} PROFILES FETCHED`);\n\n type R = {\n did: string;\n handle: string;\n display_name: string;\n description: string;\n };\n\n type Change = {\n title: string;\n before: string;\n after: string;\n };\n\n type Report = {\n did: string;\n avatar: string;\n handle: string;\n changes: Change[];\n };\n\n // TODO: include updated too?\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS follows (did TEXT PRIMARY KEY, handle TEXT, display_name TEXT, description TEXT)`,\n );\n\n const existingProfilesRows = await sqlite.execute(\"SELECT * from follows;\").then(r => r.rows as unknown as R[]);\n const existingProfiles = new Map(existingProfilesRows.map(r => [r.did, r]));\n let firstRun = existingProfilesRows.length === 0;\n let reports: Report[] = [];\n\n for (const profile of follows) {\n const existing = existingProfiles.get(profile.did);\n\n let changes: Change[] = [];\n\n // Description can be undefined, which breaks libsql\n if (!profile.description) profile.description = \"\";\n if (!profile.displayName) profile.displayName = \"\";\n\n if (existing) {\n if (existing.handle !== profile.handle) {\n changes.push({\n title: \"Changed handle\",\n before: existing.handle,\n after: profile.handle,\n });\n }\n if (existing.description !== profile.description) {\n changes.push({\n title: \"Changed description\",\n before: existing.description,\n after: profile.description,\n });\n }\n if (existing.display_name !== profile.displayName) {\n changes.push({\n title: \"Changed display name\",\n before: existing.display_name,\n after: profile.displayName,\n });\n }\n if (changes.length) {\n await sqlite.execute({\n sql: \"UPDATE follows SET handle = ?, display_name = ?, description = ? WHERE did = ?\",\n // Exception to the standard ordering because where clause is at the end.\n args: [profile.handle, profile.displayName, profile.description, profile.did],\n });\n }\n } else {\n await sqlite.execute({\n sql: \"INSERT INTO follows (did, handle, display_name, description) VALUES (?, ?, ?, ?)\",\n args: [profile.did, profile.handle, profile.displayName, profile.description],\n });\n }\n\n if (changes.length) {\n reports.push({\n did: profile.did,\n avatar: profile.avatar,\n handle: profile.handle,\n changes,\n });\n }\n }\n\n const userBlockStyle = `padding:5px;background-color:#fff;border:1px solid #E0E0E0;border-radius: 2px;`;\n const blockBg = \"#FDFCFD\";\n\n if (reports.length) {\n console.log(`BUILDING ${reports.length} REPORTS`);\n\n let html =\n `

Here are your updates from the people you follow on Bluesky! This is sent from this val on Val Town.

`;\n\n let first = true;\n let i = 0;\n\n for (let report of reports) {\n console.log(`${++i} REPORT`);\n html += `\n

\n \n ${report.handle}

`;\n for (let change of report.changes) {\n const parts = diff(change.before, change.after);\n html += `

${change.title}

`;\n for (let [type, text] of parts) {\n switch (type) {\n case diff.DELETE: {\n html += `${text}`;\n break;\n }\n case diff.INSERT: {\n html += `${text}`;\n break;\n }\n case diff.EQUAL: {\n html += `${text}`;\n break;\n }\n }\n }\n html += `

`;\n html += `\n

Before

${change.before}

After

${change.after}

\n `;\n first = false;\n }\n html += \"

\";\n }\n\n console.log(\"SENDING REPORT\");\n\n await email(\n {\n subject: `${reports.length} updates from your Bluesky community`,\n html,\n },\n );\n\n console.log(\"SENT REPORT\");\n }\n\n console.log(\"SUCCESS!\");\n}",["D",1751816148027],{"_32":56,"_34":55,"_35":23,"_36":57,"_38":58,"_40":14,"_41":42,"_26":27},"README.md","0d0890c5-2733-4218-aac6-0a434a388982","# Bluesky ThinkUp Tribute: get updates on when the people you follow update their Bluesky profiles\n\n_It's a tool that sends a daily email that shows everyone who you follow on Bluesky who has updated their profile in the last day. You can Remix it on Val Town (this website), tweak a few environnment variables, and it'll be yours!_ Here's what an email looks like with a person's description update:\n\n![CleanShot 2025-05-16 at 14.12.46@2x.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/bf137c7d-be26-4bc8-ff5e-78399c22b200/public)\n\n## Setup\n\n1. Click **Remix**\n2. Create an app password for Bluesky. On Bluesky, go to **Settings**, **App passwords**, then **Add app password**, and copy the generated password.\n3. Back on Val Town, click on **Environment variables** on the left. Next to `BLUESKY_APP_PASSWORD`, click the pencil to edit it and paste in the app password.\n4. Next to `BLUESKY_IDENTIFIER`, click the pencil and write your Bluesky identifier. That might be `yourname.bsky.social` or if you have a custom handle, `yourcustomdomain.com`\n5. You should be good to go, and you'll get an email once a day! You can tweak how often this searches and sends by going to **watcher.tsx** on the left side, clicking **Cron** and tweaking the expression there. You can use [this website](https://stevekrouse--434a3abc16f511f093f2569c3dd06744.web.val.run/) to generate that cron string if you don't know the syntax.\n6. Click **Run** to test the val for the first time. The first time this runs, it won't send an email because it will be seeing profiles for the first time and not seeing changes.\n\n## Story\n\nI was an avid user of [ThinkUp](https://www.thinkupapp.com/), a tool that connected to Twitter and sent me a daily email with profile updates from all the people I followed. I found it useful in work and for fun. Maybe one of my friends switched jobs or changed their username to something goofy or political. I want to know! In the distant past Facebook would include profile updates in the newsfeed: why not that for Twitter? ThinkUp did some other cool stuff, like providing full archives of Tweets in a more convenient format than Twitter did themselves.\n\nBut Twitter [is bad now](https://macwright.com/2025/03/04/twitter-eol) and ThinkUp [shut down in 2016](https://www.thinkupapp.com/) because [the APIs that they were relying on from Twitter, Facebook, and Instagram were all locked down and limited](https://medium.com/@anildash/the-end-of-thinkup-e600bc46cc56). How disappointing.\n\nBut there's a new social network in town, [Bluesky](https://bsky.app/), and it's ~~impossible~~ somewhat more difficult to corrupt and enshittify than those networks were, and it comes with a pretty good, if sometimes weird API that gives you access to everything you need.\n\nCould you build some of ThinkUp on Bluesky? Yes. This is it.\n\n## Implementation\n\nIt's just the **[watcher.tsx](./watcher.tsx)** file. This val could be multi-tenant if it worked with Bluesky’s OAuth protocol, but getting that to work has been pretty hard, and even if I did that would mean you would have to trust me with your data, and I don't want that. So it's a val that you can Remix and run for yourself, and keep your own environment variables nice and safe.\n\nSo it works like this:\n\n- This authenticates against Bluesky and calls `.getFollows()` to list the people you follow\n- It stores fields from that list in SQLite, and for any follow that has already been added, compares the new and old values\n- Then it emails you any differences that exist",["D",1751816148027],"id","e3abf76c-5a7e-11f0-918f-f69ea79377d9","bluesky-thinkup-tribute",["D",1751816148027],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","8c3ecb30-5a7e-11f0-b0a0-21ea95346041","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","8c3ef240-5a7e-11f0-b0a0-21ea95346041","tursoName","e3abf76c5a7e11f0918ff69ea79377d9","tursoHostname","e3abf76c5a7e11f0918ff69ea79377d9-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789504321592],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_117":116,"_124":120},"org",{"_117":116,"_118":-5,"_119":120,"_18":70,"_121":122,"_123":27},"branch",{"_13":102,"_34":103,"_59":42,"_104":60,"_105":106,"_107":108,"_109":66,"_110":111,"_112":113,"_114":61,"_115":116},"isOwned",2,"main","projectId","forkedBranchId","bce5fc88-325e-11f0-989d-569c3dd06744","forkedBranchVersion",143,"forkedProjectPrivacy","forkedProjectId","bce5b778-325e-11f0-989d-569c3dd06744","forkedProjectOrgId","f407f111-fdbb-4126-923f-44aed4d9e9ad","projectName","userHandle","fermentation_computer","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ6VlV2YXoyald3d3c0Q2NVY0c0VzhnSm02WSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_59":60,"_34":61,"_38":206,"_63":-5,"_64":27,"_65":66,"_67":66,"_68":-5,"_69":-5,"_18":70,"_71":-5,"_72":27,"_73":-5,"_74":-5,"_75":76,"_77":78,"_79":80,"_81":82,"_83":207,"_85":-5,"_86":87,"_88":87,"_89":90,"_91":90,"_92":90,"_93":87,"_94":87,"_95":208,"_97":209,"_99":210,"_101":27},"tree",[189,190,191,192],"files",[189,190,191,192],"counts",{"_179":76,"_180":102,"_181":76,"_182":183,"_184":185},"contents",[159,160,161,162],"upstreamProject",{"_59":111,"_34":61,"_68":156,"_69":-5,"_65":66,"_95":157},"upstreamBranch",{"_59":106,"_38":149,"_150":151,"_34":103,"_104":111,"_13":152,"_105":-5,"_107":-5,"_153":154,"_63":-5,"_101":27,"_65":66,"_115":155,"_77":113,"_114":61},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747404292595],"updatedAt",["D",1769017530725],164,"lockfileKey","1769058011120-esm.town_v_tmcw_bluesky-thinkup-tribute@164-main","tmcw","Know when folks update their descriptions on Bluesky",{"_117":155,"_124":158},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789577999&sig=62d96bf94cfb9946ec7c64a8e6de2cbfd4b48d4be8129cf963729e78324d7501",{"_59":176,"_34":55,"_32":56,"_164":-5,"_41":42,"_40":14,"_165":170,"_38":177,"_13":76,"_35":23,"_36":57,"_26":27,"_167":-5,"_29":178},{"_59":173,"_34":44,"_32":45,"_164":-5,"_41":42,"_40":14,"_165":170,"_38":174,"_13":76,"_35":23,"_36":46,"_26":27,"_167":-5,"_29":175},{"_59":169,"_34":30,"_32":33,"_164":-5,"_41":42,"_40":14,"_165":170,"_38":171,"_13":76,"_35":23,"_36":37,"_26":27,"_167":-5,"_29":172},{"_59":163,"_34":49,"_32":50,"_164":-5,"_41":42,"_40":14,"_165":27,"_38":166,"_13":76,"_35":51,"_36":52,"_26":27,"_167":-5,"_29":168},"e3effbba-5a7e-11f0-918f-f69ea79377d9","parentId","latest",["D",1751816148027],"label",[49],"e3effa52-5a7e-11f0-918f-f69ea79377d9",true,["D",1751816148027],[30],"e3eff89a-5a7e-11f0-918f-f69ea79377d9",["D",1751816148027],[44],"e3efe85a-5a7e-11f0-918f-f69ea79377d9",["D",1751816148027],[55],"pulls","branches","forks","envVars",{"_186":102,"_188":76},"connections",{"_186":76,"_187":76},"count","unfilledCount","emptyCount",{"_59":176,"_34":55,"_32":56,"_164":-5,"_41":42,"_40":14,"_165":170,"_38":203,"_13":76,"_35":23,"_36":57,"_26":27,"_167":-5,"_194":204,"_29":205},{"_59":173,"_34":44,"_32":45,"_164":-5,"_41":42,"_40":14,"_165":170,"_38":200,"_13":76,"_35":23,"_36":46,"_26":27,"_167":-5,"_194":201,"_29":202},{"_59":169,"_34":30,"_32":33,"_164":-5,"_41":42,"_40":14,"_165":170,"_38":197,"_13":76,"_35":23,"_36":37,"_26":27,"_167":-5,"_194":198,"_29":199},{"_59":163,"_34":49,"_32":50,"_164":-5,"_41":42,"_40":14,"_165":27,"_38":193,"_13":76,"_35":51,"_36":52,"_26":27,"_167":-5,"_194":195,"_29":196},["D",1751816148027],"children",[],[49],["D",1751816148027],[],[30],["D",1751816148027],[],[44],["D",1751816148027],[],[55],["D",1751816148027],["D",1789504321592],{"_117":116,"_124":120},{"_117":116,"_118":-5,"_119":120,"_18":70,"_121":122,"_123":27},{"_13":102,"_34":103,"_59":42,"_104":60,"_105":106,"_107":108,"_109":66,"_110":111,"_112":113,"_114":61,"_115":116},"ctx",{"_95":-5,"_146":244,"_245":246,"_247":248,"_249":27,"_250":27,"_251":27,"_252":170,"_253":-5,"_254":-7,"_255":-7,"_256":76,"_257":27,"_258":27,"_259":-5,"_260":27,"_261":27,"_262":27,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":103,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v1