mkelvers/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add prettier and eslint with pre-commit hook

Browse Source
This commit is contained in:
mkelvers
2026-05-10 19:23:53 +02:00
parent be9fbe0f64
commit 3703bbfcfe
33 changed files with 1643 additions and 1245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
static/player/episodes/thumbnails.ts
View File

@@ -1,35 +1,38 @@
import { state } from '../state'
import { state } from '../state';
export const setupThumbnails = (): void => {
fetch(`/api/watch/thumbnails/${state.malID}`)
.then(res => res.json())
.then((data: Array<{ mal_id: number; url: string; title?: string }>) => {
if (!state.episodeList) return
if (!state.episodeList) return;
data.forEach(item => {
const card = state.episodeList.querySelector(`[data-episode-id="${item.mal_id}"]`)
if (!card) return
const card = state.episodeList.querySelector(`[data-episode-id="${item.mal_id}"]`);
if (!card) return;
if (item.url) {
const imgContainer = card.querySelector('.relative.aspect-video')
const imgContainer = card.querySelector('.relative.aspect-video');
if (imgContainer) {
let img = imgContainer.querySelector('img')
let img = imgContainer.querySelector('img');
if (!img) {
img = document.createElement('img')
img.className = 'h-full w-full object-cover transition-transform group-hover:scale-105'
img.loading = 'lazy'
imgContainer.querySelector('.flex.h-full.w-full.items-center.justify-center')?.remove()
imgContainer.prepend(img)
img = document.createElement('img');
img.className =
'h-full w-full object-cover transition-transform group-hover:scale-105';
img.loading = 'lazy';
imgContainer
.querySelector('.flex.h-full.w-full.items-center.justify-center')
?.remove();
imgContainer.prepend(img);
}
img.src = item.url
img.alt = item.title ?? `Episode ${item.mal_id}`
img.src = item.url;
img.alt = item.title ?? `Episode ${item.mal_id}`;
}
}
if (item.title) {
const titleEl = card.querySelector('[data-episode-title]')
if (titleEl) titleEl.textContent = item.title
const titleEl = card.querySelector('[data-episode-title]');
if (titleEl) titleEl.textContent = item.title;
}
})
});
})
.catch(err => console.error('Failed to fetch thumbnails:', err))
}
.catch(err => console.error('Failed to fetch thumbnails:', err));
};