RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: gif to video & format dropdown fixes 

fixes #107 now fully
This commit is contained in:
Maya 2025-07-31 17:09:55 +03:00
parent 1cf69a061d
commit 1df50173e2
No known key found for this signature in database
1 changed files with 26 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/lib/components/functional/FormatDropdown.svelte
View File

@ -30,39 +30,43 @@
let currentCategory = $state<string | null>(); let currentCategory = $state<string | null>();
let searchQuery = $state(""); let searchQuery = $state("");
let dropdownMenu: HTMLElement | undefined = $state(); let dropdownMenu: HTMLElement | undefined = $state();
let rootCategory: string | null = null;
// initialize current category // initialize current category
$effect(() => { $effect(() => {
if (!currentCategory) { if (currentCategory) return;
if (selected) { let foundCat: string | undefined;
const foundCat = Object.keys(categories).find((cat) =>
categories[cat].formats.includes(selected), if (selected) {
); foundCat = Object.keys(categories).find((cat) =>
currentCategory = categories[cat].formats.includes(selected),
foundCat || Object.keys(categories)[0] || null; );
} else { } else {
// find category based on file types // find category based on file types
const fileFormats = files.files.map((f) => f.from); const fileFormats = files.files.map((f) => f.from);
const foundCat = Object.keys(categories).find((cat) => foundCat = Object.keys(categories).find((cat) =>
fileFormats.some((format) => fileFormats.some((format) =>
categories[cat].formats.includes(format), categories[cat].formats.includes(format),
), ),
); );
currentCategory =
foundCat || Object.keys(categories)[0] || null;
}
} }
currentCategory = foundCat || Object.keys(categories)[0] || null;
rootCategory = currentCategory;
}); });
// other available categories based on current category (e.g. converting between video and audio) // other available categories based on current category (e.g. converting between video and audio)
const availableCategories = $derived.by(() => { const availableCategories = $derived.by(() => {
if (!currentCategory) return Object.keys(categories); if (!rootCategory) return Object.keys(categories);
return Object.keys(categories).filter( let finalCategories = Object.keys(categories).filter(
(cat) => (cat) =>
cat === currentCategory || cat === rootCategory ||
categories[cat].canConvertTo?.includes(currentCategory || ""), categories[rootCategory!]?.canConvertTo?.includes(cat),
); );
if (from === ".gif") finalCategories.push("video");
return finalCategories;
}); });
const shouldInclude = (format: string, category: string): boolean => { const shouldInclude = (format: string, category: string): boolean => {