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

machine.js

const presentedLayersMachine = Machine({
    id: 'layers',
    initial: 'loading',
    context: {
      scarletPreviewer: null,
      draftLayers: [],
      publishedLayers: [],
      presentedLayers: [],
      initialArtboard: null,
      query: () => Promise.resolve(),
      isFirstRender: true,
    },
    states: {
      loading: {
        invoke: {
          id: 'copyArtboardQuery',
          src: context => context.query && context.query(),
          onDone: {
            target: 'success',
          },
          onError: {
            target: 'failure',
          },
        },
      },
      success: {
        on: {
          '': {
            target: 'idle',
          },
        },
      },
      failure: {
        type: 'final',
      },
      idle: {
        on: {
          DISCARD_ALL: {
            target: 'idle.rendering',
          },
          DISCARD_SINGLE: {
            target: 'idle.rendering',
          },
          SET_VISIBILITY: {
            target: 'idle.rendering',
          },
          SET_VALUE: {
            target: 'idle.rendering',
          },
        },
        states: {
          rendering: {
            on: {
              ON_PREVIEWER_RENDERED: [
                {
                  target: 'repositioning',
                  cond: 'hasUnpositionedLayers',
                },
                { target: 'rendered' },
              ],
            },
          },
          repositioning: {
            on: {
              ON_PREVIEWER_RENDERED: 'rendered',
            },
          },
          rendered: {
            entry: assign({
              isFirstRender: (ctx, e) => false,
            }),
          }
        },
      }
    }
});