modeling-app/src/machines/homeMachine.ts

import { assign, createMachine } from 'xstate'
import { HomeCommandSchema } from 'lib/commandBarConfigs/homeCommandConfig'
import { Project } from 'wasm-lib/kcl/bindings/Project'

export const homeMachine = createMachine(
  {
    /** @xstate-layout N4IgpgJg5mDOIC5QAkD2BbMACdBDAxgBYCWAdmAHTK6xampYAOATqgFZj4AusAxAMLMwuLthbtOXANoAGALqJQjVLGJdiqUopAAPRAHYAbPooAWABwBGUwE5zAJgeGArM-MAaEAE9EN0wGYKGX97GX1nGVNDS0MbfwBfeM80TBwCEnIqGiZWDm4+ACUwUlxU8TzpeW1lVXVNbT0EcJNg02d-fzt7fU77Tx8EQ0iKCPtnfUsjGRtLGXtE5IxsPCIySmpacsk+QWFRHIluWQUkEBq1DS1TxqN7ChjzOxtXf0t7a37EcwsRibH-ZzRezA8wLEApZbpNZZTa5ba8AAiYAANmB9lsjlVTuc6ldQDdDOYKP5bm0os5TDJDJ8mlEzPpzIZHA4bO9umCIWlVpkNgcKnwAPKMYp8yTHaoqC71a6IEmBUz6BkWZzWDq2Uw0qzOIJAwz+PXWfSmeZJcFLLkZSi7ERkKCi7i8CCaShkABuqAA1pR8EIRGAALQYyonJSS3ENRDA2wUeyvd6dPVhGw0-RhGOp8IA8xGFkc80rS0Ua3qUh2oO8MDMVjMCiMZEiABmqGY6AoPr2AaD4uxYcuEYQoQpQWNNjsMnMgLGKbT3TC7TcOfsNjzqQL0KKJXQtvtXEdzoobs9lCEm87cMxIbOvel+MQqtMQRmS5ks31sZpAUsZkcIX+cQZJIrpC3KUBupTbuWlbVrW9ZcE2LYUCepRnocwYSrUfYyggbzvBQ+jMq49imLYwTUt4iCft+5i-u0-7UfoQEWtCSKoiWZbnruTqZIeXoUBAKJoihFTdqGGE3rod7UdqsQTI8hiGAqrIauRA7RvYeoqhO1jtAqjFrpkLFohBHEVlWzYwY2zatvxrFCWKWKiVKeISdh4yBJE-jGs4fhhA4zg0kRNgxhplhaW0nn4XpUKZEUuAQMZqF8FxLqkO6vG+hAgYcbAIlXmJzmNERdy0RYNiKgpthxDSEU6q8MSTJYjWGFFIEULF8WljuSX7jxx7CJlQY5ZYl44pht4IP61gyPc8njt0lIuH51UKrVVITEyMy2C1hbtQl-KmdBdaWQhGVZYluWjeJjSTf402shMEyuEyljPAFL0UNmMiuN86lWHMiSmvQ-HwKcnL6WA6FOf2k3mESMRDA4RpUm4U4qf6gSEt0QIvvqfjOCaiyrtF6zZPQXWQ+GWFlUEsbmNMf1TV9NLeXDcqRIySnNaaYPEzC5M9vl-b+IyFCjupryPF9jKWP5Kks-cbMWLERHRNt0LFntkgU2NLk4dqsz43YsTK++Kk2C+MbTOOcxzOMrhqzFxTgZ1Qba1dd6BUE1jGsLMxxK9KlDNqm3tMLUQvqYlgO5QhlsTubsFXesTTUuPTfHExshDS0RftRftGgEnTZtHbX9Zr+QJ-2S4Y3qnmTC+4tMyp1EfeOnmeQqdOhyXQrFOXXCV1hCkmLDOnBJYvRRDSsyRzGjiKj0lKdAkANAA */
    id: 'Home machine',

    initial: 'Reading projects',

    context: {
      projects: [] as Project[],
      defaultProjectName: '',
      defaultDirectory: '',
    },

    on: {
      assign: {
        actions: assign((_, event) => ({
          ...event.data,
        })),
        target: '.Reading projects',
      },
    },
    states: {
      'Has no projects': {
        on: {
          'Create project': {
            target: 'Creating project',
          },
        },
      },

      'Has projects': {
        on: {
          'Rename project': {
            target: 'Renaming project',
          },

          'Create project': {
            target: 'Creating project',
          },

          'Delete project': {
            target: 'Deleting project',
          },

          'Open project': {
            target: 'Opening project',
          },
        },
      },

      'Creating project': {
        invoke: {
          id: 'create-project',
          src: 'createProject',
          onDone: [
            {
              target: 'Reading projects',
              actions: ['toastSuccess'],
            },
          ],
          onError: [
            {
              target: 'Reading projects',
              actions: ['toastError'],
            },
          ],
        },
      },

      'Renaming project': {
        invoke: {
          id: 'rename-project',
          src: 'renameProject',
          onDone: [
            {
              target: '#Home machine.Reading projects',
              actions: ['toastSuccess'],
            },
          ],
          onError: [
            {
              target: '#Home machine.Reading projects',
              actions: ['toastError'],
            },
          ],
        },
      },

      'Deleting project': {
        invoke: {
          id: 'delete-project',
          src: 'deleteProject',
          onDone: [
            {
              actions: ['toastSuccess'],
              target: '#Home machine.Reading projects',
            },
          ],
          onError: {
            actions: ['toastError'],
            target: '#Home machine.Has projects',
          },
        },
      },

      'Reading projects': {
        invoke: {
          id: 'read-projects',
          src: 'readProjects',
          onDone: [
            {
              cond: 'Has at least 1 project',
              target: 'Has projects',
              actions: ['setProjects'],
            },
            {
              target: 'Has no projects',
              actions: ['setProjects'],
            },
          ],
          onError: [
            {
              target: 'Has no projects',
              actions: ['toastError'],
            },
          ],
        },
      },

      'Opening project': {
        entry: ['navigateToProject'],
      },
    },

    schema: {
      events: {} as
        | { type: 'Open project'; data: HomeCommandSchema['Open project'] }
        | { type: 'Rename project'; data: HomeCommandSchema['Rename project'] }
        | { type: 'Create project'; data: HomeCommandSchema['Create project'] }
        | { type: 'Delete project'; data: HomeCommandSchema['Delete project'] }
        | { type: 'navigate'; data: { name: string } }
        | {
            type: 'done.invoke.read-projects'
            data: Project[]
          }
        | { type: 'assign'; data: { [key: string]: any } },
    },

    predictableActionArguments: true,
    preserveActionOrder: true,
    tsTypes: {} as import('./homeMachine.typegen').Typegen0,
  },
  {
    actions: {
      setProjects: assign((_, event) => {
        return { projects: event.data as Project[] }
      }),
    },
  }
)