Something went wrong. Try again.
Mirror of https://github.com/improsocial/improAn extensible Bluesky client for web
Something went wrong. Try again.
JavaScript
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487import { parseUri, createNotFoundPost, addFeedItemToFeed, pinPostInFeed, unpinPostInFeed, valueForPinnedItem, buildCdnUrl,} from "/js/dataHelpers.js";import { batch, getCurrentTimestamp } from "/js/utils.js";import { PostCreator } from "/js/postCreator.js";import { untrack } from "/js/signals.js";
// Handles mutations to the data, making optimistic updates if needed.export class Mutations { constructor( api, dataStore, patchStore, preferencesProvider, identityResolver, draftMediaStore, ) { this.api = api; this.dataStore = dataStore; this.patchStore = patchStore; this.preferencesProvider = preferencesProvider; this.draftMediaStore = draftMediaStore; this.postCreator = new PostCreator(api, identityResolver); }
async addLike(post) { // Optimistic update const patchId = this.patchStore.addPostPatch(post.uri, { type: "addLike", }); try { const like = await this.api.createLikeRecord(post); // update post in store this.dataStore.$posts.set(post.uri, { ...post, viewer: { ...post.viewer, like: like.uri }, likeCount: post.likeCount + 1, }); // If the "likes" feed is loaded, add the post to it. const currentUser = this.dataStore.$currentUser.get(); if (currentUser) { const feedURI = `${currentUser.did}-likes`; const likedFeed = this.dataStore.$authorFeeds.get(feedURI); if (likedFeed) { this.dataStore.$authorFeeds.set(feedURI, { feed: [{ post: post }, ...likedFeed.feed], cursor: likedFeed.cursor, }); } } } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removePostPatch(post.uri, patchId); } }
async removeLike(post) { // Optimistic update const patchId = this.patchStore.addPostPatch(post.uri, { type: "removeLike", }); try { await this.api.deleteLikeRecord(post); // update post in store this.dataStore.$posts.set(post.uri, { ...post, viewer: { ...post.viewer, like: null }, likeCount: post.likeCount - 1, }); } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removePostPatch(post.uri, patchId); } }
async createRepost(post) { const patchId = this.patchStore.addPostPatch(post.uri, { type: "createRepost", }); try { const repost = await this.api.createRepostRecord(post); this.dataStore.$posts.set(post.uri, { ...post, viewer: { ...post.viewer, repost: repost.uri }, repostCount: post.repostCount + 1, }); // If the current user's author feed is loaded, add the repost to it. const currentUser = this.dataStore.$currentUser.get(); if (currentUser) { const authorFeedURI = `${currentUser.did}-posts`; const authorFeed = this.dataStore.$authorFeeds.get(authorFeedURI); if (authorFeed) { const newFeedItem = { post: post, reason: { $type: "app.bsky.feed.defs#reasonRepost", by: currentUser, uri: repost.uri, cid: repost.cid, indexedAt: new Date().toISOString(), }, }; this.dataStore.$authorFeeds.set(authorFeedURI, { feed: addFeedItemToFeed(newFeedItem, authorFeed.feed), cursor: authorFeed.cursor, }); } } } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removePostPatch(post.uri, patchId); } }
async deleteRepost(post) { const patchId = this.patchStore.addPostPatch(post.uri, { type: "deleteRepost", }); try { await this.api.deleteRepostRecord(post); this.dataStore.$posts.set(post.uri, { ...post, viewer: { ...post.viewer, repost: null }, repostCount: post.repostCount - 1, }); // If the current user's author feed is loaded, remove the repost from it. const currentUser = this.dataStore.$currentUser.get(); if (currentUser) { const authorFeedURI = `${currentUser.did}-posts`; const authorFeed = this.dataStore.$authorFeeds.get(authorFeedURI); if (authorFeed) { this.dataStore.$authorFeeds.set(authorFeedURI, { feed: authorFeed.feed.filter((feedItem) => { if ( feedItem.reason?.$type === "app.bsky.feed.defs#reasonRepost" && feedItem.reason?.uri === post.viewer.repost ) { return false; } return true; }), cursor: authorFeed.cursor, }); } } } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removePostPatch(post.uri, patchId); } }
async addBookmark(post) { // Optimistic update const patchId = this.patchStore.addPostPatch(post.uri, { type: "addBookmark", }); try { await this.api.createBookmark(post); // update post in store this.dataStore.$posts.set(post.uri, { ...post, viewer: { ...post.viewer, bookmarked: true }, bookmarkCount: post.bookmarkCount + 1, }); // If the bookmarks feed is loaded, add the post to it. const bookmarks = this.dataStore.$bookmarks.get(); if (bookmarks) { this.dataStore.$bookmarks.set({ bookmarks: [{ item: { ...post } }, ...bookmarks.bookmarks], cursor: bookmarks.cursor, }); } } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removePostPatch(post.uri, patchId); } }
async removeBookmark(post) { // Optimistic update const patchId = this.patchStore.addPostPatch(post.uri, { type: "removeBookmark", }); try { await this.api.deleteBookmark(post); // update post in store this.dataStore.$posts.set(post.uri, { ...post, viewer: { ...post.viewer, bookmarked: false }, bookmarkCount: post.bookmarkCount - 1, }); // If the bookmarks feed is loaded, remove the post from it. const bookmarks = this.dataStore.$bookmarks.get(); if (bookmarks) { this.dataStore.$bookmarks.set({ bookmarks: bookmarks.bookmarks.filter( (bookmark) => bookmark.item?.uri !== post.uri, ), cursor: bookmarks.cursor, }); } } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removePostPatch(post.uri, patchId); } }
async followProfile(profile) { const patchId = this.patchStore.addProfilePatch(profile.did, { type: "followProfile", }); try { const follow = await this.api.createFollowRecord(profile); this.dataStore.$profiles.set(profile.did, { ...profile, viewer: { ...profile.viewer, following: follow.uri }, }); const detailed = this.dataStore.$detailedProfiles.get(profile.did); if (detailed) { this.dataStore.$detailedProfiles.set(profile.did, { ...detailed, followersCount: detailed.followersCount + 1, viewer: { ...detailed.viewer, following: follow.uri }, }); } } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removeProfilePatch(profile.did, patchId); } }
async addProfileToList(profile, list) { const result = await this.api.createListItemRecord(list.uri, profile.did); this._patchListMembershipForActor(profile.did, list.uri, { uri: result.uri, subject: profile.did, }); // Add to cached list members const cachedMembers = this.dataStore.$listMembers.get(list.uri); if ( cachedMembers && !cachedMembers.items.some((item) => item.subject.did === profile.did) ) { this.dataStore.$listMembers.set(list.uri, { ...cachedMembers, items: [{ uri: result.uri, subject: profile }, ...cachedMembers.items], }); } }
async removeProfileFromList(profile, list, membershipUri) { await this.api.deleteListItemRecord(membershipUri); this._patchListMembershipForActor(profile.did, list.uri, null); // Remove from cached list members const cachedMembers = this.dataStore.$listMembers.get(list.uri); if (cachedMembers) { this.dataStore.$listMembers.set(list.uri, { ...cachedMembers, items: cachedMembers.items.filter( (item) => item.subject.did !== profile.did, ), }); } }
_patchListMembershipForActor(actorDid, listUri, listItem) { const existing = this.dataStore.$listsWithMembershipByActor.get(actorDid); if (!existing) return; this.dataStore.$listsWithMembershipByActor.set(actorDid, { ...existing, listsWithMembership: existing.listsWithMembership.map((entry) => entry.list.uri === listUri ? { ...entry, listItem: listItem || undefined } : entry, ), }); }
async unfollowProfile(profile) { const patchId = this.patchStore.addProfilePatch(profile.did, { type: "unfollowProfile", }); try { await this.api.deleteFollowRecord(profile); this.dataStore.$profiles.set(profile.did, { ...profile, viewer: { ...profile.viewer, following: null }, }); const detailed = this.dataStore.$detailedProfiles.get(profile.did); if (detailed) { this.dataStore.$detailedProfiles.set(profile.did, { ...detailed, followersCount: detailed.followersCount - 1, viewer: { ...detailed.viewer, following: null }, }); } } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removeProfilePatch(profile.did, patchId); } }
async sendShowLessInteraction(postURI, feedUri, feedContext, feedProxyUrl) { const showLessInteraction = { item: postURI, event: "app.bsky.feed.defs#requestLess", ...(feedContext != null ? { feedContext } : {}), }; this.dataStore.$showLessInteractions.set(feedUri, [ ...(this.dataStore.$showLessInteractions.get(feedUri) ?? []), showLessInteraction, ]); if (feedProxyUrl == null) { return; } try { await this.api.sendInteractions([showLessInteraction], feedProxyUrl); } catch (error) { console.error(error); throw error; } }
async sendShowMoreInteraction(postURI, feedUri, feedContext, feedProxyUrl) { const showMoreInteraction = { item: postURI, event: "app.bsky.feed.defs#requestMore", ...(feedContext != null ? { feedContext } : {}), }; // Note, we don't really need to store this interaction because we don't use it in the UI (yet). // But, let's do it anyway for consistency. this.dataStore.$showMoreInteractions.set(feedUri, [ ...(this.dataStore.$showMoreInteractions.get(feedUri) ?? []), showMoreInteraction, ]); if (feedProxyUrl == null) { return; } try { await this.api.sendInteractions([showMoreInteraction], feedProxyUrl); } catch (error) { console.error(error); throw error; } }
async pinFeed(feedUri) { const patchId = this.patchStore.addPreferencePatch({ type: "pinFeed", feedUri, entryType: "feed", }); const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.pinFeed(feedUri, "feed"); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; } finally { this.patchStore.removePreferencePatch(patchId); } }
async pinList(listUri) { const patchId = this.patchStore.addPreferencePatch({ type: "pinFeed", feedUri: listUri, entryType: "list", }); const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.pinFeed(listUri, "list"); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; } finally { this.patchStore.removePreferencePatch(patchId); } }
async unpinFeed(feedUri) { const patchId = this.patchStore.addPreferencePatch({ type: "unpinFeed", feedUri, }); const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.unpinFeed(feedUri); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; } finally { this.patchStore.removePreferencePatch(patchId); } }
async unpinList(listUri) { const patchId = this.patchStore.addPreferencePatch({ type: "unpinFeed", feedUri: listUri, }); const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.unpinFeed(listUri); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; } finally { this.patchStore.removePreferencePatch(patchId); } }
async setPinnedItems(values) { const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.setPinnedItems(values); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; }
// Update pinned items in memory const pinnedItems = untrack(() => this.dataStore.$pinnedItems.get()); if (pinnedItems) { const byValue = new Map( pinnedItems.map((item) => [valueForPinnedItem(item), item]), ); const next = values.map((value) => byValue.get(value)).filter(Boolean); this.dataStore.$pinnedItems.set(next); } }
async hidePost(post) { const patchId = this.patchStore.addPostPatch(post.uri, { type: "hidePost", }); const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.hidePost(post.uri); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; } finally { // clear patch this.patchStore.removePostPatch(post.uri, patchId); } }
async addMutedWord({ value, targets, actorTarget, expiresAt }) { const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.addMutedWord({ value, targets, actorTarget, expiresAt, }); await this.preferencesProvider.updatePreferences(newPreferences); }
async removeMutedWord(wordId) { const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.removeMutedWord(wordId); await this.preferencesProvider.updatePreferences(newPreferences); }
async updateMutedWord(wordId, updatedFields) { const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.updateMutedWord(wordId, updatedFields); await this.preferencesProvider.updatePreferences(newPreferences); }
async subscribeLabeler(profile, labelerInfo) { const patchId = this.patchStore.addPreferencePatch({ type: "subscribeLabeler", did: profile.did, labelerInfo, }); const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.subscribeLabeler( profile.did, labelerInfo, );
try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; } finally { this.patchStore.removePreferencePatch(patchId); } }
async unsubscribeLabeler(profile) { const patchId = this.patchStore.addPreferencePatch({ type: "unsubscribeLabeler", did: profile.did, }); const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.unsubscribeLabeler(profile.did); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; } finally { this.patchStore.removePreferencePatch(patchId); } }
async updateLabelerSetting({ labelerDid, label, visibility }) { const patchId = this.patchStore.addPreferencePatch({ type: "setContentLabelPref", label, visibility, labelerDid, }); const preferences = this.preferencesProvider.requirePreferences(); const newPreferences = preferences.setContentLabelPref({ label, visibility, labelerDid, }); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); throw error; } finally { this.patchStore.removePreferencePatch(patchId); } }
async muteProfile(profile) { const patchId = this.patchStore.addProfilePatch(profile.did, { type: "muteProfile", }); try { await this.api.muteActor(profile.did); this.dataStore.$profiles.set(profile.did, { ...profile, viewer: { ...profile.viewer, muted: true }, }); const detailed = this.dataStore.$detailedProfiles.get(profile.did); if (detailed) { this.dataStore.$detailedProfiles.set(profile.did, { ...detailed, viewer: { ...detailed.viewer, muted: true }, }); } this._updatePostsByAuthor(profile.did, (post) => { return { ...post, author: { ...post.author, viewer: { ...post.author.viewer, muted: true }, }, }; }); const mutedProfiles = this.dataStore.$mutedProfiles.get(); if (mutedProfiles) { const alreadyListed = mutedProfiles.mutes.some( (muted) => muted.did === profile.did, ); if (!alreadyListed) { this.dataStore.$mutedProfiles.set({ ...mutedProfiles, mutes: [ { ...profile, viewer: { ...profile.viewer, muted: true }, }, ...mutedProfiles.mutes, ], }); } } } catch (error) { console.error(error); throw error; } finally { this.patchStore.removeProfilePatch(profile.did, patchId); } }
async unmuteProfile(profile) { const patchId = this.patchStore.addProfilePatch(profile.did, { type: "unmuteProfile", }); try { await this.api.unmuteActor(profile.did); this.dataStore.$profiles.set(profile.did, { ...profile, viewer: { ...profile.viewer, muted: false }, }); const detailed = this.dataStore.$detailedProfiles.get(profile.did); if (detailed) { this.dataStore.$detailedProfiles.set(profile.did, { ...detailed, viewer: { ...detailed.viewer, muted: false }, }); } this._updatePostsByAuthor(profile.did, (post) => { return { ...post, author: { ...post.author, viewer: { ...post.author.viewer, muted: false }, }, }; }); const mutedProfiles = this.dataStore.$mutedProfiles.get(); if (mutedProfiles) { this.dataStore.$mutedProfiles.set({ ...mutedProfiles, mutes: mutedProfiles.mutes.filter( (muted) => muted.did !== profile.did, ), }); } } catch (error) { console.error(error); throw error; } finally { this.patchStore.removeProfilePatch(profile.did, patchId); } }
async blockProfile(profile) { const patchId = this.patchStore.addProfilePatch(profile.did, { type: "blockProfile", }); try { const block = await this.api.blockActor(profile); this.dataStore.$profiles.set(profile.did, { ...profile, viewer: { ...profile.viewer, blocking: block.uri }, }); const detailed = this.dataStore.$detailedProfiles.get(profile.did); if (detailed) { this.dataStore.$detailedProfiles.set(profile.did, { ...detailed, viewer: { ...detailed.viewer, blocking: block.uri }, }); } this._updatePostsByAuthor(profile.did, (post) => { return { ...post, author: { ...post.author, viewer: { ...post.author.viewer, blocking: block.uri }, }, }; }); const blockedProfiles = this.dataStore.$blockedProfiles.get(); if (blockedProfiles) { const alreadyListed = blockedProfiles.blocks.some( (blocked) => blocked.did === profile.did, ); if (!alreadyListed) { this.dataStore.$blockedProfiles.set({ ...blockedProfiles, blocks: [ { ...profile, viewer: { ...profile.viewer, blocking: block.uri }, }, ...blockedProfiles.blocks, ], }); } } } catch (error) { console.error(error); throw error; } finally { this.patchStore.removeProfilePatch(profile.did, patchId); } }
async updatePostNotificationSubscription(profile, activitySubscription) { const patchId = this.patchStore.addProfilePatch(profile.did, { type: "updatePostNotificationSubscription", activitySubscription, }); try { await this.api.putActivitySubscription(profile.did, activitySubscription); this.dataStore.$profiles.set(profile.did, { ...profile, viewer: { ...profile.viewer, activitySubscription }, }); const detailed = this.dataStore.$detailedProfiles.get(profile.did); if (detailed) { this.dataStore.$detailedProfiles.set(profile.did, { ...detailed, viewer: { ...detailed.viewer, activitySubscription }, }); } } catch (error) { console.error(error); throw error; } finally { this.patchStore.removeProfilePatch(profile.did, patchId); } }
async unblockProfile(profile) { const patchId = this.patchStore.addProfilePatch(profile.did, { type: "unblockProfile", }); try { await this.api.unblockActor(profile); this.dataStore.$profiles.set(profile.did, { ...profile, viewer: { ...profile.viewer, blocking: null }, }); const detailed = this.dataStore.$detailedProfiles.get(profile.did); if (detailed) { this.dataStore.$detailedProfiles.set(profile.did, { ...detailed, viewer: { ...detailed.viewer, blocking: null }, }); } this._updatePostsByAuthor(profile.did, (post) => { return { ...post, author: { ...post.author, viewer: { ...post.author.viewer, blocking: null }, }, }; }); const blockedProfiles = this.dataStore.$blockedProfiles.get(); if (blockedProfiles) { this.dataStore.$blockedProfiles.set({ ...blockedProfiles, blocks: blockedProfiles.blocks.filter( (blocked) => blocked.did !== profile.did, ), }); } } catch (error) { console.error(error); throw error; } finally { this.patchStore.removeProfilePatch(profile.did, patchId); } }
async muteModList(list) { try { await this.api.muteModList(list.uri); this.dataStore.$lists.set(list.uri, { ...list, viewer: { ...list.viewer, muted: true }, }); } catch (error) { console.error(error); throw error; } }
async unmuteModList(list) { try { await this.api.unmuteModList(list.uri); this.dataStore.$lists.set(list.uri, { ...list, viewer: { ...list.viewer, muted: false }, }); } catch (error) { console.error(error); throw error; } }
async blockModList(list) { try { const block = await this.api.blockModList(list.uri); this.dataStore.$lists.set(list.uri, { ...list, viewer: { ...list.viewer, blocked: block.uri }, }); } catch (error) { console.error(error); throw error; } }
async unblockModList(list) { const blockUri = list.viewer?.blocked; if (!blockUri) return; try { await this.api.unblockModList(blockUri); this.dataStore.$lists.set(list.uri, { ...list, viewer: { ...list.viewer, blocked: null }, }); } catch (error) { console.error(error); throw error; } }
async updateProfile( profile, { displayName, description, avatarBlob, bannerBlob, removeAvatar, removeBanner, }, ) { const [avatarRef, bannerRef] = await Promise.all([ avatarBlob ? this.api.uploadBlob(avatarBlob) : null, bannerBlob ? this.api.uploadBlob(bannerBlob) : null, ]);
let existingRecord = {}; let swapCid = null; try { const recordData = await this.api.getProfileRecord(); existingRecord = recordData.value || {}; swapCid = recordData.cid; } catch (error) { if (error.status === 400) { // No existing record is ok } else { throw error; } }
const updatedRecord = { ...existingRecord }; if (displayName !== undefined) { updatedRecord.displayName = displayName; } if (description !== undefined) { updatedRecord.description = description; delete updatedRecord.descriptionFacets; } if (avatarRef) { updatedRecord.avatar = avatarRef; } else if (removeAvatar) { delete updatedRecord.avatar; } if (bannerRef) { updatedRecord.banner = bannerRef; } else if (removeBanner) { delete updatedRecord.banner; }
await this.api.putProfileRecord(updatedRecord, swapCid);
// Update in memory const patch = { displayName, description }; if (avatarRef) { patch.avatar = buildCdnUrl("avatar", profile.did, avatarRef.ref.$link); } else if (removeAvatar) { patch.avatar = ""; } if (bannerRef) { patch.banner = buildCdnUrl("banner", profile.did, bannerRef.ref.$link); } else if (removeBanner) { patch.banner = ""; }
const existingProfile = this.dataStore.$profiles.get(profile.did); if (existingProfile) { this.dataStore.$profiles.set(profile.did, { ...existingProfile, ...patch, }); } const existingDetailed = this.dataStore.$detailedProfiles.get(profile.did); if (existingDetailed) { this.dataStore.$detailedProfiles.set(profile.did, { ...existingDetailed, ...patch, }); } const currentUser = this.dataStore.$currentUser.get(); if (currentUser && currentUser.did === profile.did) { this.dataStore.$currentUser.set({ ...currentUser, ...patch }); } }
async createList({ currentUser, purpose, name, description, avatarBlob }) { const avatarRef = avatarBlob ? await this.api.uploadBlob(avatarBlob) : null; const record = { purpose, name, description, createdAt: getCurrentTimestamp(), }; if (avatarRef) record.avatar = avatarRef;
const res = await this.api.createListRecord(record);
const creator = { did: currentUser.did, handle: currentUser.handle, displayName: currentUser.displayName, avatar: currentUser.avatar, }; const listView = { $type: "app.bsky.graph.defs#listView", uri: res.uri, cid: res.cid, name, purpose, description, descriptionFacets: [], avatar: avatarRef?.ref?.$link ? buildCdnUrl("avatar", creator.did, avatarRef.ref.$link) : undefined, creator, indexedAt: record.createdAt, listItemCount: 0, viewer: {}, }; this.dataStore.$lists.set(res.uri, listView); const actorLists = untrack(() => this.dataStore.$actorLists.get(creator.did), ); if (actorLists) { this.dataStore.$actorLists.set(creator.did, { ...actorLists, lists: [listView, ...actorLists.lists], }); } return listView; }
async updateList(list, { name, description, avatarBlob, removeAvatar }) { const rkey = list.uri.split("/").pop(); const avatarRef = avatarBlob ? await this.api.uploadBlob(avatarBlob) : null;
const recordData = await this.api.getListRecord(rkey); const existingRecord = recordData.value || {}; const swapCid = recordData.cid;
const updatedRecord = { ...existingRecord }; if (name !== undefined) { updatedRecord.name = name; } if (description !== undefined) { updatedRecord.description = description; delete updatedRecord.descriptionFacets; } if (avatarRef) { updatedRecord.avatar = avatarRef; } else if (removeAvatar) { delete updatedRecord.avatar; }
await this.api.putListRecord(rkey, updatedRecord, swapCid);
// Update in memory const current = this.dataStore.$lists.get(list.uri) ?? list; const patched = { ...current }; if (name !== undefined) patched.name = name; if (description !== undefined) { patched.description = description; patched.descriptionFacets = []; } if (avatarRef?.ref?.$link && list.creator?.did) { patched.avatar = buildCdnUrl( "avatar", list.creator.did, avatarRef.ref.$link, ); } else if (removeAvatar) { patched.avatar = ""; } this.dataStore.$lists.set(list.uri, patched); }
async deleteList(list) { const { rkey } = parseUri(list.uri); const listItemUris = []; let cursor = ""; const MAX_PAGES = 100; let hitCap = true; for (let i = 0; i < MAX_PAGES; i++) { const res = await this.api.getListItems({ cursor, limit: 100 }); for (const record of res.records) { if (record.value?.list === list.uri) { listItemUris.push(record.uri); } } cursor = res.cursor; if (!cursor) { hitCap = false; break; } } if (hitCap) { console.warn( `deleteList: stopped scanning listitems after ${MAX_PAGES} pages`, ); } const writes = [ ...listItemUris.map((uri) => ({ $type: "com.atproto.repo.applyWrites#delete", collection: "app.bsky.graph.listitem", rkey: parseUri(uri).rkey, })), { $type: "com.atproto.repo.applyWrites#delete", collection: "app.bsky.graph.list", rkey, }, ]; for (const chunk of batch(writes, 10)) { await this.api.applyWrites(chunk); } this.dataStore.$lists.set(list.uri, null); this.dataStore.$listMembers.set(list.uri, null); if (list.creator?.did) { const actorLists = this.dataStore.$actorLists.get(list.creator.did); if (actorLists) { this.dataStore.$actorLists.set(list.creator.did, { ...actorLists, lists: actorLists.lists.filter((entry) => entry.uri !== list.uri), }); } } for (const [ actorDid, entry, ] of this.dataStore.$listsWithMembershipByActor.entries()) { if (!entry?.listsWithMembership) continue; const filtered = entry.listsWithMembership.filter( (item) => item.list.uri !== list.uri, ); if (filtered.length !== entry.listsWithMembership.length) { this.dataStore.$listsWithMembershipByActor.set(actorDid, { ...entry, listsWithMembership: filtered, }); } } const pinnedItems = untrack(() => this.dataStore.$pinnedItems.get()); if (pinnedItems?.some((item) => item.data?.uri === list.uri)) { this.dataStore.$pinnedItems.set( pinnedItems.filter((item) => item.data?.uri !== list.uri), ); } const preferences = this.preferencesProvider.requirePreferences(); if (preferences.isFeedPinned(list.uri)) { const newPreferences = preferences.unpinFeed(list.uri); try { await this.preferencesProvider.updatePreferences(newPreferences); } catch (error) { console.error(error); } } }
async pinPost(post) { const currentUser = this.dataStore.$currentUser.get(); if (!currentUser) throw new Error("No current user"); const authorFeedURI = `${currentUser.did}-posts`; const pinnedRef = { uri: post.uri, cid: post.cid };
// Optimistic update via patches on currentUser and author feed const userPatchId = this.patchStore.addCurrentUserPatch({ type: "setPinnedPost", pinnedPost: pinnedRef, }); const feedPatchId = this.patchStore.addAuthorFeedPatch(authorFeedURI, { type: "pinPost", post, });
try { const recordData = await this.api.getProfileRecord(); const existingRecord = recordData.value || {}; const swapCid = recordData.cid; await this.api.putProfileRecord( { ...existingRecord, pinnedPost: pinnedRef }, swapCid, ); // Commit to dataStore const latestUser = this.dataStore.$currentUser.get(); if (latestUser) { this.dataStore.$currentUser.set({ ...latestUser, pinnedPost: pinnedRef, }); } const existingFeed = this.dataStore.$authorFeeds.get(authorFeedURI); if (existingFeed) { this.dataStore.$authorFeeds.set(authorFeedURI, { feed: pinPostInFeed(existingFeed.feed, post), cursor: existingFeed.cursor, }); } } finally { this.patchStore.removeCurrentUserPatch(userPatchId); this.patchStore.removeAuthorFeedPatch(authorFeedURI, feedPatchId); } }
async unpinPost(post) { const currentUser = this.dataStore.$currentUser.get(); if (!currentUser) throw new Error("No current user"); if (currentUser.pinnedPost?.uri !== post.uri) { // Already unpinned (or a different post is pinned); nothing to do. return; } const authorFeedURI = `${currentUser.did}-posts`;
const userPatchId = this.patchStore.addCurrentUserPatch({ type: "clearPinnedPost", }); const feedPatchId = this.patchStore.addAuthorFeedPatch(authorFeedURI, { type: "unpinPost", post, });
try { const recordData = await this.api.getProfileRecord(); const existingRecord = recordData.value || {}; const swapCid = recordData.cid; const { pinnedPost: _, ...updatedRecord } = existingRecord; await this.api.putProfileRecord(updatedRecord, swapCid); // Commit to dataStore const latestUser = this.dataStore.$currentUser.get(); if (latestUser) { const { pinnedPost: _, ...rest } = latestUser; this.dataStore.$currentUser.set(rest); } const existingFeed = this.dataStore.$authorFeeds.get(authorFeedURI); if (existingFeed) { this.dataStore.$authorFeeds.set(authorFeedURI, { feed: unpinPostInFeed(existingFeed.feed, post), cursor: existingFeed.cursor, }); } } finally { this.patchStore.removeCurrentUserPatch(userPatchId); this.patchStore.removeAuthorFeedPatch(authorFeedURI, feedPatchId); } }
async createThread({ posts, replyTo, replyRoot, threadgateAllow, postgateEmbeddingRules, }) { const { uris, posts: hydratedPosts } = await this.postCreator.createThread({ posts, replyTo, replyRoot, threadgateAllow, postgateEmbeddingRules, }); if (hydratedPosts) { for (const post of hydratedPosts) { // NOTE: LEXICON DEVIATION post.viewer.priorityReply = true; } this.dataStore.setPosts(hydratedPosts); const rootPost = hydratedPosts[0]; // If it's a reply, update the reply post thread in the store if (replyTo) { const replyPostThread = this.dataStore.$postThreads.get(replyTo.uri); if (replyPostThread) { this.dataStore.$postThreads.set(replyTo.uri, { ...replyPostThread, replies: [ { $type: "app.bsky.feed.defs#threadViewPost", post: rootPost, replies: [], }, ...replyPostThread.replies, ], }); } } const { repo: did } = parseUri(rootPost.uri); const rootFeedURI = replyTo ? `${did}-replies` : `${did}-posts`; const rootFeed = this.dataStore.$authorFeeds.get(rootFeedURI); if (rootFeed) { this.dataStore.$authorFeeds.set(rootFeedURI, { feed: addFeedItemToFeed({ post: rootPost }, rootFeed.feed), cursor: rootFeed.cursor, }); } // Later thread posts are self-replies, so they go in the replies tab const repliesFeedURI = `${did}-replies`; for (const post of hydratedPosts.slice(1)) { const repliesFeed = this.dataStore.$authorFeeds.get(repliesFeedURI); if (repliesFeed) { this.dataStore.$authorFeeds.set(repliesFeedURI, { feed: addFeedItemToFeed({ post }, repliesFeed.feed), cursor: repliesFeed.cursor, }); } } } return { uris, posts: hydratedPosts }; }
async deletePost(post) { // no optimistic update await this.api.deletePost(post); // Replace the post with a not found post. // This *should* remove the post from all relevant places in the UI. this.dataStore.$posts.set(post.uri, createNotFoundPost(post.uri)); }
async createMessage(convoId, { text, facets, replyTo, embed }) { // no optimistic update const res = await this.api.sendMessage(convoId, { text, facets, replyTo, embed, }); this.dataStore.$messages.set(res.id, res); // Add the new message to the chat messages array in the dataStore const convoMessages = this.dataStore.$convoMessages.get(convoId); if (convoMessages) { this.dataStore.$convoMessages.set(convoId, { messages: [res, ...convoMessages.messages], cursor: convoMessages.cursor, }); } // Update the last message in the convo const convo = this.dataStore.$convos.get(convoId); if (convo) { this.dataStore.$convos.set(convoId, { ...convo, lastMessage: { $type: "chat.bsky.convo.defs#messageView", ...res, }, }); } return res; }
async requestJoinGroupChat(code) { const res = await this.api.requestJoinGroupChat(code); const preview = this.dataStore.$joinLinkPreviewsByCode.get(code); if ( preview?.$type === "chat.bsky.group.defs#joinLinkPreviewView" && preview.code === code ) { const updatedPreview = { ...preview }; if (res.status === "joined" && res.convo) { updatedPreview.convo = res.convo; } else { updatedPreview.viewer = { ...(preview.viewer ?? {}), requestedAt: getCurrentTimestamp(), }; } this.dataStore.$joinLinkPreviewsByCode.set(code, updatedPreview); } if (res.status === "joined" && res.convo) { this.dataStore.setConvo(res.convo); } return res; }
async acceptConvo(convo) { await this.api.acceptConvo(convo.id);
// Create updated convo with accepted status const updatedConvo = { ...convo, status: "accepted", };
this.dataStore.setConvo(updatedConvo);
return updatedConvo; }
async rejectConvo(convo) { await this.api.leaveConvo(convo.id); this.dataStore.$convos.set(convo.id, null); const convoList = this.dataStore.$convoList.get(); if (convoList) { this.dataStore.$convoList.set({ convos: convoList.convos.filter( (listConvo) => listConvo.id !== convo.id, ), cursor: convoList.cursor, }); } const convoRequestList = this.dataStore.$convoRequestList.get(); if (convoRequestList) { this.dataStore.$convoRequestList.set({ convos: convoRequestList.convos.filter( (listConvo) => listConvo.id !== convo.id, ), cursor: convoRequestList.cursor, }); } }
async markConvoAsRead(convoId) { const convo = untrack(() => this.dataStore.$convos.get(convoId)); if (!convo?.unreadCount) return; await this.api.markConvoAsRead(convoId); const latest = this.dataStore.$convos.get(convoId); if (latest) { this.dataStore.$convos.set(convoId, { ...latest, unreadCount: 0, }); } }
async addMessageReaction(convoId, messageId, emoji, currentUserDid) { const patchId = this.patchStore.addMessagePatch(messageId, { type: "addReaction", reaction: { createdAt: getCurrentTimestamp(), sender: { did: currentUserDid }, value: emoji, }, }); try { const message = await this.api.addMessageReaction( convoId, messageId, emoji, ); this.dataStore.$messages.set(messageId, message); // Update the last reaction in the convo const convo = this.dataStore.$convos.get(convoId); if (convo) { this.dataStore.$convos.set(convoId, { ...convo, lastReaction: { $type: "chat.bsky.convo.defs#messageAndReactionView", message: message, reaction: message.reactions[0], }, }); } } catch (error) { console.error(error); throw error; } finally { this.patchStore.removeMessagePatch(messageId, patchId); } }
async removeMessageReaction(convoId, messageId, emoji, currentUserDid) { const patchId = this.patchStore.addMessagePatch(messageId, { type: "removeReaction", currentUserDid, value: emoji, }); try { const message = await this.api.removeMessageReaction( convoId, messageId, emoji, ); this.dataStore.$messages.set(messageId, message); // Update the last reaction in the convo const convo = this.dataStore.$convos.get(convoId); if (convo) { this.dataStore.$convos.set(convoId, { ...convo, lastReaction: null, }); } } catch (error) { console.error(error); throw error; } finally { this.patchStore.removeMessagePatch(messageId, patchId); } }
async createDraft({ draft, media }) { const res = await this.api.createDraft(draft); await this._saveDraftMedia(media); this._invalidateCachedDrafts(); return res.id; }
async updateDraft({ draftId, draft, media, pruneLocalRefs }) { await this.api.updateDraft(draftId, draft); await this._saveDraftMedia(media); await this._deleteDraftMedia(pruneLocalRefs); this._invalidateCachedDrafts(); }
async _saveDraftMedia(media) { const storedMedia = this.draftMediaStore.$media.get(); for (const { path, source } of media) { if (storedMedia[path]) continue; try { await this.draftMediaStore.save(path, source); } catch (error) { console.error("Failed to save draft media locally", error); } } }
async _deleteDraftMedia(localRefs) { for (const key of localRefs) { try { await this.draftMediaStore.delete(key); } catch (error) { console.error("Failed to delete draft media", error); } } }
// Delete the cached drafts list so the next dialog open refetches it _invalidateCachedDrafts() { if (untrack(() => this.dataStore.$drafts.get()) !== null) { this.dataStore.$drafts.set(null); } }
async deleteDraft({ draftId, localRefs }) { await this.api.deleteDraft(draftId); await this._deleteDraftMedia(localRefs); const data = untrack(() => this.dataStore.$drafts.get()); if (data) { this.dataStore.$drafts.set({ ...data, drafts: data.drafts.filter((draftView) => draftView.id !== draftId), }); } }
_updatePostsByAuthor(profileDid, updateFunc) { for (const post of this.dataStore.$posts.values()) { if (post?.author?.did === profileDid) { this.dataStore.$posts.set(post.uri, updateFunc(post)); } } }}