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

machine.js

const isNotMax = context => context.count < 10;
const isNotMin = context => context.count > 0;

const increment = context => context.count + 1;
const decrement = context => context.count - 1;

const counterMachine = Machine({
  initial: 'active',
  context: {
    count: 0
  },
  states: {
    inactive: {
      on: {
        TURN_ON: "active"
      }
    },
    active: {
      on: {
        TURN_OFF: "inactive",
        INCREMENT: {
          actions: assign({ count: increment }),
          cond: isNotMax
        },
        DECREMENT: {
          actions: assign({ count: decrement }),
          cond: isNotMin
        }
      }
    }
  }
});