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

machine.js

const encoderStates = {
  initial: 'streaming',
  states: {
    streaming: {
      on: {
        ENCODER_STOPPED: 'paused',
      },
    },
    paused: {
      on: {
        ENCODER_RESUMED: 'streaming',
      },
    },
  },
};

const browserStates = {
  initial: 'processing',
  states: {
    processing: {
      on: {
        PROCESSED: 'streaming',
      },
    },
    streaming: {
      on: {
        PAUSE: 'paused',
        ERROR: 'error',
      },
    },
    paused: {
      on: {
        GO_LIVE: 'streaming',
      },
    },
    error: {
      on: {
        GO_LIVE: 'streaming',
      },
    },
  },
};

const livestreamMachine = Machine({
  id: 'livestream-hierarchical',
  type: 'parallel',
  states: {
    stage: {
      initial: 'browserCanStream',
      states: {
        browserCanStream: {
          on: {
            GO_LIVE: 'browser',
            FROM_ENCODER: 'encoderProcessing',
            END: 'completed',
          },
        },
        encoderProcessing: {
          on: {
            PROCESSED: 'encoderCanStream',
            FROM_BROWSER: 'browserCanStream',
            END: 'completed',
          },
        },
        encoderCanStream: {
          on: {
            ENCODER_STARTED: 'encoder',
            FROM_BROWSER: 'browserCanStream',
          },
        },
        encoder: {
          on: {
            ERROR: 'error',
            END: 'completed',
            SWITCH: 'encoderCanStream',
          },
          ...encoderStates,
        },
        browser: {
          on: {
            END: 'completed',
            SWITCH: 'browserCanStream',
          },
          ...browserStates,
        },
        error: {
          type: 'final',
        },
        completed: {
          type: 'final',
        },
      },
    },
    type: {
      initial: 'test',
      states: {
        test: {
          on: {
            EVENT: 'event',
          },
        },
        event: {
          type: 'final',
        },
      },
    },
  },
});