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

machine.js

Machine({
  id: 'Scroll view',
  initial: 'chat_closed',
  context: {
    dog: null
  },
  states: {
    chat_closed: {
      on: {
        open: 'chat_open'
      }
    },
    chat_open: {
      on: {
        render_messages: 'now'
      }
    },
    now: {
      on: {
        scroll_up: 'scrolling'
      }
    },
    scrolling: {
      on: { 
        inside_load_more_threshold: 'load_more_inside',
        load_more_at_0: 'load_more_at_0'
      }
    },
    load_more_inside: {
      scrollTop: 100,
      height: 800,
      scrollHeight: 800,
      on: {
        render_messages: 'scrolling'
      }
    },
    load_more_at_0: {
      scrollTop: 0,
      height: 800,
      scrollHeight: 800,
      on: {
        render_messages: 'keep_scroll_in_place'
      }
    },
    keep_scroll_in_place: {}
  }
})