core-ui-state

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import { StateMachine, Flow } from '@sbx/core-ui/state';

// Typed state machine
const auth = new StateMachine({
  initial: 'idle',
  states: {
    idle:    { LOGIN: 'authenticating' },
    authenticating: { SUCCESS: 'authenticated', FAILURE: 'idle' },
    authenticated:  { LOGOUT: 'idle' },
  }
});

auth.send('LOGIN');  // → 'authenticating'

// Async flow
const fetchFlow = new Flow<User[]>();
fetchFlow.loading();
const users = await api.getUsers();
fetchFlow.success(users);  // or fetchFlow.error(err)