Generated by XState Viz: https://xstate.js.org/viz

machine.js

const editor = Machine({
  type: 'parallel',
  states: {
    sidebar: {
      initial: 'expanded',
      states: {
        expanded: {
          on: {
            TOGGLE_SIDEBAR: 'collapsed',
          },
        },
        collapsed: {
          on: {
            TOGGLE_SIDEBAR: 'expanded'
          }
        },
      }
    },
    preview: {
      initial: 'visible',
      states: {
        visible: {
          on: {
            TOGGLE_PREVIEW: 'hidden'
          },
          initial: 'rendered',
          states: {
            rendered: {
              on: {
                TOGGLE_PREVIEW_MODE: 'html'
              }
            },
            html: {
              on: {
                TOGGLE_PREVIEW_MODE: 'rendered'
              }
            },
            memo: {
              type: 'history'
            }
          }
        },
        hidden: {
          on: {
            TOGGLE_PREVIEW: 'visible.memo'
          }
        },
      }
    }
  },
});