njdancer

  const machine = Machine({
    id: 'categoryList',
    initial: 'loading',
    context: {
    },
    states: {
      loading: {
        invoke: {
          src: "loadData",

njdancer

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

njdancer

const loadData = (callback, receive) => {
  const intervalId = setInterval(() => {
    callback({type:"DATA", data: "data"})
    console.log("called")
  }, 2500)
  return () => clearInterval(intervalId)
}

const appMachine = Machine({
  id: 'app',

njdancer

const timelineMachine = Machine(
  {
    id: "timeline",
    initial: "idle",
    context: {},
    on: {
      "UPDATE_SPACES": {
        actions: "assignSpaces"
      },
      "ADMINISTER": "admin"

njdancer

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

njdancer

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

njdancer

interface Measurements {
  x: number
  y: number
  width: number
  height: number
  pageX: number
  pageY: number
}

export const useMeasure: () => [RefObject<View>, Measurements] = () => {

njdancer

const systemMachine = Machine({
  id: "system",
  context: {},
  initial: "loading",
  states: {
    loading: {
      id: "loadSystemData",
      src: "loadSystemData",
      onDone: {
        target: "configure",

njdancer

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

njdancer

const requestMachine = Machine(
  {
    context: {
      failGracefully: false,
      tokenUpdated: false,
    },
    id: "request",
    initial: "loading",
    on: {
      REFRESH: ".loading",