GithubHelp home page GithubHelp logo

nvdnkpr / fsm-event Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yoshuawuyts/fsm-event

0.0 2.0 0.0 62 KB

:slot_machine: stateful finite state machine

License: MIT License

JavaScript 100.00%

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: {
    data: 'START',
    pause: 'PAUSED',
    end: 'END',
    error: 'ERROR'
  },
  PAUSED: {
    pause: 'PAUSED',
    resume: 'START',
    error: 'ERROR'
  },
  ERROR: {},
  END: {}
})

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

m('START')
m('PAUSED')
// 'leaving start'
// 'paused state!'

API

m = fsm(events)

Create a state machine.

m.on(event, cb)

Attach a listener to the state machine.

m(event)

Transition states in the state machine. Must be a valid state defined on init. 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.

<state>         main state function 
<state>:enter   called when transitioning into state
<state>:leave   called when transitioning away from state

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

Watchers

Navid Nikpour avatar  avatar

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.