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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
 
  const OfflineModeMachine = Machine({
    initial: 'paused',
    context: {
      scale: 1
    },
    states: {
      paused: {
        on: {
          PLAYPAUSE: 'playing',
          SEEK: 'paused',
          GALLERY_SEEK: 'gallery',
          NEXT_FRAME: 'paused',
          PREV_FRAME: 'paused',
          FF: 'fffb',
          FB: 'fffb',
        }
      },
      gallery: {
        // `gallery` is mostly equivalent to `paused`
        // but with different UI behavior
        on: {
          PLAYPAUSE: 'playing',
          SEEK: 'paused',
          GALLERY_SEEK: 'gallery',
          NEXT_FRAME: 'paused',
          PREV_FRAME: 'paused',
          FF: 'fffb',
          FB: 'fffb'
        }
      },
      playing: {
        on: {
          PLAYPAUSE: 'paused',
          SEEK: 'playing',
          GALLERY_SEEK: 'gallery',
          NEXT_FRAME: 'paused',
          PREV_FRAME: 'paused',
          FF: 'fffb',
          FB: 'fffb',
          EOS: 'eos'
        }
      },
      fffb: {
        on: {
          PLAYPAUSE: 'playing',
          SEEK: 'playing',
          GALLERY_SEEK: 'gallery',
          NEXT_FRAME: 'paused',
          PREV_FRAME: 'paused',
          FF: 'fffb',
          FB: 'fffb',
          EOS: 'eos'
        }
      },
      eos: {
        // `eos` includes start and end of stream 
        // `eos` is mostly equivalent to `paused`
        // a seek to start will be triggered when 
        // upon PLAYPAUSE in `eof`
        on: {
          PLAYPAUSE: 'playing',
          SEEK: 'paused',
          GALLERY_SEEK: 'gallery',
          NEXT_FRAME: 'paused',
          PREV_FRAME: 'paused',
          FF: 'fffb',
          FB: 'fffb',
        }
      },
    }
  });