zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Update the view after a post is created

Browse source
This commit is contained in:
Paul Frazee 2022-10-04 11:33:32 -05:00
parent 0aaa406b17
commit 236c908058
9 changed files with 79 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/state/models/feed-view.ts
View file

@ -102,6 +102,7 @@ export class FeedViewModel {
params: GetFeedView.QueryParams
_loadPromise: Promise<void> | undefined
_loadMorePromise: Promise<void> | undefined
_loadLatestPromise: Promise<void> | undefined
_updatePromise: Promise<void> | undefined
// data
@ -118,6 +119,7 @@ export class FeedViewModel {
params: false,
_loadPromise: false,
_loadMorePromise: false,
_loadLatestPromise: false,
_updatePromise: false,
},
{autoBind: true},
@ -180,6 +182,19 @@ export class FeedViewModel {
this._loadMorePromise = undefined
}
/**
* Load more posts to the start of the feed
*/
async loadLatest() {
if (this._loadLatestPromise) {
return this._loadLatestPromise
}
await this._pendingWork()
this._loadLatestPromise = this._loadLatest()
await this._loadLatestPromise
this._loadLatestPromise = undefined
}
/**
* Update content in-place
*/
@ -219,6 +234,9 @@ export class FeedViewModel {
if (this._loadMorePromise) {
await this._loadMorePromise
}
if (this._loadLatestPromise) {
await this._loadLatestPromise
}
if (this._updatePromise) {
await this._updatePromise
}
@ -235,6 +253,17 @@ export class FeedViewModel {
}
}
private async _loadLatest() {
this._xLoading()
try {
const res = await this.rootStore.api.todo.social.getFeed(this.params)
this._prependAll(res)
this._xIdle()
} catch (e: any) {
this._xIdle(`Failed to load feed: ${e.toString()}`)
}
}
private async _loadMore() {
this._xLoading()
try {
@ -298,6 +327,23 @@ export class FeedViewModel {
this.feed.push(new FeedViewItemModel(this.rootStore, `item-${keyId}`, item))
}
private _prependAll(res: GetFeedView.Response) {
let counter = this.feed.length
for (const item of res.data.feed) {
if (this.feed.find(item2 => item2.uri === item.uri)) {
return // stop here - we've hit a post we already ahve
}
this._prepend(counter++, item)
}
}
private _prepend(keyId: number, item: GetFeedView.FeedItem) {
// TODO: validate .record
this.feed.unshift(
new FeedViewItemModel(this.rootStore, `item-${keyId}`, item),
)
}
private _updateAll(res: GetFeedView.Response) {
for (const item of res.data.feed) {
const existingItem = this.feed.find(