Giter Club home page Giter Club logo

fsm-event's Introduction

fsm-event

NPM version build status Test coverage Downloads js-standard-style

Stateful finite state machine wrapper around fsm. Emits events when transitioning states.

Installation

$ npm install fsm-event

Usage

const fsm = require('fsm-event')

const m = fsm('START', {
  START: { pause: 'PAUSED' },
  PAUSED: { resume: 'START' }
})

m.on('START:leave', cb => console.log('leaving start!'); cb())
m.on('PAUSED', () => console.log('paused state!'))

m('pause')
// 'leaving start'
// 'paused state!'

API

m = fsm([start,] events)

Create a state machine. start defaults to START.

m.on(event, cb)

Attach a listener to the state machine. See events for an overview of all events.

m(event)

Transition states in the state machine. Must be a valid transition defined on initalization. Will throw if an invalid transition is triggered. Alias: m.emit(event).

Events

Each state transition triggers 3 events. important: When listening to :enter or :leave events, the callback must be called so that the state machine can proceed to the next state.

error           incorrect transition
<state>         when new state is entered
<state>:enter   when transitioning into state
<state>:leave   when transitioning away from state
done            when state transition finished

Why?

Most state machines have overly complicated interfaces for managing state. The fsm state machine is simple but doesn't manage state for you, so I wrote a wrapper around it that manages state in an event-driven way. The initial use case was to manage complex, stateful UI elements but it can be used anywhere.

See Also

License

MIT

fsm-event's People

Contributors

yoshuawuyts avatar

Stargazers

Sofya Tuymedova avatar Advait Kalakkad avatar Jonathan Pyers avatar Paul Cook avatar Cat  avatar Andrew Chou avatar Yoshiya Hinosawa avatar Jim Pick avatar Sérgio Medeiros avatar Praveen avatar Luke Hedger avatar 周汉成 avatar Jasper Ji avatar Michael Leonard avatar Alex Bates avatar Christian avatar Bret Comnes avatar Mickey Burks avatar John S. Dvorak avatar Shule Hsiung avatar Jon Silver avatar  avatar  avatar Emil Bay avatar Chris Vickery avatar Andrew Joslin avatar Angus H. avatar nichoth avatar Jayson Harshbarger avatar Brendan Ashworth avatar SirVon Thomas avatar Chris Hart avatar Jim Gray avatar Derrick Schwabe avatar Robert Jefe Lindstädt avatar Jithin Shah avatar  avatar  avatar Thomas Efer avatar Josh Taylor avatar Brian Demant avatar maboiteaspam avatar Manikanta Gade avatar creativcoder avatar Michael J. Ryan avatar Feross Aboukhadijeh avatar Stéphane avatar  avatar  avatar David Vílchez avatar Robin Larsson avatar Qin Zeng avatar Jonathan Altman avatar Etai Peretz avatar Sean Vieira avatar Aitor Oses avatar  avatar Joohun, Maeng avatar  avatar Neil Carpenter avatar Scott Ollivier avatar Tobias Davis avatar Josh Duff avatar Shay avatar Luis Faustino avatar Mikael Karon avatar Harold Ozouf avatar Igor Rafael avatar Nick avatar Magnús Örn Gylfason avatar David Ed Mellum avatar Eric Ting avatar Guido avatar MK avatar tom zhou avatar Ray Patterson avatar Nikolay Kolev avatar Joseph Werle avatar Grigorii Chudnov avatar Jonas Hermsmeier avatar Hugh Kennedy avatar Sean Bohan avatar Christian Quinders avatar Sander Struijk avatar James B. Pollack, MFA  avatar Gary Court avatar Brandon Papworth avatar Matias Klemola avatar Peter Peerdeman avatar Garrick Cheung avatar  avatar

Watchers

tom zhou avatar Michael J. Ryan avatar James Cloos avatar  avatar  avatar

Forkers

fuzzyalej nvdnkpr

fsm-event's Issues

transitions

forgive me, I don't understand the purpose of defining transitions in your lib other than for defining which states can reach each other. i.e.

It makes more sense in my head to use transition names rather than the states.

m.init('START') // set initial state
m('pause') // PAUSED state

Can you elaborate on your design? I'm not sure I understand. Not your fault, probably mine.

Passing values with event

Is there a way, or is it unwise, to allow passing of arguments to state transitions?

e.g. m('play', 'path/to/some/file')

m.on('PLAYING', (arg1) => console.log(arg1) // 'path/to/some/file')

non-direct transition chains

fsm supports checking for non-direct transitions. e.g. given a -> b it can figure out it needs to do a -> b -> c. fsm-event doesn't support this yet, though it might be neat to have. I currently don't have a use case for this, but if anyone want to implement it patches would be more than welcome.

optional callback when transitioning

Right now if :leave or :enter events require a callback to be called lest the state machine hangs. We could detect whether the callback is defined and proceed synchronously if it isn't.

// works now
m.on('START:leave', cb => console.log('leaving start!'); cb())

// doesn't work currently; expected
m.on('START:leave', cb => console.log('leaving start!'))

// doesn't work currently, but will work after detection is added
m.on('START:leave', () => console.log('leaving start!'))

expose a `.on('done')` event

.on('done') / .on('success') to indicate the transition finished and we're ready to accept new transitions. Works nicely with queueing / buffer mechanisms. If async / delayed actions happen there's the possibility of race conditions. I think exposing a hook is better than building queueing straight in.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.