feat: add prettier and eslint with pre-commit hook

This commit is contained in:
2026-05-10 19:23:53 +02:00
parent be9fbe0f64
commit 3703bbfcfe
33 changed files with 1643 additions and 1245 deletions

View File

@@ -1,9 +1,9 @@
import DOMPurify from 'dompurify'
import { state } from '../state'
import DOMPurify from 'dompurify';
import { state } from '../state';
export const completeAnime = async (episodeNumber: number): Promise<void> => {
if (state.completionSent || !state.malID || !episodeNumber) return
state.completionSent = true
if (state.completionSent || !state.malID || !episodeNumber) return;
state.completionSent = true;
try {
const res = await fetch('/api/watch-complete', {
@@ -11,27 +11,27 @@ export const completeAnime = async (episodeNumber: number): Promise<void> => {
headers: { 'Content-Type': 'application/json' },
keepalive: true,
body: JSON.stringify({ mal_id: state.malID, episode: episodeNumber }),
})
});
if (!res.ok) {
state.completionSent = false
state.completionSent = false;
if (state.completionAttempts < 2) {
state.completionAttempts++
setTimeout(() => completeAnime(episodeNumber), 1000)
state.completionAttempts++;
setTimeout(() => completeAnime(episodeNumber), 1000);
}
return
return;
}
const trigger = document.querySelector('[data-dropdown-trigger]') as HTMLButtonElement | null
const trigger = document.querySelector('[data-dropdown-trigger]') as HTMLButtonElement | null;
if (trigger) {
trigger.textContent = 'Completed '
const caret = document.createElement('span')
caret.className = 'text-xs'
caret.textContent = '▾'
trigger.appendChild(caret)
trigger.textContent = 'Completed ';
const caret = document.createElement('span');
caret.className = 'text-xs';
caret.textContent = '▾';
trigger.appendChild(caret);
}
const dropdown = document.getElementById('watch-status-dropdown')
const dropdown = document.getElementById('watch-status-dropdown');
if (dropdown) {
const payload = {
anime_id: String(state.malID),
@@ -41,27 +41,29 @@ export const completeAnime = async (episodeNumber: number): Promise<void> => {
anime_image: state.container.dataset.animeImage ?? '',
status: 'completed',
airing: state.container.dataset.animeAiring === 'true',
}
};
fetch('/api/watchlist', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'HX-Request': 'true' },
body: `anime_id=${encodeURIComponent(payload.anime_id)}&anime_title=${encodeURIComponent(payload.anime_title)}&anime_title_english=${encodeURIComponent(payload.anime_title_english)}&anime_title_japanese=${encodeURIComponent(payload.anime_title_japanese)}&anime_image=${encodeURIComponent(payload.anime_image)}&status=${encodeURIComponent(payload.status)}&airing=${encodeURIComponent(String(payload.airing))}`,
credentials: 'same-origin',
}).then(async res => {
if (!res.ok) return
const html = await res.text()
const wrapper = document.createElement('span')
wrapper.id = 'watch-status-dropdown'
wrapper.innerHTML = DOMPurify.sanitize(html)
dropdown.replaceWith(wrapper)
}).catch(() => {})
})
.then(async res => {
if (!res.ok) return;
const html = await res.text();
const wrapper = document.createElement('span');
wrapper.id = 'watch-status-dropdown';
wrapper.innerHTML = DOMPurify.sanitize(html);
dropdown.replaceWith(wrapper);
})
.catch(() => {});
}
} catch {
state.completionSent = false
state.completionSent = false;
if (state.completionAttempts < 2) {
state.completionAttempts++
setTimeout(() => completeAnime(episodeNumber), 1000)
state.completionAttempts++;
setTimeout(() => completeAnime(episodeNumber), 1000);
}
}
}
};