farskid

stateDiagram-v2
  state "form input
      entry: a, b" as form%20input
  state form%20input {
    state "active
      entry: enableInput
      exit: blah blah" as machine.active
    state "disabled
      entry: disableInput

farskid

// Test tree with contrived data
let testTree = {
  value: 1,
  child: [
  {value: 2, child: [
    {value: 7, child: []},
    {value: 8, child: []},
    {value: 9, child: []},
  ]},
  {value: 3, child: []},

farskid

import { createMachine, assign } from "xstate"
import {
  zipCodeRegex,
  verifyZipcode,
  formatPhoneNumber,
  validatePhoneNumber,
} from "../../utils/quiz_form_validation"

//
export const stepMachine = createMachine(

farskid

Machine({
  initial: 'a',
  // leaving a syntax error deliberately here
  states: 
    a: {}
  }
})

farskid

const fileMachine = Machine({
  id: "file",
  type: "parallel",
  states: {
    upload: {
      initial: "idle",
      states: {
        idle: {

farskid

const fileMachine = Machine({
  id: "file",
  type: "parallel",
  states: {
    upload: {
      initial: "idle",
      states: {
        idle: {

farskid

const editorPanelMachine = Machine({
  context: {immediateUpdate: true},
  initial: 'booting',
  states: {
    booting: {},
    active: {},
    updating: {
      entry: send('UPDATE_MACHINE_PRESSED'),
      always: 'active',
    },

farskid

Machine({
  initial: 'a',
   context: {}, // enable this for the machine to work
  states: {
    a: {
      entry: assign({id: 1}),
      on: {
        '': [
          {target: 'with_id', cond: ctx => !!ctx.id},
          'no_id'

farskid

Machine({
  id: 'a',
    initial: 'checking_url',
    context: {gistID: null, gistRawContent: null},
    states: {
        checking_url: {
            entry: 'parseQueries',
            always: [
                { target: 'with_gist', cond: 'isGistIDAvailable' },
                { target: 'no_gist' }

farskid

Machine({
  id: 'test',
  initial: 'a',
  states: {a: {
    entry: ['t']
  }}
}, {
  actions: {
    t: () => console.log('hello')
  }