chore: saving off skeleton

src/machines/systemIO/systemIOMachine.ts

@@ -1,7 +1,15 @@
-import { setup, fromPromise, assign, assertEvent} from 'xstate'
-import { DEFAULT_PROJECT_NAME } from "@src/lib/constants"
+import { DEFAULT_PROJECT_NAME } from '@src/lib/constants'
 import type { Project } from '@src/lib/project'
-import {SystemIOMachineEvents, SystemIOMachineActions, SystemIOMachineActors, SystemIOMachineStates, NO_PROJECT_DIRECTORY, SystemIOContext} from "@src/machines/systemIO/utils"
+import type {
+  SystemIOContext} from '@src/machines/systemIO/utils'
+import {
+  NO_PROJECT_DIRECTORY,
+  SystemIOMachineActions,
+  SystemIOMachineActors,
+  SystemIOMachineEvents,
+  SystemIOMachineStates,
+} from '@src/machines/systemIO/utils'
+import { assertEvent, assign, fromPromise, setup } from 'xstate'
 
 /**
  * Handles any system level I/O for folders and files
@@ -13,31 +21,57 @@ export const systemIOMachine = setup({
   types: {
     context: {} as SystemIOContext,
     events: {} as
-      | { type: SystemIOMachineEvents.readFoldersFromProjectDirectory; data: {} }
-      | { type: SystemIOMachineEvents.done_readFoldersFromProjectDirectory; data: {}, output: Project[] }
-      | { type: SystemIOMachineEvents.setProjectDirectoryPath; data: {requestedProjectDirectoryPath: string}}
+      | {
+          type: SystemIOMachineEvents.readFoldersFromProjectDirectory
+          data: {}
+        }
+      | {
+          type: SystemIOMachineEvents.done_readFoldersFromProjectDirectory
+          data: {}
+          output: Project[]
+        }
+      | {
+          type: SystemIOMachineEvents.setProjectDirectoryPath
+          data: { requestedProjectDirectoryPath: string }
+        }
+      | {
+          type: SystemIOMachineEvents.openProject
+          data: { requestedProjectName: string }
+        },
   },
   actions: {
     [SystemIOMachineActions.setFolders]: assign({
-      folders:({event})=>{
-        assertEvent(event, SystemIOMachineEvents.done_readFoldersFromProjectDirectory)
+      folders: ({ event }) => {
+        assertEvent(
+          event,
+          SystemIOMachineEvents.done_readFoldersFromProjectDirectory
+        )
         return event.output
-      }
+      },
     }),
     [SystemIOMachineActions.setProjectDirectoryPath]: assign({
-      projectDirectoryPath:({event})=>{
+      projectDirectoryPath: ({ event }) => {
         assertEvent(event, SystemIOMachineEvents.setProjectDirectoryPath)
         return event.data.requestedProjectDirectoryPath
-      }
-    })
+      },
+    }),
+    [SystemIOMachineActions.setRequestedProjectName]: assign({
+      requestedProjectName: ({ event }) => {
+        assertEvent(event, SystemIOMachineEvents.openProject)
+        console.log('event', event.data.requestedProjectName)
+        return event.data.requestedProjectName
+      },
+    }),
   },
   actors: {
-    [SystemIOMachineActors.readFoldersFromProjectDirectory]: fromPromise(async ({input:context}:{input:SystemIOContext}) => {
-      return []
-    }),
-  }
+    [SystemIOMachineActors.readFoldersFromProjectDirectory]: fromPromise(
+      async ({ input: context }: { input: SystemIOContext }) => {
+        return []
+      }
+    ),
+  },
 }).createMachine({
-  initial:SystemIOMachineStates.idle,
+  initial: SystemIOMachineStates.idle,
   // Remember, this machine and change its projectDirectory at any point
   // '' will be no project directory, aka clear this machine out!
   // To be the aboslute root of someones computer we should take the string of path.resolve() in node.js which is different for each OS
@@ -45,43 +79,46 @@ export const systemIOMachine = setup({
     folders: [],
     defaultProjectFolderName: DEFAULT_PROJECT_NAME,
     projectDirectoryPath: NO_PROJECT_DIRECTORY,
-    hasListedProjects: false
+    hasListedProjects: false,
+    requestedProjectName: NO_PROJECT_DIRECTORY,
   }),
   states: {
     [SystemIOMachineStates.idle]: {
       on: {
         // on can be an action
-        [SystemIOMachineEvents.readFoldersFromProjectDirectory]:SystemIOMachineStates.readingFolders,
-        [SystemIOMachineEvents.setProjectDirectoryPath]:{
+        [SystemIOMachineEvents.readFoldersFromProjectDirectory]:
+          SystemIOMachineStates.readingFolders,
+        [SystemIOMachineEvents.setProjectDirectoryPath]: {
           target: SystemIOMachineStates.readingFolders,
-          actions: [
-            SystemIOMachineActions.setProjectDirectoryPath
-          ]
-        }
-      }
+          actions: [SystemIOMachineActions.setProjectDirectoryPath],
+        },
+        [SystemIOMachineEvents.openProject]: {
+          target: SystemIOMachineStates.openingProject,
+          actions: [SystemIOMachineActions.setRequestedProjectName],
+        },
+      },
     },
     [SystemIOMachineStates.readingFolders]: {
       invoke: {
         id: SystemIOMachineActors.readFoldersFromProjectDirectory,
         src: SystemIOMachineActors.readFoldersFromProjectDirectory,
-        input: ({context}) => {
+        input: ({ context }) => {
           return context
         },
         onDone: {
           target: SystemIOMachineStates.idle,
-          actions: [
-            SystemIOMachineActions.setFolders
-          ]
+          actions: [SystemIOMachineActions.setFolders],
         },
         onError: {
           target: SystemIOMachineStates.idle,
-        }
-      }
+        },
+      },
     },
-  }
+    [SystemIOMachineStates.openingProject] : {
+    }
+  },
 })
 
-
 // Watcher handler
 // look at projectDirectory useEffect then send this event if it changes or if we need to do this?
 // The handler needs to live somewhere... aka the provider?