Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-02 18:39:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

mimetype to icon function

Browse Source
This commit is contained in:
sawka 2024-06-21 16:40:24 -07:00
parent 83ca76b6b4
commit 2d1c55471c
1 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/app/view/preview.tsx
View File

@ -121,6 +121,33 @@ function CodeEditPreview({
return <CodeEdit readonly={true} text={fileContent} filename={filename} />; return <CodeEdit readonly={true} text={fileContent} filename={filename} />;
} }
function iconForFile(mimeType: string, fileName: string): string {
if (mimeType == "application/pdf") {
return "file-pdf";
} else if (mimeType.startsWith("image/")) {
return "image";
} else if (mimeType.startsWith("video/")) {
return "film";
} else if (mimeType.startsWith("audio/")) {
return "headphones";
} else if (mimeType.startsWith("text/markdown")) {
return "file-lines";
} else if (
mimeType.startsWith("text/") ||
(mimeType.startsWith("application/") &&
(mimeType.includes("json") || mimeType.includes("yaml") || mimeType.includes("toml")))
) {
return "file-code";
} else if (mimeType === "directory") {
if (fileName == "~" || fileName == "~/") {
return "home";
}
return "folder";
} else {
return "file";
}
}
function PreviewView({ blockId }: { blockId: string }) { function PreviewView({ blockId }: { blockId: string }) {
const blockAtom = WOS.getWaveObjectAtom<Block>(`block:${blockId}`); const blockAtom = WOS.getWaveObjectAtom<Block>(`block:${blockId}`);
const fileNameAtom: jotai.WritableAtom<string, [string], void> = useBlockCache(blockId, "preview:filename", () => const fileNameAtom: jotai.WritableAtom<string, [string], void> = useBlockCache(blockId, "preview:filename", () =>
@ -177,22 +204,13 @@ function PreviewView({ blockId }: { blockId: string }) {
// handle streaming files here // handle streaming files here
let specializedView: React.ReactNode; let specializedView: React.ReactNode;
let blockIcon = "file"; let blockIcon = iconForFile(mimeType, fileName);
if ( if (
mimeType == "application/pdf" || mimeType == "application/pdf" ||
mimeType.startsWith("video/") || mimeType.startsWith("video/") ||
mimeType.startsWith("audio/") || mimeType.startsWith("audio/") ||
mimeType.startsWith("image/") mimeType.startsWith("image/")
) { ) {
if (mimeType == "application/pdf") {
blockIcon = "file-pdf";
} else if (mimeType.startsWith("image/")) {
blockIcon = "image";
} else if (mimeType.startsWith("video/")) {
blockIcon = "film";
} else if (mimeType.startsWith("audio/")) {
blockIcon = "headphones";
}
specializedView = <StreamingPreview fileInfo={fileInfo} />; specializedView = <StreamingPreview fileInfo={fileInfo} />;
} else if (fileInfo == null) { } else if (fileInfo == null) {
specializedView = ( specializedView = (
@ -201,20 +219,14 @@ function PreviewView({ blockId }: { blockId: string }) {
} else if (fileInfo.size > MaxFileSize) { } else if (fileInfo.size > MaxFileSize) {
specializedView = <CenteredDiv>File Too Large to Preview</CenteredDiv>; specializedView = <CenteredDiv>File Too Large to Preview</CenteredDiv>;
} else if (mimeType === "text/markdown") { } else if (mimeType === "text/markdown") {
blockIcon = "file-lines";
specializedView = <MarkdownPreview contentAtom={fileContentAtom} />; specializedView = <MarkdownPreview contentAtom={fileContentAtom} />;
} else if ( } else if (
mimeType.startsWith("text/") || mimeType.startsWith("text/") ||
(mimeType.startsWith("application/") && (mimeType.startsWith("application/") &&
(mimeType.includes("json") || mimeType.includes("yaml") || mimeType.includes("toml"))) (mimeType.includes("json") || mimeType.includes("yaml") || mimeType.includes("toml")))
) { ) {
blockIcon = "file-code";
specializedView = <CodeEditPreview readonly={true} contentAtom={fileContentAtom} filename={fileName} />; specializedView = <CodeEditPreview readonly={true} contentAtom={fileContentAtom} filename={fileName} />;
} else if (mimeType === "directory") { } else if (mimeType === "directory") {
blockIcon = "folder";
if (fileName == "~" || fileName == "~/") {
blockIcon = "home";
}
specializedView = <DirectoryPreview contentAtom={fileContentAtom} fileNameAtom={fileNameAtom} />; specializedView = <DirectoryPreview contentAtom={fileContentAtom} fileNameAtom={fileNameAtom} />;
} else { } else {
specializedView = ( specializedView = (