web/satellite: update preview types and icons (#6577)

Add .md .json .xml as text preview types.
Add .webp format for image preview.
Add .ogv format for video preview.
Add .aac .flac for audio preview.

Add all these plus more extensions to show the correct icons in the browser.
This commit is contained in:
Tome Boshevski 2023-12-06 10:07:21 +01:00 committed by andriikotko
parent d07dba00e3
commit 88a78262b1

View File

@ -101,11 +101,11 @@ export enum PreviewType {
} }
export const EXTENSION_PREVIEW_TYPES = new Map<string[], PreviewType>([ export const EXTENSION_PREVIEW_TYPES = new Map<string[], PreviewType>([
[['txt'], PreviewType.Text], [['txt', 'md', 'json', 'xml'], PreviewType.Text],
[['csv'], PreviewType.CSV], [['csv'], PreviewType.CSV],
[['bmp', 'svg', 'jpg', 'jpeg', 'png', 'ico', 'gif'], PreviewType.Image], [['bmp', 'svg', 'jpg', 'jpeg', 'png', 'ico', 'gif', 'webp'], PreviewType.Image],
[['m4v', 'mp4', 'webm', 'mov', 'mkv'], PreviewType.Video], [['m4v', 'mp4', 'webm', 'mov', 'mkv', 'ogv'], PreviewType.Video],
[['m4a', 'mp3', 'wav', 'ogg'], PreviewType.Audio], [['m4a', 'mp3', 'wav', 'ogg', 'aac', 'flac'], PreviewType.Audio],
[['pdf'], PreviewType.PDF], [['pdf'], PreviewType.PDF],
]); ]);
@ -125,9 +125,9 @@ export type BrowserObjectWrapper = {
}; };
export const EXTENSION_INFOS: Map<string[], BrowserObjectTypeInfo> = new Map([ export const EXTENSION_INFOS: Map<string[], BrowserObjectTypeInfo> = new Map([
[['jpg', 'jpeg', 'png', 'gif', 'svg'], { title: 'Image', icon: imageIcon }], [['bmp', 'svg', 'jpg', 'jpeg', 'png', 'ico', 'gif', 'webp'], { title: 'Image', icon: imageIcon }],
[['mp4', 'mkv', 'mov'], { title: 'Video', icon: videoIcon }], [['m4v', 'mp4', 'webm', 'mov', 'mkv', 'ogv', 'avi'], { title: 'Video', icon: videoIcon }],
[['mp3', 'aac', 'wav', 'm4a'], { title: 'Audio', icon: audioIcon }], [['m4a', 'mp3', 'wav', 'ogg', 'aac', 'flac', 'aiff'], { title: 'Audio', icon: audioIcon }],
[['txt', 'docx', 'doc', 'pages'], { title: 'Text', icon: textIcon }], [['txt', 'docx', 'doc', 'pages'], { title: 'Text', icon: textIcon }],
[['pdf'], { title: 'PDF', icon: pdfIcon }], [['pdf'], { title: 'PDF', icon: pdfIcon }],
[['zip'], { title: 'ZIP', icon: zipIcon }], [['zip'], { title: 'ZIP', icon: zipIcon }],