root
c1c31d7685
Major improvements: - Series TV support via FS7 provider with dedicated search endpoint - Vidzy downloader now uses Playwright for JS obfuscation and ffmpeg for HLS streams - Episode filenames properly named (Series Title - Episode X) instead of master.m3u8.mp4 - Duplicate download prevention: checks existing tasks before creating new ones - Removed host preference system in favor of intelligent URL-based detection Technical changes: - Vidzy: Added Playwright extraction and M3U8→MP4 conversion with ffmpeg - FS7: Episodes now use pipe format (video_url|series_url|episode_title) - DownloadManager: Extract target_filename from pipe URL and prevent duplicates - UI: New Series tab with search, recommendations, and releases sections - Anime-Sama: Removed hardcoded host preferences, uses site's URL order Generated with [Claude Code](https://claude.com/claude-code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <[email protected]> Co-Authored-By: Happy <[email protected]>
385 lines
14 KiB
JavaScript
385 lines
14 KiB
JavaScript
/**
|
|
* Anime search and episode management
|
|
*/
|
|
|
|
/**
|
|
* Display search results
|
|
*/
|
|
async function displaySearchResults(data, lang) {
|
|
const resultsContainer = document.getElementById('searchResults');
|
|
const providers = await getProvidersInfo();
|
|
|
|
let totalResults = 0;
|
|
let html = '';
|
|
|
|
for (const [providerId, results] of Object.entries(data.results)) {
|
|
if (results && results.length > 0) {
|
|
totalResults += results.length;
|
|
|
|
results.forEach(anime => {
|
|
const providerInfo = providers.anime_providers[providerId];
|
|
html += renderAnimeCard(anime, providerId, providerInfo, lang);
|
|
});
|
|
}
|
|
}
|
|
|
|
if (totalResults === 0) {
|
|
html = '<div class="no-results">Aucun résultat trouvé</div>';
|
|
}
|
|
|
|
resultsContainer.innerHTML = html;
|
|
|
|
// Auto-load seasons (for Anime-Sama) or episodes for each anime
|
|
for (const [providerId, results] of Object.entries(data.results)) {
|
|
if (results && results.length > 0) {
|
|
results.forEach(anime => {
|
|
setTimeout(() => {
|
|
// Try to load seasons first (for Anime-Sama)
|
|
loadSeasonsForAnime(providerId, encodeURIComponent(anime.url));
|
|
}, 100);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Render anime card HTML
|
|
*/
|
|
function renderAnimeCard(anime, providerId, providerInfo, lang) {
|
|
const metadataHtml = renderAnimeMetadata(anime.metadata);
|
|
|
|
// Check if this is Anime-Sama (for season support)
|
|
const isAnimeSama = providerId === 'animesama' || anime.url?.includes('anime-sama');
|
|
|
|
const seasonSelectHtml = isAnimeSama ? `
|
|
<select id="seasons-${providerId}-${encodeURIComponent(anime.url)}" onchange="handleSeasonChange('${providerId}', '${encodeURIComponent(anime.url)}', '${lang}')" style="margin-bottom: 8px;">
|
|
<option value="">Chargement des saisons...</option>
|
|
</select>
|
|
` : '';
|
|
|
|
return `
|
|
<div class="anime-card" id="anime-${providerId}-${encodeURIComponent(anime.url)}">
|
|
<div class="anime-card-header">
|
|
<div class="anime-card-title">${escapeHtml(anime.title)}</div>
|
|
<div class="anime-card-provider">${providerInfo?.icon || ''} ${providerInfo?.name || providerId}</div>
|
|
</div>
|
|
${metadataHtml}
|
|
<div class="anime-card-actions">
|
|
${seasonSelectHtml}
|
|
<select id="episodes-${providerId}-${encodeURIComponent(anime.url)}">
|
|
<option value="">${isAnimeSama ? 'Sélectionner une saison d\'abord' : 'Charger les épisodes...'}</option>
|
|
</select>
|
|
</div>
|
|
<div class="anime-card-actions" id="actions-${providerId}-${encodeURIComponent(anime.url)}" style="display:none;">
|
|
<button class="btn-primary" onclick="handleDownloadEpisode('${encodeURIComponent(anime.url)}', '${providerId}', '${lang}')">
|
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" style="width:14px;height:14px;margin-right:4px;">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
|
|
</svg>
|
|
Télécharger
|
|
</button>
|
|
<button class="btn-primary" style="background: linear-gradient(45deg, #ff6b6b, #ffa500);" onclick="handleDownloadSeason('${encodeURIComponent(anime.url)}', '${lang}')" title="Télécharger toute la saison">
|
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" style="width:14px;height:14px;margin-right:4px;">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"></path>
|
|
</svg>
|
|
Toute la saison
|
|
</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
/**
|
|
* Render anime metadata
|
|
*/
|
|
function renderAnimeMetadata(metadata) {
|
|
if (!metadata) return '';
|
|
|
|
let metaParts = [];
|
|
|
|
if (metadata.release_year) metaParts.push(`📅 ${metadata.release_year}`);
|
|
if (metadata.rating) metaParts.push(`⭐ ${metadata.rating}`);
|
|
if (metadata.genres && metadata.genres.length > 0) metaParts.push(`🏷️ ${metadata.genres.slice(0, 3).join(', ')}`);
|
|
if (metadata.total_episodes) metaParts.push(`📺 ${metadata.total_episodes} épisodes`);
|
|
if (metadata.status) metaParts.push(`📡 ${metadata.status === 'Ongoing' ? 'En cours' : 'Terminé'}`);
|
|
|
|
let html = '';
|
|
|
|
if (metaParts.length > 0) {
|
|
html += `
|
|
<div class="anime-metadata">
|
|
${metaParts.join(' • ')}
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
if (metadata.synopsis) {
|
|
html += `
|
|
<details class="anime-synopsis">
|
|
<summary>📖 Synopsis</summary>
|
|
<p>${escapeHtml(metadata.synopsis)}</p>
|
|
</details>
|
|
`;
|
|
}
|
|
|
|
return html;
|
|
}
|
|
|
|
/**
|
|
* Load seasons for Anime-Sama anime
|
|
*/
|
|
async function loadSeasonsForAnime(providerId, encodedUrl) {
|
|
const url = decodeURIComponent(encodedUrl);
|
|
const seasonSelectId = `seasons-${providerId}-${encodedUrl}`;
|
|
|
|
const seasonSelectElement = document.getElementById(seasonSelectId);
|
|
if (!seasonSelectElement) return;
|
|
|
|
// Only proceed if this is Anime-Sama
|
|
if (!url.includes('anime-sama')) {
|
|
seasonSelectElement.style.display = 'none';
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const response = await fetch(`${API_BASE}/anime/seasons?url=${encodeURIComponent(url)}`);
|
|
|
|
if (response.ok) {
|
|
const data = await response.json();
|
|
|
|
if (data.seasons && data.seasons.length > 0) {
|
|
seasonSelectElement.innerHTML = '<option value="">Sélectionner une saison</option>';
|
|
|
|
data.seasons.forEach(season => {
|
|
const option = document.createElement('option');
|
|
option.value = season.url;
|
|
option.textContent = `${season.title} (${season.episode_count} épisodes)`;
|
|
option.dataset.seasonNum = season.season;
|
|
seasonSelectElement.appendChild(option);
|
|
});
|
|
|
|
console.log(`Loaded ${data.seasons.length} seasons`);
|
|
} else {
|
|
// No seasons found, hide season selector and load episodes directly
|
|
seasonSelectElement.style.display = 'none';
|
|
loadEpisodesForAnime(providerId, encodedUrl, 'vostfr');
|
|
}
|
|
} else {
|
|
console.error('Failed to load seasons');
|
|
seasonSelectElement.style.display = 'none';
|
|
loadEpisodesForAnime(providerId, encodedUrl, 'vostfr');
|
|
}
|
|
} catch (error) {
|
|
console.error('Error loading seasons:', error);
|
|
seasonSelectElement.style.display = 'none';
|
|
loadEpisodesForAnime(providerId, encodedUrl, 'vostfr');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Handle season selection change
|
|
*/
|
|
async function handleSeasonChange(providerId, encodedUrl, lang) {
|
|
const seasonSelectId = `seasons-${providerId}-${encodedUrl}`;
|
|
const seasonSelectElement = document.getElementById(seasonSelectId);
|
|
|
|
const selectedSeasonUrl = seasonSelectElement.value;
|
|
const encodedSeasonUrl = encodeURIComponent(selectedSeasonUrl);
|
|
|
|
if (!selectedSeasonUrl) {
|
|
// Clear episodes if no season selected
|
|
const episodeSelectId = `episodes-${providerId}-${encodedUrl}`;
|
|
const episodeSelectElement = document.getElementById(episodeSelectId);
|
|
episodeSelectElement.innerHTML = '<option value="">Sélectionner une saison d\'abord</option>';
|
|
episodeSelectElement.disabled = true;
|
|
return;
|
|
}
|
|
|
|
// Find the episode select element (it's based on the original anime URL)
|
|
const episodeSelectId = `episodes-${providerId}-${encodedUrl}`;
|
|
const selectElement = document.getElementById(episodeSelectId);
|
|
|
|
if (!selectElement) {
|
|
console.error('Episode select element not found:', episodeSelectId);
|
|
return;
|
|
}
|
|
|
|
// Show loading state
|
|
selectElement.innerHTML = '<option value="">Chargement...</option>';
|
|
selectElement.disabled = false;
|
|
|
|
try {
|
|
// Load episodes for the selected season
|
|
const data = await loadEpisodes(selectedSeasonUrl, lang);
|
|
|
|
if (data.episodes && data.episodes.length > 0) {
|
|
selectElement.innerHTML = '<option value="">Sélectionner un épisode</option>';
|
|
data.episodes.forEach(ep => {
|
|
const option = document.createElement('option');
|
|
option.value = ep.url;
|
|
option.textContent = `Épisode ${ep.episode}`;
|
|
selectElement.appendChild(option);
|
|
});
|
|
|
|
// Show download buttons
|
|
const actionsId = `actions-${providerId}-${encodedUrl}`;
|
|
const actionsDiv = document.getElementById(actionsId);
|
|
actionsDiv.style.display = 'flex';
|
|
} else {
|
|
selectElement.innerHTML = '<option value="">Aucun épisode disponible</option>';
|
|
selectElement.disabled = true;
|
|
}
|
|
} catch (error) {
|
|
console.error('Error loading episodes:', error);
|
|
selectElement.innerHTML = '<option value="">Erreur de chargement</option>';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Load episodes for an anime
|
|
*/
|
|
async function loadEpisodesForAnime(providerId, encodedUrl, lang) {
|
|
const url = decodeURIComponent(encodedUrl);
|
|
const selectId = `episodes-${providerId}-${encodedUrl}`;
|
|
const actionsId = `actions-${providerId}-${encodedUrl}`;
|
|
|
|
const selectElement = document.getElementById(selectId);
|
|
if (!selectElement) return;
|
|
|
|
selectElement.innerHTML = '<option value="">Chargement...</option>';
|
|
|
|
try {
|
|
const data = await loadEpisodes(url, lang);
|
|
|
|
if (data.episodes && data.episodes.length > 0) {
|
|
selectElement.innerHTML = '<option value="">Sélectionner un épisode</option>';
|
|
data.episodes.forEach(ep => {
|
|
const option = document.createElement('option');
|
|
option.value = ep.url;
|
|
option.textContent = `Épisode ${ep.episode}`;
|
|
selectElement.appendChild(option);
|
|
});
|
|
|
|
// Show download buttons
|
|
const actionsDiv = document.getElementById(actionsId);
|
|
actionsDiv.style.display = 'flex';
|
|
} else {
|
|
selectElement.innerHTML = '<option value="">Aucun épisode disponible</option>';
|
|
selectElement.disabled = true;
|
|
|
|
// Add warning message
|
|
const card = document.getElementById(`anime-${providerId}-${encodedUrl}`);
|
|
if (card) {
|
|
const warning = document.createElement('div');
|
|
warning.style.cssText = 'margin-top: 10px; padding: 10px; background: rgba(255, 100, 100, 0.2); border-radius: 6px; font-size: 12px; color: #ff6b6b;';
|
|
warning.textContent = '⚠️ Aucun épisode trouvé. Essayez une recherche exacte ou un autre fournisseur.';
|
|
card.appendChild(warning);
|
|
}
|
|
}
|
|
} catch (error) {
|
|
console.error('Error loading episodes:', error);
|
|
selectElement.innerHTML = '<option value="">Erreur de chargement</option>';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Handle episode download
|
|
*/
|
|
async function handleDownloadEpisode(encodedUrl, providerId, lang) {
|
|
const url = decodeURIComponent(encodedUrl);
|
|
const selectId = `episodes-${providerId}-${encodedUrl}`;
|
|
const selectElement = document.getElementById(selectId);
|
|
|
|
const episodeUrl = selectElement.value;
|
|
if (!episodeUrl) {
|
|
alert('Veuillez sélectionner un épisode');
|
|
return;
|
|
}
|
|
|
|
try {
|
|
await downloadEpisode(episodeUrl);
|
|
loadDownloads();
|
|
alert('Téléchargement démarré!');
|
|
selectElement.value = '';
|
|
} catch (error) {
|
|
console.error('Download error:', error);
|
|
alert('Erreur lors du démarrage du téléchargement');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Handle season download
|
|
*/
|
|
async function handleDownloadSeason(encodedUrl, lang) {
|
|
const url = decodeURIComponent(encodedUrl);
|
|
|
|
if (!confirm(`⚠️ Attention: Vous allez télécharger toute la saison. Cela peut prendre du temps et utiliser beaucoup d'espace disque.\n\nVoulez-vous continuer ?`)) {
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const data = await downloadSeason(url, lang);
|
|
loadDownloads();
|
|
alert(`✅ ${data.message}\n\n${data.total_episodes} épisodes ont été ajoutés à la file de téléchargement!`);
|
|
} catch (error) {
|
|
console.error('Season download error:', error);
|
|
alert('Erreur lors du démarrage du téléchargement de la saison');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Handle search form submission
|
|
*/
|
|
async function handleSearch() {
|
|
const query = document.getElementById('searchInput').value.trim();
|
|
|
|
if (!query) return;
|
|
|
|
// Use the new anime details search
|
|
await searchAnimeDetails(query);
|
|
}
|
|
|
|
// Handle anime search (new dedicated function)
|
|
async function handleAnimeSearch() {
|
|
const searchInput = document.getElementById('animeSearchInput') || document.getElementById('searchInput');
|
|
if (!searchInput) return;
|
|
|
|
const query = searchInput.value.trim();
|
|
if (!query) return;
|
|
|
|
// Use the new anime details search
|
|
await searchAnimeDetails(query);
|
|
}
|
|
|
|
// Ensure global scope
|
|
window.handleSearch = handleSearch;
|
|
window.handleAnimeSearch = handleAnimeSearch;
|
|
|
|
/**
|
|
* Handle direct download form submission
|
|
*/
|
|
async function handleDirectDownload(e) {
|
|
e.preventDefault();
|
|
const url = document.getElementById('urlInput').value;
|
|
|
|
try {
|
|
await startDownload(url);
|
|
document.getElementById('urlInput').value = '';
|
|
loadDownloads();
|
|
} catch (error) {
|
|
console.error('Download error:', error);
|
|
alert('Erreur lors du démarrage du téléchargement');
|
|
}
|
|
}
|
|
|
|
// Ensure all functions are globally accessible
|
|
window.displaySearchResults = displaySearchResults;
|
|
window.renderAnimeCard = renderAnimeCard;
|
|
window.renderAnimeMetadata = renderAnimeMetadata;
|
|
window.loadSeasonsForAnime = loadSeasonsForAnime;
|
|
window.handleSeasonChange = handleSeasonChange;
|
|
window.loadEpisodesForAnime = loadEpisodesForAnime;
|
|
window.handleDownloadEpisode = handleDownloadEpisode;
|
|
window.handleDownloadSeason = handleDownloadSeason;
|
|
window.handleSearch = handleSearch;
|
|
window.handleDirectDownload = handleDirectDownload;
|