idolpx/meatloaf-config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(MediaManager): refactor folder configuration loading to improve clarity and performance

Browse Source
This commit is contained in:
Jaime Idolpx 2026-06-12 23:02:11 -04:00
parent afc15134f5
commit 3d69970ea5
1 changed files with 17 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/app/components/MediaManager.tsx
View File

@ -463,12 +463,28 @@ export default function MediaManager({ initialPath, rootPath, title, config, set
// ── Directory loading ──────────────────────────────────────────────────── // ── Directory loading ────────────────────────────────────────────────────
const [folderConfig, setFolderConfig] = useState<Record<string, string> | null>(null);
const load = useCallback(async (p: string) => { const load = useCallback(async (p: string) => {
setLoading(true); setLoading(true);
setError(null); setError(null);
setSelected(new Set()); setSelected(new Set());
setFolderConfig(null);
try { try {
setEntries(await listDirectory(p)); const entries = await listDirectory(p);
setEntries(entries);
try {
const blob = await getFileContents(joinPath(p, '.config'));
const cfg: Record<string, string> = {};
for (const line of (await blob.text()).split('\n')) {
const t = line.trim();
if (!t || t.startsWith('#')) continue;
const eq = t.indexOf('=');
if (eq < 0) continue;
cfg[t.slice(0, eq).trim()] = t.slice(eq + 1).trim();
}
setFolderConfig(cfg);
} catch { /* no .config or unreadable — folderConfig stays null */ }
} catch (e: any) { } catch (e: any) {
setError(e?.message ?? 'Failed to load directory'); setError(e?.message ?? 'Failed to load directory');
setEntries([]); setEntries([]);
@ -486,30 +502,6 @@ export default function MediaManager({ initialPath, rootPath, title, config, set
useEffect(() => { localStorage.setItem('fileManager.sortKey', sortKey); }, [sortKey]); useEffect(() => { localStorage.setItem('fileManager.sortKey', sortKey); }, [sortKey]);
useEffect(() => { localStorage.setItem('fileManager.sortAsc', String(sortAsc)); }, [sortAsc]); useEffect(() => { localStorage.setItem('fileManager.sortAsc', String(sortAsc)); }, [sortAsc]);
// ── Folder config (.config) ──────────────────────────────────────────────
const [folderConfig, setFolderConfig] = useState<Record<string, string> | null>(null);
useEffect(() => {
let cancelled = false;
setFolderConfig(null);
getFileContents(joinPath(path, '.config'))
.then(async blob => {
if (cancelled) return;
const cfg: Record<string, string> = {};
for (const line of (await blob.text()).split('\n')) {
const t = line.trim();
if (!t || t.startsWith('#')) continue;
const eq = t.indexOf('=');
if (eq < 0) continue;
cfg[t.slice(0, eq).trim()] = t.slice(eq + 1).trim();
}
setFolderConfig(cfg);
})
.catch(() => { if (!cancelled) setFolderConfig(null); });
return () => { cancelled = true; };
}, [path]);
const navigateTo = (p: string) => { const navigateTo = (p: string) => {
let norm = normalizePath(p); let norm = normalizePath(p);
if (rootPath && !norm.startsWith(rootPath)) norm = rootPath; if (rootPath && !norm.startsWith(rootPath)) norm = rootPath;