erickeno

type validation('a) =
  | NotEmpty
  | Custom('a);

type t = string;

let validate = (rule, value, values) =>
  switch (rule) {
  | NotEmpty => String.length(value) > 0
  | Custom(fn) => fn(value, values)

erickeno

const getClasses = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve({ name: 'erick', isTrue: true})
    }, 5000)
  })
}

const getReservations = () => {
  return new Promise((resolve, reject) => {

erickeno

const reservationCheckin = () => {
  return Promise.resolve()
}
const checkinMachine = Machine(
  {
    id: 'checkin',
    initial: 'idle',
    context: { data: { cancelled: false, checkin: '0',spots_available: 10 } },
    states: {
      idle: {

erickeno

const reservationModal = {
  initial: 'closed',
  states: {
    closed: {
      on: {
        OPEN: 'open'
      }
    },
    open: {
      on: {

erickeno

XState + AWS Amplify example

A breakdown of a project that uses XState to manage state for authenticating a user with Cognito, and then finding the authorized application user with an invoked machine.

1. create auth machine
2. create auth context
3. handle AWS authentication
4. once user authenticates with Cognito, redirect to user route to get user from db
5. at user route use userMachine service from authMachine to get application user
6. once associated application user is found, send user to organization route to allow user to associate session with specific organization

erickeno

const openMic = {
  initial: 'idle',
  states: {
    idle: {
      on: {
        ADD_THIRTY_SEC: { actions: 'addThirtySec', target: 'running' },
        ADD_TIME: { actions: 'addTime' },
        SET_TIME: { actions: 'setTime' },
        START: { target: 'running', cond: ({ countdown }) => countdown !== 0 },
      },

erickeno

const emailStates = {
    initial: "noError",
    states: {
        noError: {},
        error: {
            initial: "empty",
            states: {
                empty: {},
                badFormat: {},
                noAccount: {},

erickeno

const initialAppContextItems = [
  {
    id: 0,
    title: 'Summer Photos',
    owner: 'Anthony Stevens',
    updatedAt: new Date(Date.UTC(2017, 6, 12)),
  },
  {
    id: 1,
    title: 'Surfing',

erickeno

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

erickeno

  // Available variables:
  // Machine (machine factory function)
  // assign (action)
  // XState (all XState exports)
  
  const fetchMachine = Machine({
    id: 'fetch',
    context: { attempts: 0 },
    initial: 'idle',