import React from 'react';
type ContextMenuItem = {
label?: string;
icon?: React.ReactNode;
onClick?: () => void;
disabled?: boolean;
divider?: boolean;
};
interface Options {
uuid: string;
isSearchActive: boolean;
contextMenu: { path: string; isFile: boolean; isEmptySpace?: boolean } | null;
isArchiveFile: (path: string) => boolean;
handleCreateFile: (targetPath: string) => void;
handleCreateFolder: (targetPath: string) => void;
handleUpload?: (targetPath: string, mode: 'device' | 'url') => void;
handleRename: (path: string) => void;
handleMove: (path: string) => void;
revealSearchPath: (path: string, isFile: boolean) => void;
handleUnarchive: (path: string) => void;
handleArchive: (path: string) => void;
handlePermissions: (path: string) => void;
onShowProperties?: (path: string) => void;
handleEditAudioMetadata?: (path: string) => void;
handleCopyFile: (path: string) => void;
handleMoveToTrash: (path: string) => void;
handleDelete: (path: string) => void;
clearAndAddHttpError: (error: Error) => void;
}
export const buildContextMenuItems = ({
uuid,
isSearchActive,
contextMenu,
isArchiveFile,
handleCreateFile,
handleCreateFolder,
handleUpload,
handleRename,
handleMove,
revealSearchPath,
handleUnarchive,
handleArchive,
handlePermissions,
onShowProperties,
handleEditAudioMetadata,
handleCopyFile,
handleMoveToTrash,
handleDelete,
clearAndAddHttpError,
}: Options): ContextMenuItem[] => {
if (!contextMenu) return [];
if (contextMenu.isEmptySpace) {
return [
{
label: 'New File',
icon: ,
onClick: () => handleCreateFile(contextMenu.path),
},
{
label: 'New Folder',
icon: ,
onClick: () => handleCreateFolder(contextMenu.path),
},
...(handleUpload ? [
{ divider: true },
{
label: 'Upload Files',
icon: ,
onClick: () => handleUpload(contextMenu.path, 'device'),
},
{
label: 'Pull from URL',
icon: ,
onClick: () => handleUpload(contextMenu.path, 'url'),
},
] : []),
];
}
const audioExtensions = new Set([
'mp3', 'wav', 'ogg', 'flac', 'm4a', 'aac', 'wma', 'aiff', 'aif', 'alac', 'opus', 'midi', 'mid',
]);
const ext = contextMenu.path.split('.').pop()?.toLowerCase() || '';
const isAudioFile = contextMenu.isFile && audioExtensions.has(ext);
return [
{
label: 'New File',
icon: ,
onClick: () => {
const targetPath = contextMenu.isFile
? contextMenu.path.substring(0, contextMenu.path.lastIndexOf('/')) || '/'
: contextMenu.path;
handleCreateFile(targetPath);
},
},
{
label: 'New Folder',
icon: ,
onClick: () => handleCreateFolder(contextMenu.isFile ? contextMenu.path.substring(0, contextMenu.path.lastIndexOf('/')) || '/' : contextMenu.path),
},
{ divider: true },
{
label: 'Rename',
icon: ,
onClick: () => handleRename(contextMenu.path),
},
{
label: 'Move',
icon: ,
onClick: () => handleMove(contextMenu.path),
},
...(contextMenu.isFile ? [{
label: 'Duplicate',
icon: ,
onClick: () => handleCopyFile(contextMenu.path),
}] : []),
...(isSearchActive && contextMenu.isFile ? [{
label: 'Reveal in Explorer',
icon: ,
onClick: () => revealSearchPath(contextMenu.path, contextMenu.isFile),
}] : []),
...(contextMenu.isFile ? [
...(isArchiveFile(contextMenu.path) ? [
{
label: 'Unarchive',
icon: ,
onClick: () => handleUnarchive(contextMenu.path),
},
] : [
{
label: 'Archive',
icon: ,
onClick: () => handleArchive(contextMenu.path),
},
]),
{ divider: true },
] : []),
{
label: 'Permissions',
icon: ,
onClick: () => handlePermissions(contextMenu.path),
},
...(onShowProperties ? [{
label: 'Properties',
icon: ,
onClick: () => onShowProperties(contextMenu.path),
}] : []),
...(isAudioFile && handleEditAudioMetadata ? [{
label: 'Edit Metadata',
icon: ,
onClick: () => handleEditAudioMetadata(contextMenu.path),
}] : []),
...(contextMenu.isFile ? [{
label: 'Download',
icon: ,
onClick: async () => {
try {
const getFileDownloadUrl = (await import('@/api/server/files/getFileDownloadUrl')).default;
const url = await getFileDownloadUrl(uuid, contextMenu.path);
window.location.href = url;
} catch (error) {
clearAndAddHttpError(error as Error);
}
},
}] : []),
{ divider: true },
{
label: 'Move to Trash',
icon: ,
onClick: () => handleMoveToTrash(contextMenu.path),
},
{
label: 'Force Delete',
icon: ,
onClick: () => handleDelete(contextMenu.path),
},
];
};