Skip to content

Instantly share code, notes, and snippets.

@valscion
Last active September 30, 2019 13:28
Show Gist options
  • Save valscion/95012fdf99dcb03d6cd65d6cff1e2f00 to your computer and use it in GitHub Desktop.
Save valscion/95012fdf99dcb03d6cd65d6cff1e2f00 to your computer and use it in GitHub Desktop.
Generated by XState Viz: https://xstate.js.org/viz
const handleRequestSuccess = assign({
results: (_ctx, event) => event.results
});
const searchStateMachine = Machine({
id: 'search',
initial: 'idle',
context: {
results: []
},
states: {
idle: {
on: {
CHANGE_OPTION: 'fetching',
CHANGE_TEXT_INPUT: 'debouncing'
}
},
debouncing: {
on: {
CHANGE_OPTION: 'fetching',
CHANGE_TEXT_INPUT: 'debouncing',
TEXT_INPUT_BLUR: 'fetching'
},
after: [{ delay: 300, target: 'fetching' }]
},
fetching: {
exit: ['clearPendingRequest'],
entry: ['startRequest'],
on: {
SEARCH_REQUEST_SUCCESS: {
target: 'idle',
actions: [handleRequestSuccess]
},
SEARCH_REQUEST_FAILURE: {
target: 'error',
actions: ['handleRequestFailure']
},
CHANGE_OPTION: 'fetching',
CHANGE_TEXT_INPUT: 'debouncing'
},
initial: 'fast',
states: {
fast: {
after: [{ delay: 500, target: 'slow' }]
},
slow: {
type: 'final'
}
}
},
error: {
on: {
'': {
target: 'idle'
}
}
}
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment