mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-06-28 09:28:29 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

web/queue: refactor media icon selection

Browse Source
This commit is contained in:
wukko 2025-06-22 15:23:39 +06:00
parent 2c0a1b6990
commit a998a5720c
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
3 changed files with 7 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/queue/ProcessingQueueItem.svelte
View File

@ -21,11 +21,13 @@
import IconDownload from "@tabler/icons-svelte/IconDownload.svelte"; import IconDownload from "@tabler/icons-svelte/IconDownload.svelte";
import IconExclamationCircle from "@tabler/icons-svelte/IconExclamationCircle.svelte"; import IconExclamationCircle from "@tabler/icons-svelte/IconExclamationCircle.svelte";
import IconFile from "@tabler/icons-svelte/IconFile.svelte";
import IconMovie from "@tabler/icons-svelte/IconMovie.svelte"; import IconMovie from "@tabler/icons-svelte/IconMovie.svelte";
import IconMusic from "@tabler/icons-svelte/IconMusic.svelte"; import IconMusic from "@tabler/icons-svelte/IconMusic.svelte";
import IconPhoto from "@tabler/icons-svelte/IconPhoto.svelte"; import IconPhoto from "@tabler/icons-svelte/IconPhoto.svelte";
const itemIcons = { const itemIcons = {
file: IconFile,
video: IconMovie, video: IconMovie,
audio: IconMusic, audio: IconMusic,
image: IconPhoto, image: IconPhoto,

17
web/src/lib/task-manager/queue.ts
View File

@ -8,14 +8,13 @@ import { uuid } from "$lib/util";
import type { CobaltQueueItem } from "$lib/types/queue"; import type { CobaltQueueItem } from "$lib/types/queue";
import type { CobaltCurrentTasks } from "$lib/types/task-manager"; import type { CobaltCurrentTasks } from "$lib/types/task-manager";
import type { CobaltPipelineItem, CobaltPipelineResultFileType } from "$lib/types/workers"; import { resultFileTypes, type CobaltPipelineItem, type CobaltPipelineResultFileType } from "$lib/types/workers";
import type { CobaltLocalProcessingResponse, CobaltSaveRequestBody } from "$lib/types/api"; import type { CobaltLocalProcessingResponse, CobaltSaveRequestBody } from "$lib/types/api";
export const getMediaType = (type: string) => { export const getMediaType = (type: string) => {
const kind = type.split('/')[0]; const kind = type.split('/')[0] as CobaltPipelineResultFileType;
// can't use .includes() here for some reason if (resultFileTypes.includes(kind)) {
if (kind === "video" || kind === "audio" || kind === "image") {
return kind; return kind;
} }
} }
@ -55,14 +54,6 @@ export const createRemuxPipeline = (file: File) => {
} }
} }
const mediaIcons: { [key: string]: CobaltPipelineResultFileType } = {
merge: "video",
mute: "video",
audio: "audio",
gif: "image",
remux: "video"
}
const makeRemuxArgs = (info: CobaltLocalProcessingResponse) => { const makeRemuxArgs = (info: CobaltLocalProcessingResponse) => {
const ffargs = ["-c:v", "copy"]; const ffargs = ["-c:v", "copy"];
@ -211,7 +202,7 @@ export const createSavePipeline = (
originalRequest: request, originalRequest: request,
filename: info.output.filename, filename: info.output.filename,
mimeType: info.output.type, mimeType: info.output.type,
mediaType: mediaIcons[info.type], mediaType: getMediaType(info.output.type) || "file",
}); });
openQueuePopover(); openQueuePopover();

2
web/src/lib/types/workers.ts
View File

@ -1,7 +1,7 @@
import type { FileInfo } from "$lib/types/libav"; import type { FileInfo } from "$lib/types/libav";
import type { UUID } from "./queue"; import type { UUID } from "./queue";
export const resultFileTypes = ["video", "audio", "image"] as const; export const resultFileTypes = ["video", "audio", "image", "file"] as const;
export type CobaltPipelineResultFileType = typeof resultFileTypes[number]; export type CobaltPipelineResultFileType = typeof resultFileTypes[number];