the-main-thing

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

the-main-thing

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

the-main-thing

  
  const fetchMachine = Machine(	{
		id: "connection",
		initial: "disconnected",
		context: {
			wsServerUrl: null,
			socket: null,
			error: null,
			recievedPacket: null,

the-main-thing

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

the-main-thing

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

the-main-thing

const editinMachine = Machine({
	id: 'editingMachine',
	initial: 'idle',
	context: {
		id: null,
		name: null,
		email: null,
		errorMessage: null,
	},
  on: {

the-main-thing

// export const STATES = {
//   idle: 'idle',
//   ['idle.idle']: 'idle.idle',
//   ['idle.creating']: 'idle.creating',
//   savingNew: 'savingNew',
//   savingChange: 'savingChange',
//   confirmDelete: 'confirmDelete',
//   ['confirmDelete.idle']: 'confirmDelete.idle',
//   ['confirmDelete.creating']: 'confirmDelete.creating',

the-main-thing

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

the-main-thing

const id = 'databoard-inline-realtime-update'
      const initialContext = {
    deletingKey: null,
    data: [],
    currentItem: {
      key: null
    },
    invalidInputs: {},
    errorMessage: null
  };

the-main-thing

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions