Add profile view

src/state/models/feed-view.ts

@@ -3,7 +3,10 @@ import {bsky} from '@adxp/mock-api'
 import {RootStoreModel} from './root-store'
 
 export class FeedViewItemModel implements bsky.FeedView.FeedItem {
+  // ui state
   _reactKey: string = ''
+
+  // data
   uri: string = ''
   author: bsky.FeedView.User = {did: '', name: '', displayName: ''}
   repostedBy?: bsky.FeedView.User
@@ -25,14 +28,17 @@ export class FeedViewItemModel implements bsky.FeedView.FeedItem {
 }
 
 export class FeedViewModel implements bsky.FeedView.Response {
+  // state
   isLoading = false
   isRefreshing = false
   hasLoaded = false
   error = ''
   params: bsky.FeedView.Params
-  feed: FeedViewItemModel[] = []
   _loadMorePromise: Promise<void> | undefined
 
+  // data
+  feed: FeedViewItemModel[] = []
+
   constructor(public rootStore: RootStoreModel, params: bsky.FeedView.Params) {
     makeAutoObservable(
       this,

src/state/models/post-thread-view.ts

@@ -72,12 +72,15 @@ export class PostThreadViewPostModel implements bsky.PostThreadView.Post {
 const UNLOADED_THREAD = new PostThreadViewPostModel('')
 
 export class PostThreadViewModel implements bsky.PostThreadView.Response {
+  // state
   isLoading = false
   isRefreshing = false
   hasLoaded = false
   error = ''
   resolvedUri = ''
   params: bsky.PostThreadView.Params
+
+  // data
   thread: PostThreadViewPostModel = UNLOADED_THREAD
 
   constructor(
@@ -167,7 +170,7 @@ export class PostThreadViewModel implements bsky.PostThreadView.Response {
   private async _refresh() {
     this._xLoading(true)
     // TODO: refetch and update items
-    await new Promise(r => setTimeout(r, 1e3)) // DEBUG
+    await new Promise(r => setTimeout(r, 250)) // DEBUG
     this._xIdle()
   }
 

src/state/models/profile-view.ts

@@ -0,0 +1,105 @@
+import {makeAutoObservable} from 'mobx'
+import {bsky} from '@adxp/mock-api'
+import {RootStoreModel} from './root-store'
+
+export class ProfileViewModel implements bsky.ProfileView.Response {
+  // state
+  isLoading = false
+  isRefreshing = false
+  hasLoaded = false
+  error = ''
+  params: bsky.ProfileView.Params
+
+  // data
+  did: string = ''
+  name: string = ''
+  displayName: string = ''
+  description: string = ''
+  followersCount: number = 0
+  followsCount: number = 0
+  postsCount: number = 0
+  badges: bsky.ProfileView.Badge[] = []
+
+  constructor(
+    public rootStore: RootStoreModel,
+    params: bsky.ProfileView.Params,
+  ) {
+    makeAutoObservable(
+      this,
+      {
+        rootStore: false,
+        params: false,
+      },
+      {autoBind: true},
+    )
+    this.params = params
+  }
+
+  get hasContent() {
+    return this.did !== ''
+  }
+
+  get hasError() {
+    return this.error !== ''
+  }
+
+  get isEmpty() {
+    return this.hasLoaded && !this.hasContent
+  }
+
+  // public api
+  // =
+
+  async setup() {
+    await this._load()
+  }
+
+  async refresh() {
+    await this._load()
+  }
+
+  // state transitions
+  // =
+
+  private _xLoading(isRefreshing = false) {
+    this.isLoading = true
+    this.isRefreshing = isRefreshing
+    this.error = ''
+  }
+
+  private _xIdle(err: string = '') {
+    this.isLoading = false
+    this.isRefreshing = false
+    this.hasLoaded = true
+    this.error = err
+  }
+
+  // loader functions
+  // =
+
+  private async _load() {
+    this._xLoading()
+    await new Promise(r => setTimeout(r, 250)) // DEBUG
+    try {
+      const res = (await this.rootStore.api.mainPds.view(
+        'blueskyweb.xyz:ProfileView',
+        this.params,
+      )) as bsky.ProfileView.Response
+      this._replaceAll(res)
+      this._xIdle()
+    } catch (e: any) {
+      this._xIdle(`Failed to load feed: ${e.toString()}`)
+    }
+  }
+
+  private _replaceAll(res: bsky.ProfileView.Response) {
+    this.did = res.did
+    this.name = res.name
+    this.displayName = res.displayName
+    this.description = res.description
+    this.followersCount = res.followersCount
+    this.followsCount = res.followsCount
+    this.postsCount = res.postsCount
+    this.badges = res.badges
+  }
+}