@traky-app/ui 1.6.7 → 1.6.9

package/src/lib/file-manager-utils.ts

@@ -0,0 +1,116 @@
+import type { FileItem, FileStorageProvider } from "./file-items"
+
+export const ACCEPTED_TYPES = ".png,.jpg,.jpeg,.webp,.gif,.pdf"
+export const ACCEPTED_TYPES_WITH_VIDEO =
+  ".png,.jpg,.jpeg,.webp,.gif,.pdf,.mp4,.webm,.mov,.mkv"
+export const ACCEPTED_MIME = [
+  "image/png",
+  "image/jpeg",
+  "image/webp",
+  "image/gif",
+  "application/pdf",
+]
+export const VIDEO_MIME = [
+  "video/mp4",
+  "video/webm",
+  "video/quicktime",
+  "video/x-matroska",
+]
+
+export function isImageFile(file: FileItem) {
+  const type = file.type ?? ""
+  const name = file.name ?? ""
+  const url = file.url ?? ""
+  return (
+    type.startsWith("image/") ||
+    /\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(name) ||
+    /\.(png|jpe?g|gif|webp|bmp|svg)(\?|$)/i.test(url)
+  )
+}
+
+export function isPdfFile(file: FileItem) {
+  const type = file.type ?? ""
+  const name = file.name ?? ""
+  const url = file.url ?? ""
+  return (
+    type.includes("pdf") || /\.pdf$/i.test(name) || /\.pdf(\?|$)/i.test(url)
+  )
+}
+
+export function isVideoFile(file: FileItem) {
+  const type = file.type ?? ""
+  const name = file.name ?? ""
+  const url = file.url ?? ""
+  return (
+    type.startsWith("video/") ||
+    /\.(mp4|webm|mov|mkv)$/i.test(name) ||
+    /\.(mp4|webm|mov|mkv)(\?|$)/i.test(url)
+  )
+}
+
+export function isAcceptedFile(file: File, acceptVideos: boolean) {
+  const type = file.type ?? ""
+  if (ACCEPTED_MIME.includes(type)) return true
+  if (acceptVideos && (VIDEO_MIME.includes(type) || type.startsWith("video/"))) {
+    return true
+  }
+  if (/\.(png|jpe?g|webp|gif|pdf)$/i.test(file.name)) return true
+  if (acceptVideos && /\.(mp4|webm|mov|mkv)$/i.test(file.name)) return true
+  return false
+}
+
+export function getFileDisplayName(file: FileItem, maxLength = 40): string {
+  let label = file.name?.trim() ?? ""
+  const looksLikeUrl =
+    /^https?:\/\//i.test(label) || (label.length > 72 && !label.includes(" "))
+
+  if (!label || looksLikeUrl) {
+    try {
+      const pathname = decodeURIComponent(new URL(file.url ?? "").pathname)
+      const fromUrl = pathname.split("/").filter(Boolean).pop() ?? ""
+      if (fromUrl) label = fromUrl
+    } catch {
+      // ignore invalid URL
+    }
+  }
+
+  if (!label) return "Archivo"
+  if (label.length <= maxLength) return label
+
+  const dot = label.lastIndexOf(".")
+  const ext = dot > 0 && label.length - dot <= 8 ? label.slice(dot) : ""
+  const stem = ext ? label.slice(0, dot) : label
+  const budget = maxLength - ext.length - 1
+  if (budget < 8) return `${label.slice(0, maxLength - 1)}…`
+  return `${stem.slice(0, budget)}…${ext}`
+}
+
+export function getFileFullName(file: FileItem): string {
+  const label = file.name?.trim()
+  if (label && !/^https?:\/\//i.test(label)) return label
+  return getFileDisplayName(file, 200)
+}
+
+export function downloadFile(file: FileItem) {
+  const link = document.createElement("a")
+  link.href = file.url
+  link.download = file.name || "archivo"
+  link.target = "_blank"
+  link.rel = "noopener noreferrer"
+  document.body.appendChild(link)
+  link.click()
+  link.remove()
+}
+
+export function toFileItem(
+  file: File,
+  url: string,
+  provider?: FileStorageProvider,
+): FileItem {
+  return {
+    name: file.name,
+    url,
+    type: file.type,
+    ...(provider ? { provider } : {}),
+  }
+}