Merge pull request #502 from VictoriaShyika/411-delete-file

411: Delete file

src/_node/file/apis.ts

@@ -327,9 +327,11 @@ export const loadLocalProject = async (
       // sort by ASC directory/file
       sortFilesByASC(handlerObj);
       // define the initialFileUidToOpen
-      let _initialFileUidToOpen: TNodeUid = isReload
-        ? ""
-        : getInitialFileUidToOpen(handlerObj);
+      let _initialFileUidToOpen: TNodeUid =
+        // isReload
+        // ? ""
+        // :
+        getInitialFileUidToOpen(handlerObj);
 
       // build fileTree and fileHandlers
       const _fileTree: TFileNodeTreeData = {};

src/_redux/main/context.ts

@@ -33,6 +33,7 @@ export const MainContext: Context<TMainContext> = createContext<TMainContext>({
   setIsCodeTyping: () => {},
 
   importProject: () => {},
+  reloadCurrentProject: () => {},
   onUndo: () => {},
   onRedo: () => {},
 });

src/_redux/main/types.ts

@@ -2,7 +2,7 @@ import { MutableRefObject } from "react";
 
 import { editor } from "monaco-editor";
 
-import { TFileHandlerCollection } from "@_node/file";
+import { TFileHandlerCollection, TFileNodeTreeData } from "@_node/file";
 import { TNodeUid } from "@_node/types";
 import {
   TCmdkReferenceData,
@@ -65,6 +65,11 @@ export type TMainContext = {
     fsType: TProjectContext,
     projectHandle?: FileSystemDirectoryHandle | null,
   ) => void;
+  reloadCurrentProject: (
+    fileTree: TFileNodeTreeData,
+    currentProjectFileHandle: FileSystemDirectoryHandle | null,
+  ) => void;
+
   onUndo: () => void;
   onRedo: () => void;
 };

src/components/main/actionsPanel/workspaceTreeView/hooks/useNodeActionsHandler.ts

@@ -14,6 +14,7 @@ import {
   TFileNodeData,
   _writeIDBFile,
   confirmAlert,
+  loadLocalProject,
 } from "@_node/file";
 import { getValidNodeUids } from "@_node/helpers";
 import { TNode, TNodeTreeData, TNodeUid } from "@_node/types";
@@ -82,6 +83,8 @@ export const useNodeActionsHandler = ({
     removeRunningActions,
     fileHandlers,
     htmlReferenceData,
+    currentProjectFileHandle,
+    reloadCurrentProject,
   } = useContext(MainContext);
 
   const createFFNode = useCallback(
@@ -324,6 +327,7 @@ export const useNodeActionsHandler = ({
         LogAllow && console.error("error while removing file system");
       },
       (allDone: boolean) => {
+        reloadCurrentProject(fileTree, currentProjectFileHandle);
         LogAllow &&
           console.log(
             allDone ? "all is successfully removed" : "some is not removed",

src/pages/main/MainPage.tsx

@@ -104,7 +104,7 @@ export default function MainPage() {
 
     htmlReferenceData,
   });
-  const { importProject, closeNavigator } = useHandlers({
+  const { importProject, closeNavigator, reloadCurrentProject } = useHandlers({
     setCurrentProjectFileHandle,
     setFileHandlers,
 
@@ -194,6 +194,7 @@ export default function MainPage() {
           setIsCodeTyping,
 
           importProject,
+          reloadCurrentProject,
           onUndo,
           onRedo,
         }}

src/pages/main/hooks/useHandlers.ts

@@ -9,6 +9,7 @@ import {
   loadIDBProject,
   loadLocalProject,
   TFileHandlerCollection,
+  TFileNodeTreeData,
 } from "@_node/file";
 import {
   setDoingFileAction,
@@ -180,12 +181,26 @@ export const useHandlers = ({
     },
     [osType, saveRecentProject],
   );
+  const reloadCurrentProject = async (
+    fileTree: TFileNodeTreeData,
+    currentProjectFileHandle: FileSystemDirectoryHandle | null,
+  ) => {
+    const { _fileTree, _initialFileUidToOpen } = await loadLocalProject(
+      currentProjectFileHandle as FileSystemDirectoryHandle,
+      osType,
+      true,
+      fileTree,
+    );
+    dispatch(setFileTree(_fileTree));
+    dispatch(setInitialFileUidToOpen(_initialFileUidToOpen));
+  };
   const closeNavigator = useCallback(() => {
     navigatorDropdownType !== null && dispatch(setNavigatorDropdownType(null));
   }, [navigatorDropdownType]);
 
   return {
     importProject,
+    reloadCurrentProject,
     closeNavigator,
   };
 };