Enable autocommit for delete and create

frontend/src/components/MainContent.js

@@ -33,18 +33,10 @@ const MainContent = ({ selectedFile, handleFileSelect, handleLinkClick }) => {
       let success = await handleSave(filePath, content);
       if (success) {
         setHasUnsavedChanges(false);
-
-        if (settings.gitAutoCommit && settings.gitEnabled) {
-          const commitMessage = settings.gitCommitMsgTemplate.replace(
-            '${filename}',
-            filePath
-          );
-          success = await handleCommitAndPush(commitMessage);
-        }
       }
       return success;
     },
-    [handleSave, setHasUnsavedChanges, settings, handleCommitAndPush]
+    [handleSave, setHasUnsavedChanges]
   );
 
   const handleCreateFile = useCallback(

frontend/src/hooks/useFileOperations.js

@@ -1,9 +1,32 @@
 import { useCallback } from 'react';
 import { notifications } from '@mantine/notifications';
 import { saveFileContent, deleteFile } from '../services/api';
+import { useSettings } from '../contexts/SettingsContext';
+import { useGitOperations } from './useGitOperations';
 
 export const useFileOperations = () => {
-  const handleSave = useCallback(async (filePath, content) => {
+  const { settings } = useSettings();
+  const { handleCommitAndPush } = useGitOperations(settings.gitEnabled);
+
+  const autoCommit = useCallback(
+    async (filePath, action) => {
+      if (settings.gitAutoCommit && settings.gitEnabled) {
+        let commitMessage = settings.gitCommitMsgTemplate
+          .replace('${filename}', filePath)
+          .replace('${action}', action);
+
+        // Capitalize the first letter of the commit message
+        commitMessage =
+          commitMessage.charAt(0).toUpperCase() + commitMessage.slice(1);
+
+        await handleCommitAndPush(commitMessage);
+      }
+    },
+    [settings, handleCommitAndPush]
+  );
+
+  const handleSave = useCallback(
+    async (filePath, content) => {
       try {
         await saveFileContent(filePath, content);
         notifications.show({
@@ -11,6 +34,7 @@ export const useFileOperations = () => {
           message: 'File saved successfully',
           color: 'green',
         });
+        await autoCommit(filePath, 'update');
         return true;
       } catch (error) {
         console.error('Error saving file:', error);
@@ -21,9 +45,12 @@ export const useFileOperations = () => {
         });
         return false;
       }
-  }, []);
+    },
+    [autoCommit]
+  );
 
-  const handleDelete = useCallback(async (filePath) => {
+  const handleDelete = useCallback(
+    async (filePath) => {
       try {
         await deleteFile(filePath);
         notifications.show({
@@ -31,6 +58,7 @@ export const useFileOperations = () => {
           message: 'File deleted successfully',
           color: 'green',
         });
+        await autoCommit(filePath, 'delete');
         return true;
       } catch (error) {
         console.error('Error deleting file:', error);
@@ -41,9 +69,12 @@ export const useFileOperations = () => {
         });
         return false;
       }
-  }, []);
+    },
+    [autoCommit]
+  );
 
-  const handleCreate = useCallback(async (fileName, initialContent = '') => {
+  const handleCreate = useCallback(
+    async (fileName, initialContent = '') => {
       try {
         await saveFileContent(fileName, initialContent);
         notifications.show({
@@ -51,6 +82,7 @@ export const useFileOperations = () => {
           message: 'File created successfully',
           color: 'green',
         });
+        await autoCommit(fileName, 'create');
         return true;
       } catch (error) {
         console.error('Error creating new file:', error);
@@ -61,7 +93,9 @@ export const useFileOperations = () => {
         });
         return false;
       }
-  }, []);
+    },
+    [autoCommit]
+  );
 
   return { handleSave, handleDelete, handleCreate };
 };

frontend/src/utils/constants.js

@@ -34,7 +34,7 @@ export const DEFAULT_SETTINGS = {
   gitUser: '',
   gitToken: '',
   gitAutoCommit: false,
-  gitCommitMsgTemplate: 'Update ${filename}',
+  gitCommitMsgTemplate: '${action} ${filename}',
 };
 
 export const DEFAULT_FILE = {