src/state/index.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

import {onSnapshot} from 'mobx-state-tree'
import {
  RootStoreModel,
  RootStore,
  createDefaultRootStore,
} from './models/root-store'
import {Environment} from './env'
import * as storage from './storage'
import * as auth from '../api/auth'

const ROOT_STATE_STORAGE_KEY = 'root'

export async function setupState() {
  let rootStore: RootStore
  let data: any

  const env = new Environment()
  await env.setup()
  try {
    data = (await storage.load(ROOT_STATE_STORAGE_KEY)) || {}
    rootStore = RootStoreModel.create(data, env)
  } catch (e) {
    console.error('Failed to load state from storage', e)
    rootStore = RootStoreModel.create(createDefaultRootStore(), env)
  }

  // track changes & save to storage
  onSnapshot(rootStore, snapshot =>
    storage.save(ROOT_STATE_STORAGE_KEY, snapshot),
  )

  if (env.authStore) {
    const isAuthed = await auth.isAuthed(env.authStore)
    rootStore.session.setAuthed(isAuthed)
    const ucan = await auth.parseUrlForUcan()
    if (ucan) {
      await env.authStore.addUcan(ucan)
      rootStore.session.setAuthed(true)
    }
  }

  return rootStore
}

export {useStores, RootStoreModel, RootStoreProvider} from './models/root-store'
export type {RootStore} from './models/root-store'