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

machine.js

const toggleMachine = Machine({
  id: "toggle",
  initial: "visible",
  states: {
    visible: {
      on: {
        TOGGLE: "hidden"
      },
      initial: "rendered",
      states: {
        rendered: {
          on: {
            SWAP: "raw"
          }
        },
        raw: {
          on: {
            SWAP: "rendered"
          }
        },
        memo: {
          type: 'history'
        }
      }
    },
    hidden: {
      on: {
        TOGGLE: "visible.memo"
      }
    }
  }
});