Add conversion examples (#10)

examples/hierarchical.js

@@ -0,0 +1,44 @@
+const fs = require('fs');
+const convert = require('../src/index').default;
+
+const pedestrianStates = {
+  initial: 'walk',
+  states: {
+    walk: {
+      on: {
+        PED_TIMER: 'wait'
+      }
+    },
+    wait: {
+      on: {
+        PED_TIMER: 'stop'
+      }
+    },
+    stop: {}
+  }
+};
+
+const lightMachine = {
+  key: 'light',
+  initial: 'green',
+  states: {
+    green: {
+      on: {
+        TIMER: 'yellow'
+      }
+    },
+    yellow: {
+      on: {
+        TIMER: 'red'
+      }
+    },
+    red: {
+      on: {
+        TIMER: 'green'
+      },
+      ...pedestrianStates
+    }
+  }
+};
+
+fs.writeFileSync('examples/hierarchical.puml', convert(lightMachine));

examples/hierarchical.puml

@@ -0,0 +1,18 @@
+@startuml
+    state "light" as light {
+        state "green" as light_green
+        state "yellow" as light_yellow
+        [*] --> light_green 
+        light_green --> light_yellow : TIMER
+        light_yellow --> light_red : TIMER
+        light_red --> light_green : TIMER
+        state "red" as light_red {
+            state "walk" as red_walk
+            state "wait" as red_wait
+            state "stop" as red_stop
+            [*] --> red_walk 
+            red_walk --> red_wait : PED_TIMER
+            red_wait --> red_stop : PED_TIMER
+        }
+    }
+@enduml

examples/parallel.js

@@ -0,0 +1,57 @@
+const fs = require('fs');
+const convert = require('../src/index').default;
+
+const wordMachine = {
+  parallel: true,
+  states: {
+    bold: {
+      initial: 'off',
+      states: {
+        on: {
+          on: { TOGGLE_BOLD: 'off' }
+        },
+        off: {
+          on: { TOGGLE_BOLD: 'on' }
+        }
+      }
+    },
+    underline: {
+      initial: 'off',
+      states: {
+        on: {
+          on: { TOGGLE_UNDERLINE: 'off' }
+        },
+        off: {
+          on: { TOGGLE_UNDERLINE: 'on' }
+        }
+      }
+    },
+    italics: {
+      initial: 'off',
+      states: {
+        on: {
+          on: { TOGGLE_ITALICS: 'off' }
+        },
+        off: {
+          on: { TOGGLE_ITALICS: 'on' }
+        }
+      }
+    },
+    list: {
+      initial: 'none',
+      states: {
+        none: {
+          on: { BULLETS: 'bullets', NUMBERS: 'numbers' }
+        },
+        bullets: {
+          on: { NONE: 'none', NUMBERS: 'numbers' }
+        },
+        numbers: {
+          on: { BULLETS: 'bullets', NONE: 'none' }
+        }
+      }
+    }
+  }
+};
+
+fs.writeFileSync('examples/parallel.puml', convert(wordMachine));

examples/parallel.puml

@@ -0,0 +1,35 @@
+@startuml
+    state "bold" as bold {
+        state "on" as bold_on
+        state "off" as bold_off
+        [*] --> bold_off 
+        bold_on --> bold_off : TOGGLE_BOLD
+        bold_off --> bold_on : TOGGLE_BOLD
+    }
+    state "underline" as underline {
+        state "on" as underline_on
+        state "off" as underline_off
+        [*] --> underline_off 
+        underline_on --> underline_off : TOGGLE_UNDERLINE
+        underline_off --> underline_on : TOGGLE_UNDERLINE
+    }
+    state "italics" as italics {
+        state "on" as italics_on
+        state "off" as italics_off
+        [*] --> italics_off 
+        italics_on --> italics_off : TOGGLE_ITALICS
+        italics_off --> italics_on : TOGGLE_ITALICS
+    }
+    state "list" as list {
+        state "none" as list_none
+        state "bullets" as list_bullets
+        state "numbers" as list_numbers
+        [*] --> list_none 
+        list_none --> list_bullets : BULLETS
+        list_none --> list_numbers : NUMBERS
+        list_bullets --> list_none : NONE
+        list_bullets --> list_numbers : NUMBERS
+        list_numbers --> list_bullets : BULLETS
+        list_numbers --> list_none : NONE
+    }
+@enduml

examples/simple.js

@@ -0,0 +1,26 @@
+const fs = require('fs');
+const convert = require('../src/index').default;
+
+const lightMachine = {
+  key: 'light',
+  initial: 'green',
+  states: {
+    green: {
+      on: {
+        TIMER: 'yellow'
+      }
+    },
+    yellow: {
+      on: {
+        TIMER: 'red'
+      }
+    },
+    red: {
+      on: {
+        TIMER: 'green'
+      }
+    }
+  }
+};
+
+fs.writeFileSync('examples/simple.puml', convert(lightMachine));

examples/simple.puml

@@ -0,0 +1,11 @@
+@startuml
+    state "light" as light {
+        state "green" as light_green
+        state "yellow" as light_yellow
+        state "red" as light_red
+        [*] --> light_green 
+        light_green --> light_yellow : TIMER
+        light_yellow --> light_red : TIMER
+        light_red --> light_green : TIMER
+    }
+@enduml