xstate-plantuml

xstate-plantuml

Convert a xstate or react-automata statechart to a plantuml state diagram

Usage

import convert from 'xstate-plantuml';

const config = {
  key: 'light',
  initial: 'green',
  states: {
    green: {
      on: {
        TIMER: 'yellow'
      }
    },
    yellow: {
      on: {
        TIMER: 'red'
      }
    },
    red: {
      on: {
        TIMER: 'green'
      }
    }
  }
};

console.log(convert(config));

Supports

• Single machine
• Parallel machine
• Hierarchical machine
• History machine
• Initial event
• Internal string events {on: {x: '.y'}}
• Internal obj events {on {x: {target: 'y'}}}
• String event {on: {x: 'y'}}
• Object event {on: {x: {y: {}}}}
• Array event {on: {x: [{target: 'y'}]}}
• String action fetch
• Object action { type: 'fetch'}
• Function action
• onEntry actions
• onExit actions
• transition actions