feat(FilePreview): add recognition of most types of files uploaded vi…

…a input
gravity-ui · Jan 23, 2025 · 2d56720 · 2d56720
1 parent 3f580e1
commit 2d56720
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 1 deletion.
diff --git a/src/components/FilePreview/FilePreview.tsx b/src/components/FilePreview/FilePreview.tsx
@@ -37,6 +37,7 @@ const FILE_ICON: Record<FileType, IconData> = {
     video: VideoIcon,
     code: CodeIcon,
     archive: ArchiveIcon,
+    audio: MusicIcon,
     music: MusicIcon,
     text: TextIcon,
     pdf: PdfIcon,

diff --git a/src/components/FilePreview/types.ts b/src/components/FilePreview/types.ts
@@ -5,6 +5,7 @@ export const FILE_TYPES = [
     'code',
     'archive',
     'music',
+    'audio',
     'text',
     'pdf',
     'table',

diff --git a/src/components/FilePreview/utils.ts b/src/components/FilePreview/utils.ts
@@ -4,6 +4,57 @@ import {FILE_TYPES} from './types';
 const isFilePreviewFileType = (str: string): str is FileType =>
     FILE_TYPES.includes(str.toLowerCase() as FileType);
 
+const APPLICATION_MIME_TO_TYPE: Record<string, FileType> = {
+    'application/x-compressed': 'archive',
+    'application/x-troff-msvideo': 'video',
+    'application/macbinary': 'code',
+    'application/mac-binary': 'code',
+    'application/x-binary': 'code',
+    'application/x-macbinary': 'code',
+    'application/bmp': 'image',
+    'application/x-bmp': 'image',
+    'application/x-win-bitmap': 'image',
+    'application/vnd.msexcel': 'image',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'text',
+    'application/x-msdownload': 'code',
+    'application/x-gzip': 'archive',
+    'application/java-archive': 'code',
+    'application/x-java-application': 'code',
+    'application/x-jar': 'code',
+    'application/x-javascript': 'code',
+    'application/json': 'code',
+    'application/ogg': 'audio',
+    'application/pdf': 'pdf',
+    'application/octet-stream': 'pdf',
+    'application/x-httpd-php': 'code',
+    'application/php': 'code',
+    'application/x-php': 'code',
+    'application/x-httpd-php-source': 'code',
+    'application/msword': 'text',
+    'application/x-rar': 'archive',
+    'application/rar': 'archive',
+    'application/x-rar-compressed': 'archive',
+    'application/x-tar': 'archive',
+    'application/x-gzip-compressed': 'archive',
+    'application/xhtml+xml': 'code',
+    'application/excel': 'table',
+    'application/msexcel': 'table',
+    'application/x-msexcel': 'table',
+    'application/x-ms-excel': 'table',
+    'application/x-excel': 'table',
+    'application/x-dos_ms_excel': 'table',
+    'application/xls': 'table',
+    'application/x-xls': 'table',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'table',
+    'application/vnd.ms-excel': 'table',
+    'application/xml': 'code',
+    'application/x-zip': 'archive',
+    'application/zip': 'archive',
+    'application/x-zip-compressed': 'archive',
+    'application/s-compressed': 'archive',
+    'multipart/x-zip': 'archive',
+};
+
 export function getFileType(fileType: File['type']): FileType;
 export function getFileType(file: File): FileType;
 
@@ -20,5 +71,5 @@ export function getFileType(arg: File | File['type']): FileType {
         return splittedFileType;
     }
 
-    return 'default';
+    return APPLICATION_MIME_TO_TYPE[fileType] || 'default';
 }