added githubsaveinfo to filesystemtype

Author: linedoestrolling

src/commons/application/ApplicationTypes.ts

@@ -549,7 +549,8 @@ export const createDefaultStoriesEnv = (
 });
 
 export const defaultFileSystem: FileSystemState = {
-  inBrowserFileSystem: null
+  inBrowserFileSystem: null,
+  githubSaveInfoArray: []
 };
 
 export const defaultSideContent: SideContentState = {

src/commons/fileSystem/FileSystemActions.ts

@@ -1,9 +1,30 @@
 import { createAction } from '@reduxjs/toolkit';
 import { FSModule } from 'browserfs/dist/node/core/FS';
 
-import { SET_IN_BROWSER_FILE_SYSTEM } from './FileSystemTypes';
+import { 
+  SET_IN_BROWSER_FILE_SYSTEM,
+  ADD_GITHUB_SAVE_INFO,
+  DELETE_GITHUB_SAVE_INFO,
+  DELETE_ALL_GITHUB_SAVE_INFO
+ } from './FileSystemTypes';
+import { GitHubSaveInfo } from 'src/features/github/GitHubTypes';
 
 export const setInBrowserFileSystem = createAction(
   SET_IN_BROWSER_FILE_SYSTEM,
   (inBrowserFileSystem: FSModule) => ({ payload: { inBrowserFileSystem } })
 );
+
+export const addGithubSaveInfo = createAction(
+  ADD_GITHUB_SAVE_INFO,
+  (githubSaveInfo: GitHubSaveInfo) => ({ payload: { githubSaveInfo }})
+);
+
+export const deleteGithubSaveInfo = createAction(
+  DELETE_GITHUB_SAVE_INFO,
+  (githubSaveInfo: GitHubSaveInfo) => ({ payload: { githubSaveInfo }})
+);
+
+export const deleteAllGithubSaveInfo = createAction(
+  DELETE_ALL_GITHUB_SAVE_INFO,
+  () => ({ payload: {} })
+);

src/commons/fileSystem/FileSystemReducer.ts

@@ -3,14 +3,39 @@ import { Reducer } from 'redux';
 
 import { defaultFileSystem } from '../application/ApplicationTypes';
 import { SourceActionType } from '../utils/ActionsHelper';
-import { setInBrowserFileSystem } from './FileSystemActions';
+import { 
+  setInBrowserFileSystem,
+  addGithubSaveInfo,
+  deleteAllGithubSaveInfo,
+  deleteGithubSaveInfo } from './FileSystemActions';
 import { FileSystemState } from './FileSystemTypes';
 
 export const FileSystemReducer: Reducer<FileSystemState, SourceActionType> = createReducer(
   defaultFileSystem,
   builder => {
-    builder.addCase(setInBrowserFileSystem, (state, action) => {
-      state.inBrowserFileSystem = action.payload.inBrowserFileSystem;
+    builder
+      .addCase(setInBrowserFileSystem, (state, action) => {
+        state.inBrowserFileSystem = action.payload.inBrowserFileSystem;
+      })
+      .addCase(addGithubSaveInfo, (state, action) => {
+        const githubSaveInfoPayload = action.payload.githubSaveInfo;
+        const githubSaveInfoArray = state['githubSaveInfoArray']
+
+        const saveInfoIndex = githubSaveInfoArray.findIndex(e => e === githubSaveInfoPayload);
+        if (saveInfoIndex == -1) {
+          githubSaveInfoArray[githubSaveInfoArray.length] = githubSaveInfoPayload;
+        } else {
+          // file already exists, to replace file
+          githubSaveInfoArray[saveInfoIndex] = githubSaveInfoPayload;
+        }
+        state.githubSaveInfoArray = githubSaveInfoArray;
+    })
+    .addCase(deleteGithubSaveInfo, (state, action) => {
+      const newGithubSaveInfoArray = state['githubSaveInfoArray'].filter(e => e !== action.payload.githubSaveInfo);
+      state.githubSaveInfoArray = newGithubSaveInfoArray;
+    })
+    .addCase(deleteAllGithubSaveInfo, (state, action) => {
+      state.githubSaveInfoArray = [];
     });
   }
 );

src/commons/fileSystem/FileSystemTypes.ts

@@ -1,7 +1,12 @@
 import { FSModule } from 'browserfs/dist/node/core/FS';
+import { GitHubSaveInfo } from 'src/features/github/GitHubTypes';
 
 export const SET_IN_BROWSER_FILE_SYSTEM = 'SET_IN_BROWSER_FILE_SYSTEM';
+export const ADD_GITHUB_SAVE_INFO = 'ADD_GITHUB_SAVE_INFO';
+export const DELETE_GITHUB_SAVE_INFO = 'DELETE_GITHUB_SAVE_INFO';
+export const DELETE_ALL_GITHUB_SAVE_INFO = 'DELETE_ALL_GITHUB_SAVE_INFO';
 
 export type FileSystemState = {
   inBrowserFileSystem: FSModule | null;
+  githubSaveInfoArray: GitHubSaveInfo[];
 };

src/features/github/GitHubUtils.tsx

@@ -238,6 +238,8 @@ export async function openFolderInFolderMode(
 ) {
   if (octokit === undefined) return;
 
+  store.dispatch(actions.deleteAllGithubSaveInfo());
+
   //In order to get the file paths recursively, we require the tree_sha, 
   // which is obtained from the most recent commit(any commit works but the most recent)
   // is the easiest
@@ -301,7 +303,15 @@ export async function openFolderInFolderMode(
           if (content) {
             const fileContent = Buffer.from(content, 'base64').toString();
             console.log(file);
-            writeFileRecursively(fileSystem, "/playground/" + file, fileContent)
+            writeFileRecursively(fileSystem, "/playground/" + file, fileContent);
+            store.dispatch(actions.addGithubSaveInfo(
+              {
+                repoName: repoName,
+                filePath: file,
+                lastSaved: new Date()
+              }
+            ))
+            console.log(store.getState().fileSystem.githubSaveInfoArray);
             console.log("wrote one file");
           }
         }
@@ -365,6 +375,7 @@ export async function performOverwritingSave(
       committer: { name: githubName, email: githubEmail },
       author: { name: githubName, email: githubEmail }
     });
+    //
     store.dispatch(actions.playgroundUpdateGitHubSaveInfo(repoName, filePath, new Date()));
     showSuccessMessage('Successfully saved file!', 1000);
   } catch (err) {