homeio

1import { formatBytesCompact } from "@/lib/client/format";
2import type { FileListEntry } from "@/lib/shared/contracts/files";
3import {
4  ArchiveFileIcon,
5  AudioFileIcon,
6  CodeFileIcon,
7  DocumentFileIcon,
8  FolderIcon,
9  GenericFileIcon,
10  ImageFileIcon,
11  KoraFileIcon,
12  TextFileIcon,
13  VideoFileIcon,
14} from "@/components/icons/file-icons";
15
16export type FileEntry = {
17  name: string;
18  path: string;
19  type: "folder" | "file";
20  ext?: string;
21  size?: string;
22  sizeBytes?: number | null;
23  modified: string;
24  modifiedAt: string;
25  mtimeMs: number;
26  starred?: boolean;
27  trashOriginalPath?: string;
28  trashDeletedAt?: string;
29};
30
31const PATH_ALIAS_MAP: Record<string, string> = {
32  Downloads: "Download",
33};
34
35const DISPLAY_PATH_ALIAS_MAP: Record<string, string> = {
36  Download: "Downloads",
37};
38
39const EXTENSION_ICON_MAP: Record<string, string> = {
40  "7z": "zip",
41  bash: "shell",
42  cjs: "javascript",
43  css: "css",
44  db: "database",
45  gz: "archive",
46  htm: "html",
47  html: "html",
48  iso: "archive",
49  js: "javascript",
50  json: "json",
51  jsx: "jsx",
52  mjs: "javascript",
53  md: "markdown",
54  pdf: "pdf",
55  py: "python",
56  rar: "archive",
57  sh: "shell",
58  sql: "sql",
59  sqlite: "database",
60  tar: "archive",
61  toml: "toml",
62  ts: "typescript",
63  tsx: "tsx",
64  xml: "xml",
65  yaml: "yaml",
66  yml: "yaml",
67  zip: "zip",
68  zsh: "shell",
69};
70
71export function normalizePathForBackend(pathSegments: string[]) {
72  return pathSegments.map((segment) => PATH_ALIAS_MAP[segment] ?? segment);
73}
74
75export function normalizePathForDisplay(pathSegments: string[]) {
76  return pathSegments.map(
77    (segment) => DISPLAY_PATH_ALIAS_MAP[segment] ?? segment,
78  );
79}
80
81export function toUiFileEntry(entry: FileListEntry): FileEntry {
82  const modifiedDate = new Date(entry.modifiedAt);
83
84  return {
85    name: entry.name,
86    path: entry.path,
87    type: entry.type,
88    ext: entry.ext ?? undefined,
89    size:
90      entry.sizeBytes === null
91        ? undefined
92        : formatBytesCompact(entry.sizeBytes),
93    sizeBytes: entry.sizeBytes,
94    modified: Number.isNaN(modifiedDate.getTime())
95      ? "--"
96      : modifiedDate.toLocaleDateString("en-US", {
97          month: "short",
98          day: "numeric",
99          year: "numeric",
100        }),
101    modifiedAt: entry.modifiedAt,
102    mtimeMs: entry.mtimeMs,
103    starred: entry.starred ?? false,
104    trashOriginalPath: entry.trashOriginalPath,
105    trashDeletedAt: entry.trashDeletedAt,
106  };
107}
108
109function getFileIconForSize(entry: FileEntry, sizeClass: string) {
110  if (entry.type === "folder") {
111    return <FolderIcon className={sizeClass} name={entry.name} />;
112  }
113  const ext = (entry.ext ?? entry.name.split(".").pop() ?? "").toLowerCase();
114  if (["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(ext)) {
115    return <ImageFileIcon className={sizeClass} />;
116  }
117  if (["mp3", "wav", "ogg", "m4a", "flac", "aac", "opus"].includes(ext)) {
118    return <AudioFileIcon className={sizeClass} />;
119  }
120  if (["mp4", "mkv", "avi", "mov", "webm"].includes(ext)) {
121    return <VideoFileIcon className={sizeClass} />;
122  }
123  const iconKey = EXTENSION_ICON_MAP[ext];
124  if (iconKey) {
125    return <KoraFileIcon className={sizeClass} iconKey={iconKey} />;
126  }
127  if (["txt", "log", "csv"].includes(ext)) {
128    return <TextFileIcon className={sizeClass} />;
129  }
130  if (["doc", "docx"].includes(ext)) {
131    return <DocumentFileIcon className={sizeClass} />;
132  }
133  if (["gz", "tar", "rar", "7z", "deb", "iso"].includes(ext)) {
134    return <ArchiveFileIcon className={sizeClass} />;
135  }
136  if (["conf", "env"].includes(ext)) {
137    return <CodeFileIcon className={sizeClass} />;
138  }
139  return <GenericFileIcon className={sizeClass} />;
140}
141
142export function getFileIcon(entry: FileEntry) {
143  return getFileIconForSize(entry, "size-5");
144}
145
146export function getLargeFileIcon(entry: FileEntry) {
147  return getFileIconForSize(entry, "size-14");
148}
149
150export function getEditorLanguage(entry: FileEntry): string {
151  const ext = entry.ext?.toLowerCase();
152  if (!ext) return "plaintext";
153
154  if (["js", "mjs", "cjs"].includes(ext)) return "javascript";
155  if (["ts", "tsx"].includes(ext)) return "typescript";
156  if (["json"].includes(ext)) return "json";
157  if (["md"].includes(ext)) return "markdown";
158  if (["html", "htm"].includes(ext)) return "html";
159  if (["css"].includes(ext)) return "css";
160  if (["py"].includes(ext)) return "python";
161  if (["sh", "bash", "zsh"].includes(ext)) return "shell";
162  if (["yml", "yaml"].includes(ext)) return "yaml";
163  if (["xml"].includes(ext)) return "xml";
164  if (["sql"].includes(ext)) return "sql";
165  if (["ini", "conf", "env"].includes(ext)) return "ini";
166  return "plaintext";
167}
168