bd9386d81c
* delete old onboarding files and code * add custom FollowButton component to Post, FeedItem, & ProfileCard * move building suggested feed into helper lib * show suggested posts/feed if follower list is empty * Update tsconfig.json * add pagination to getting new onboarding * remove unnecessary console log * fix naming, add better null check for combinedCursor * In locally-combined feeds, correctly produce an undefined cursor when out of data * Minor refactors of the suggested posts lib functions * Show 'follow button' style of post meta in certain conditions only * Only show follow btn in posts on the main feed and the discovery feed * Add a welcome notice to the home feed * Tune the timing of when the welcome banner shows or hides * Make the follow button an observer (closes #244) * Update postmeta to keep the follow btn after press until next render * A couple of fixes that ensure consistent welcome screen * Fix lint * Rework the welcome banner * Fix cache invalidation of follows model on user switch * Show welcome banner while loading * Update the home onboarding feed to get top posts from hardcode recommends * Drop unused helper function * Update happy path tests --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
117 lines
3.0 KiB
TypeScript
117 lines
3.0 KiB
TypeScript
import {makeAutoObservable, runInAction} from 'mobx'
|
|
import {FollowRecord, AppBskyActorProfile, AppBskyActorRef} from '@atproto/api'
|
|
import {RootStoreModel} from './root-store'
|
|
import {bundleAsync} from 'lib/async/bundle'
|
|
|
|
const CACHE_TTL = 1000 * 60 * 60 // hourly
|
|
type FollowsListResponse = Awaited<ReturnType<FollowRecord['list']>>
|
|
type FollowsListResponseRecord = FollowsListResponse['records'][0]
|
|
type Profile =
|
|
| AppBskyActorProfile.ViewBasic
|
|
| AppBskyActorProfile.View
|
|
| AppBskyActorRef.WithInfo
|
|
|
|
/**
|
|
* This model is used to maintain a synced local cache of the user's
|
|
* follows. It should be periodically refreshed and updated any time
|
|
* the user makes a change to their follows.
|
|
*/
|
|
export class MyFollowsModel {
|
|
// data
|
|
followDidToRecordMap: Record<string, string> = {}
|
|
lastSync = 0
|
|
myDid?: string
|
|
|
|
constructor(public rootStore: RootStoreModel) {
|
|
makeAutoObservable(
|
|
this,
|
|
{
|
|
rootStore: false,
|
|
},
|
|
{autoBind: true},
|
|
)
|
|
}
|
|
|
|
// public api
|
|
// =
|
|
|
|
fetchIfNeeded = bundleAsync(async () => {
|
|
if (
|
|
this.myDid !== this.rootStore.me.did ||
|
|
Object.keys(this.followDidToRecordMap).length === 0 ||
|
|
Date.now() - this.lastSync > CACHE_TTL
|
|
) {
|
|
return await this.fetch()
|
|
}
|
|
})
|
|
|
|
fetch = bundleAsync(async () => {
|
|
this.rootStore.log.debug('MyFollowsModel:fetch running full fetch')
|
|
let before
|
|
let records: FollowsListResponseRecord[] = []
|
|
do {
|
|
const res: FollowsListResponse =
|
|
await this.rootStore.api.app.bsky.graph.follow.list({
|
|
user: this.rootStore.me.did,
|
|
before,
|
|
})
|
|
records = records.concat(res.records)
|
|
before = res.cursor
|
|
} while (typeof before !== 'undefined')
|
|
runInAction(() => {
|
|
this.followDidToRecordMap = {}
|
|
for (const record of records) {
|
|
this.followDidToRecordMap[record.value.subject.did] = record.uri
|
|
}
|
|
this.lastSync = Date.now()
|
|
this.myDid = this.rootStore.me.did
|
|
})
|
|
})
|
|
|
|
isFollowing(did: string) {
|
|
return !!this.followDidToRecordMap[did]
|
|
}
|
|
|
|
get isEmpty() {
|
|
return Object.keys(this.followDidToRecordMap).length === 0
|
|
}
|
|
|
|
getFollowUri(did: string): string {
|
|
const v = this.followDidToRecordMap[did]
|
|
if (!v) {
|
|
throw new Error('Not a followed user')
|
|
}
|
|
return v
|
|
}
|
|
|
|
addFollow(did: string, recordUri: string) {
|
|
this.followDidToRecordMap[did] = recordUri
|
|
}
|
|
|
|
removeFollow(did: string) {
|
|
delete this.followDidToRecordMap[did]
|
|
}
|
|
|
|
/**
|
|
* Use this to incrementally update the cache as views provide information
|
|
*/
|
|
hydrate(did: string, recordUri: string | undefined) {
|
|
if (recordUri) {
|
|
this.followDidToRecordMap[did] = recordUri
|
|
} else {
|
|
delete this.followDidToRecordMap[did]
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Use this to incrementally update the cache as views provide information
|
|
*/
|
|
hydrateProfiles(profiles: Profile[]) {
|
|
for (const profile of profiles) {
|
|
if (profile.viewer) {
|
|
this.hydrate(profile.did, profile.viewer.following)
|
|
}
|
|
}
|
|
}
|
|
}
|