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

machine.js

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

const fetchMachine = Machine({
  id: "map",
  initial: "preview",
  context: {
    map: {},
    devices: [],
    deviceId: '',
    devicePosition: {x:0, y:0},
    buildingId: '',
    buildingPoints: []
  },
  states: {
    preview: {
      on: {
        MANAGE_DEVICES: "deviceManager",
        MANAGE_BUILDINGS: "buildingManager",
      },
    },
    deviceManager: {
      states: {
        idle: {
          on: {
            DRAG: "dragging",
          },
        },
        moving: {
          on: {
            DROP: "idle",
            CANCEL: "idle",
          },
        },
        dragging: {
          on: {
            DROP: "idle",
          },
        },
        adding: {
          on: {
            DROP: "idle",
          },
        },
      },
      on: {
        SAVE: "preview",
      },
    },
    buildingManager: {
      states: {
        idle: {
          on: {
            DRAW: 'drawing'
          }
        },
        drawing: {
          on: {
            ADD_POINT: 'drawing',
            DONE: 'done'
          }
        },
        done: {
          on: {
            always: 'idle'
          }
        }
      },
      on: {
        SAVE: "preview",
      },
    },
  },
});