{canvases[file.path] && (
)}
{file.kind === MediaFileKind.directory && (
{label}
)}
);
}
const readmeFile = "readme.txt";
const priorityFiles = ["readme.txt", "index.html"];
function sorterFromDirSort(dirsort: string) {
const array: string[] = JSON.parse(dirsort);
if (array.length === 1 && array[0] === "a-z") {
return sortAlphabetically;
}
return (a: MediaFile, b: MediaFile) => {
const aIndex = array.indexOf(a.basename);
const bIndex = array.indexOf(b.basename);
if (bIndex == -1 && aIndex >= 0) return -1;
if (aIndex == -1 && bIndex >= 0) return 1;
if (aIndex >= 0 && bIndex >= 0) {
return aIndex - bIndex;
}
return sortDefault(a, b);
};
}
function sortNumerically(a: MediaFile, b: MediaFile) {
const n1 = parseInt(a.basenameWithoutExt);
const n2 = parseInt(a.basenameWithoutExt);
return n1 - n2;
}
function sortDefault(a: MediaFile, b: MediaFile) {
// First check if either file is in the priority list
const aIndex = priorityFiles.indexOf(a.basename.toLowerCase());
const bIndex = priorityFiles.indexOf(b.basename.toLowerCase());
if (aIndex !== -1 && bIndex !== -1) {
// Both are priority files, sort by priority order
return aIndex - bIndex;
} else if (aIndex !== -1) {
// Only a is a priority file
return -1;
} else if (bIndex !== -1) {
// Only b is a priority file
return 1;
}
// Then sort directories before files
if (a.kind !== b.kind) {
return a.kind === MediaFileKind.directory ? -1 : 1;
}
// Finally sort by date (newest first), then by name (a-z) if dates are the same
const dateComparison = b.date.getTime() - a.date.getTime();
if (dateComparison !== 0) {
return dateComparison;
}
// If dates are the same, sort alphabetically by name
return a.basename.localeCompare(b.basename);
}
function sortAlphabetically(a: MediaFile, b: MediaFile) {
// First check if either file is in the priority list
const aIndex = priorityFiles.indexOf(a.basename.toLowerCase());
const bIndex = priorityFiles.indexOf(b.basename.toLowerCase());
if (aIndex !== -1 && bIndex !== -1) {
// Both are priority files, sort by priority order
return aIndex - bIndex;
} else if (aIndex !== -1) {
// Only a is a priority file
return -1;
} else if (bIndex !== -1) {
// Only b is a priority file
return 1;
}
// If dates are the same, sort alphabetically by name
return a.basename.localeCompare(b.basename);
}
function isNumericallyOrdered(files: MediaFile[]) {
return !files.some((x) => Number.isNaN(parseInt(x.basenameWithoutExt)));
}
function sortChronologicalStartToEnd(a: MediaFile, b: MediaFile) {
const aIndex = priorityFiles.indexOf(a.basename.toLowerCase());
const bIndex = priorityFiles.indexOf(b.basename.toLowerCase());
if (aIndex !== -1 && bIndex !== -1) {
return aIndex - bIndex;
} else if (aIndex !== -1) {
return -1;
} else if (bIndex !== -1) {
return 1;
}
const dateComparison = a.date.getTime() - b.date.getTime();
if (dateComparison !== 0) {
return dateComparison;
}
return a.basename.localeCompare(b.basename);
}
const sortOverrides: Record
{mobileBtn}
{}
{label}
{file.kind === MediaFileKind.directory
? (
-
{sortedFiles.map((file) => {
return (
{readme && (
);
})}
);
if (readme && isLast) {
return (
);
}
return main;
}
function TextView({
file,
siblingFiles = [],
}: {
file: MediaFile;
siblingFiles?: MediaFile[];
}) {
const contents = file.contents;
if (file.path.startsWith("/2021/phoenix-write/maps")) {
const basename = file.basename;
if (basename.includes("map") && basename.endsWith(".txt")) {
return (
);
}
}
return (
{key}
-
{files.map((file) => (
f.kind === MediaFileKind.file),
),
}}
>
);
}
function ChatView({ file }: { file: MediaFile }) {
const contents = file.contents;
return (
lyrics
.blend files can be open in{" "}
Blender
.
.{ext} files are{" "}
Fusion
{" "}
{name}.
Blackmagic Fusion is paid-only since mid-2019 (the "Studio" version). The last free version is Fusion 9.0.2, which exists for MacOS, Linux, and Microsoft Windows on{" "} Blackmagic Design's support page .
Alternatively, you can use DaVinci Resolve, however I do not recommend it as it is very unstable, at least as of when I last tried version 18.
); } function DownloadView({ file }: { file: MediaFile }) { const help = helptexts[path.extname(file.basename)]; return help ? ( <> {help}File download:{" "} {file.basename} .
) : ( <>
No built-in viewer for {path.extname(file.basename)}{" "}
files.
Instead, you may download it:{" "} {file.basename} .
); } function DownloadViewTooBig({ file }: { file: MediaFile }) { return (
This file is too large to view in the browser right now (
{formatSize(file.size)}). Later, this file viewer will
properly process video files for web streaming.
Instead, you may download it:{" "} {file.basename} .
This file has not been pre-processed for code highlighting. This either
means it is not a valid UTF-8 text file (.ts{" "}
can be TypeScript or an MPEG "Transport Stream"), or there is a bug in
the file indexing logic.
Instead, you may download it:{" "} {file.basename} .
{/* {showFileCandidates.length === 1 &&
);
}
const gcd = (a: number, b: number): number => (b ? gcd(b, a % b) : a);
function simplifyFraction(n: number, d: number) {
const divisor = gcd(n, d);
return `${n / divisor}/${d / divisor}`;
}
// Add class properties to the components
AudioView.class = "audio";
ImageView.class = "image";
VideoView.class = "video";
TextView.class = "text";
DownloadView.class = "download";
CodeView.class = "code";
import "./clofi.css";
import assert from "node:assert";
import path, { dirname } from "node:path";
import { MediaFile, MediaFileKind } from "@/file-viewer/models/MediaFile.ts";
import { addScript } from "#sitegen";
import {
escapeUri,
formatDuration,
formatSize,
highlightConvo,
highlightHashComments,
highlightLinksInTextView,
} from "@/file-viewer/format.ts";
import { ForEveryone } from "@/file-viewer/cotyledon.tsx";
import * as mime from "#sitegen/mime";