mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-07-18 19:36:02 +00:00
Maurice
7eac5a5a02
Markdown (.md/.markdown) is now an allowed upload type and opens in a rendered preview in the file manager instead of just downloading. Reuses the existing react-markdown stack with rehype-sanitize (these are untrusted uploads, so output is sanitized) and detects markdown by extension first since browsers send unreliable MIME for .md.
66 lines
2.2 KiB
TypeScript
66 lines
2.2 KiB
TypeScript
import { FileText, FileImage, File, FileVideo, Plane, Train, Car, Ship, Bus, Sailboat, Bike, CarTaxiFront, Route } from 'lucide-react'
|
|
import { downloadFile } from '../../utils/fileDownload'
|
|
|
|
export function isImage(mimeType?: string | null) {
|
|
if (!mimeType) return false
|
|
return mimeType.startsWith('image/')
|
|
}
|
|
|
|
export function isVideo(mimeType?: string | null) {
|
|
return !!mimeType && mimeType.startsWith('video/')
|
|
}
|
|
|
|
/** Image or video — the file types that open in the media lightbox (#823). */
|
|
export function isMedia(mimeType?: string | null) {
|
|
return isImage(mimeType) || isVideo(mimeType)
|
|
}
|
|
|
|
/**
|
|
* Markdown file (#1345). Detected by EXTENSION first — browsers often send an
|
|
* empty / octet-stream / text/plain MIME for .md — falling back to the markdown
|
|
* MIME types.
|
|
*/
|
|
export function isMarkdown(mimeType?: string | null, name?: string | null) {
|
|
const ext = (name || '').toLowerCase().split('.').pop()
|
|
if (ext === 'md' || ext === 'markdown') return true
|
|
return !!mimeType && (mimeType === 'text/markdown' || mimeType === 'text/x-markdown')
|
|
}
|
|
|
|
export function getFileIcon(mimeType?: string | null) {
|
|
if (!mimeType) return File
|
|
if (mimeType === 'application/pdf') return FileText
|
|
if (isVideo(mimeType)) return FileVideo
|
|
if (isImage(mimeType)) return FileImage
|
|
return File
|
|
}
|
|
|
|
export function formatSize(bytes?: number | null) {
|
|
if (!bytes) return ''
|
|
if (bytes < 1024) return `${bytes} B`
|
|
if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`
|
|
return `${(bytes / 1024 / 1024).toFixed(1)} MB`
|
|
}
|
|
|
|
export function triggerDownload(url: string, filename: string) {
|
|
downloadFile(url, filename).catch(() => {})
|
|
}
|
|
|
|
export function formatDateWithLocale(dateStr?: string | null, locale?: string) {
|
|
if (!dateStr) return ''
|
|
try {
|
|
return new Date(dateStr).toLocaleDateString(locale, { day: '2-digit', month: '2-digit', year: 'numeric' })
|
|
} catch { return '' }
|
|
}
|
|
|
|
export function transportIcon(type: string) {
|
|
if (type === 'train') return Train
|
|
if (type === 'bus') return Bus
|
|
if (type === 'car') return Car
|
|
if (type === 'taxi') return CarTaxiFront
|
|
if (type === 'bicycle') return Bike
|
|
if (type === 'cruise') return Ship
|
|
if (type === 'ferry') return Sailboat
|
|
if (type === 'transport_other') return Route
|
|
return Plane
|
|
}
|