christiannwamba

version: '3.6'
services:
  postgres:
    image: postgres:12
    restart: always
    volumes:
    - db_data:/var/lib/postgresql/data
    environment:
      POSTGRES_PASSWORD: postgrespassword
  graphql-engine:

christiannwamba

// DEMO: General demo with light bulp
// - Context
// - Actions
// -- Transitions
// -- Exit and Entry
// - States
// - Assign
// - Services https://codesandbox.io/s/xstate--bulb-demo-gkqrx?file=/src/index.js

  // Available variables:

christiannwamba

// DEMO: Hierarchical + Parallel States
const heatedStates = {
  lowHeat: {
    on: { TOGGLE_HEAT: 'highHeat' }
  },
  highHeat: {
    on: { TOGGLE_HEAT: 'lowHeat' }
  }
}

christiannwamba

// DEMO: Internal Transitions

const idleMachine = Machine(
  {
    id: "idle",
    initial: "idle",
    states: {
      idle: {
        entry: ["logEntry"],
        exit: ["logExit"]

christiannwamba

// DEMO: Calling events from other events

const echoMachine = Machine({
  id: "echo",
  initial: "listening",
  states: {
    listening: {
      on: {
        SPEAK: {
          // Calls the ECHO action

christiannwamba

// DEMO: Side effects with activities
// Look for beebing in the console
const initial = "idle";

const states = {
  idle: {
    on: {
      ALARM: "alarming"
    }
  },

christiannwamba

// DEMO: Guarding

const vendingMachineMachine = Machine(
  {
    id: "vendingMachine",
    initial: "idle",
    context: {
      deposited: 0
    },
    states: {

christiannwamba

// DEMO: History State (Shallow)


const poweredOnStates = {
   lowHeat: {
    on: { TOGGLE_HEAT: 'highHeat' }
  },
  highHeat: {
    on: { TOGGLE_HEAT: 'lowHeat' }
  },

christiannwamba

// DEMO: History State Deep

const heatedStates = {
  lowHeat: {
    on: { TOGGLE_HEAT: 'highHeat' }
  },
  highHeat: {
    on: { TOGGLE_HEAT: 'lowHeat' }
  }
}

christiannwamba

// DEMO: Null or Transient Transitions with ''

// Cick TRY 3 times and it will get to success but will keep coming back to idle at 1 and 2 time
// You can see the state increment in the STATE tab when you click TRY
const ifAtFirstYouDontSucceed = Machine(
  {
    id: 'tryTryAgain',
    initial: 'idle',
    context: {
      tries: 0,