feat: added folder operations

src/apps/main/preload.d.ts

@@ -36,7 +36,7 @@ declare interface Window {
     ): () => void;
 
     onSyncInfoUpdate(
-      func: (value: import('../shared/types').DriveInfo) => void
+      func: (value: import('../shared/types').DriveOperationInfo) => void
     ): () => void;
 
     userIsUnauthorized(): void;

src/apps/main/windows/index.ts

@@ -8,7 +8,7 @@ import { getSettingsWindow } from './settings';
 import { getFeedbackWindow } from './feedback';
 import { getWidget } from './widget';
 import { openVirtualDriveRootFolder } from '../virtual-root-folder/service';
-import { VirtualDriveIssue } from '../../../shared/issues/VirtualDriveIssue';
+import { DriveOperationInfo } from '../../shared/types';
 
 function closeAuxWindows() {
   getProcessIssuesWindow()?.close();
@@ -33,11 +33,15 @@ export function broadcastToWindows(eventName: string, data: any) {
   renderers.forEach((r) => r?.webContents.send(eventName, data));
 }
 
-export function notifyIssueToUser({ error, name }: VirtualDriveIssue) {
+export function virtualDriveUpdate(info: DriveOperationInfo) {
   const windows = [getWidget(), getProcessIssuesWindow()];
 
   windows.forEach((window) =>
-    window?.webContents.send('sync-info-update', { action: error, name })
+    window?.webContents.send('sync-info-update', {
+      action: info.action,
+      name: info.name,
+      oldName: info.oldName,
+    })
   );
 }
 

src/apps/renderer/hooks/useDriveInfoHistory.tsx

@@ -1,11 +1,11 @@
 import { useEffect, useState } from 'react';
-import { DriveInfo } from '../../shared/types';
+import { DriveOperationInfo } from '../../shared/types';
 import throttle from 'lodash/throttle';
 
 export function useDriveInfoHistory() {
-  const [driveHistory, setDriveHistory] = useState<DriveInfo[]>([]);
+  const [driveHistory, setDriveHistory] = useState<DriveOperationInfo[]>([]);
 
-  const addItemToHistoryDebounced = throttle((item: DriveInfo) => {
+  const addItemToHistoryDebounced = throttle((item: DriveOperationInfo) => {
     const MAX_ITEMS = 50;
 
     setDriveHistory((prevList) => {
@@ -21,7 +21,7 @@ export function useDriveInfoHistory() {
     });
   }, 1000);
 
-  function addItemToHistory(item: DriveInfo) {
+  function addItemToHistory(item: DriveOperationInfo) {
     addItemToHistoryDebounced(item);
   }
 

src/apps/renderer/pages/Widget/Item.tsx

@@ -2,10 +2,10 @@ import { Check } from '@phosphor-icons/react';
 import { CircularProgressbar, buildStyles } from 'react-circular-progressbar';
 import { useTranslationContext } from '../../context/LocalContext';
 import { getBaseName, getExtension } from '../../utils/path';
-import { DriveInfo } from '../../../shared/types';
+import { DriveOperationInfo } from '../../../shared/types';
 import { fileIcon } from '../../assets/icons/getIcon';
 
-export function Item({ name, action, progress }: DriveInfo) {
+export function Item({ name, action, progress }: DriveOperationInfo) {
   const { translate } = useTranslationContext();
   const progressDisplay = progress ? `${Math.ceil(progress * 100)}%` : '';
 

src/apps/shared/types.ts

@@ -1,12 +1,36 @@
-type DriveOperationInProgress = {
-  action: 'UPLOADING' | 'DOWNLOADING' | 'RENAMING' | 'DELETING';
+const actionsInProgress = ['UPLOADING', 'DOWNLOADING'] as const;
+
+type ActionWithProgress = (typeof actionsInProgress)[number];
+
+type DriveOperationWithProgress = {
+  action: ActionWithProgress;
   progress: number;
+  oldName: string;
   name: string;
 };
-type DriveOperationCompleted = {
-  action: 'UPLOADED' | 'DOWNLOADED' | 'RENAMED' | 'DELETED';
+
+const actions = [
+  'RENAMING',
+  'DELETING',
+  'UPLOADED',
+  'DOWNLOADED',
+  'RENAMED',
+  'DELETED',
+  'RENAMING_FOLDER',
+  'CREATING_FOLDER',
+  'FOLDER_RENAMED',
+  'FOLDER_CREATED',
+] as const;
+
+type Action = (typeof actions)[number];
+
+type DriveOperation = {
+  action: Action;
   name: string;
+  oldName: string | undefined;
   progress: undefined; // Needed so ts does not complain with the union type
 };
 
-export type DriveInfo = DriveOperationInProgress | DriveOperationCompleted;
+export type DriveOperationInfo = DriveOperationWithProgress | DriveOperation;
+
+export type DriveAction = Action | ActionWithProgress;

src/context/virtual-drive/folders/infrastructure/SyncMessengers/MainProcessSyncFolderMessenger.ts

@@ -1,31 +1,60 @@
 import { trackVirtualDriveError } from '../../../../../apps/main/analytics/service';
+import { addVirtualDriveIssue } from '../../../../../apps/main/issues/virtual-drive';
 import { setTrayStatus } from '../../../../../apps/main/tray/tray';
-import { notifyIssueToUser } from '../../../../../apps/main/windows';
+import { virtualDriveUpdate } from '../../../../../apps/main/windows';
 import { VirtualDriveFolderIssue } from '../../../../../shared/issues/VirtualDriveIssue';
 import { SyncFolderMessenger } from '../../domain/SyncFolderMessenger';
 
 export class MainProcessSyncFolderMessenger implements SyncFolderMessenger {
-  async rename(_name: string, _newName: string): Promise<void> {
+  async rename(name: string, newName: string): Promise<void> {
     setTrayStatus('SYNCING');
+
+    virtualDriveUpdate({
+      action: 'RENAMING_FOLDER',
+      oldName: name,
+      name: newName,
+      progress: undefined,
+    });
   }
 
-  async renamed(_name: string, _newName: string): Promise<void> {
+  async renamed(name: string, newName: string): Promise<void> {
     setTrayStatus('IDLE');
+
+    virtualDriveUpdate({
+      action: 'FOLDER_RENAMED',
+      oldName: name,
+      name: newName,
+      progress: undefined,
+    });
   }
 
-  async creating(_name: string): Promise<void> {
+  async creating(name: string): Promise<void> {
     setTrayStatus('SYNCING');
+
+    virtualDriveUpdate({
+      action: 'CREATING_FOLDER',
+      oldName: undefined,
+      name: name,
+      progress: undefined,
+    });
   }
 
-  async created(_name: string): Promise<void> {
+  async created(name: string): Promise<void> {
     setTrayStatus('IDLE');
+
+    virtualDriveUpdate({
+      action: 'FOLDER_CREATED',
+      oldName: undefined,
+      name: name,
+      progress: undefined,
+    });
   }
 
   async error(issue: VirtualDriveFolderIssue): Promise<void> {
     setTrayStatus('ALERT');
 
     trackVirtualDriveError(issue);
 
-    notifyIssueToUser(issue);
+    addVirtualDriveIssue(issue);
   }
 }