@init and async function

Look like if pass the async function to @init then storage doesn’t update. I have written small test for this:

it('update state with async @init', () => {
  function init (store) {
    store.on('@init', async () => ({ a: 1, c: 2 }))
  }
  let store = createStore([init])
  expect(store.get()).toEqual({ a: 1, c: 2 }) // here will be empty object
})

How I can handle it? I need it in https://github.com/storeon/localstorage because some storage should be fired with await in @init.

[ai]

You need to wait that 500 ms before calling expect(). Try:

- it('update state with async @init', () => {
+ it('update state with async @init', async () => {
    function init (store) {
      store.on('@init', async () => {
        await delay(500)
        store.dispatch('update/data', { a: 1, c: 2 })
      })
      store.on('update/data', (_, data) => data)
    }
    let store = createStore([init])
+   await delay(600)
    expect(store.get()).toEqual({ a: 1, c: 2 }) // here will be empty object
  })

[ai]

You need to dispatch another event and change data there:

store.on('@init', async () => {
  let data await loadData()
  store.dispatch('data/loaded', data)
})

store.on('data/loaded, data => {
  return { data }
})

We added this limit for a purpose to always have an event in history on any state changes.