sange_state_machine_toggle_idle_active_transitions.ts

1import { createMachine, interpret } from '@eliyya/sange';
2
3// 1. Define the machine configuration
4const toggleMachine = createMachine({
5  id: 'toggle',
6  initial: 'inactive',
7  states: {
8    inactive: {
9      on: { TOGGLE: 'active' }
10    },
11    active: {
12      on: { TOGGLE: 'inactive' }
13    }
14  }
15});
16
17// 2. Interpret the machine to create a service
18const toggleService = interpret(toggleMachine)
19  .onTransition((state) => {
20    console.log('Current state:', state.value);
21  })
22  .start();
23
24// 3. Send events to trigger transitions
25toggleService.send('TOGGLE'); // logs: "Current state: active"
26toggleService.send('TOGGLE'); // logs: "Current state: inactive"