forked from FWS/TEMPLATE-Web-site-one-page
feat(dl): charger les releases GitHub pour les downloads
This commit is contained in:
+88
-221
@@ -1,249 +1,116 @@
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
const cards = Array.from(document.querySelectorAll(".download-card"));
|
||||
const currentVersionLabel = document.querySelector("[data-current-version]");
|
||||
const archiveToggle = document.querySelector("[data-action-toggle-archive]");
|
||||
const versionsArchive = document.querySelector("[data-versions-archive]");
|
||||
(() => {
|
||||
const OWNER = "You-re-like-Windows-a-bitch";
|
||||
const REPO = "ISO";
|
||||
const API_URL = `https://api.github.com/repos/${OWNER}/${REPO}/releases?per_page=6`;
|
||||
const REPO_URL = `https://github.com/${OWNER}/${REPO}`;
|
||||
|
||||
const currentVersionNode = document.querySelector("[data-current-version]");
|
||||
const currentVersionDateNode = document.querySelector("[data-current-version-date]");
|
||||
const currentReleaseNoteNode = document.querySelector("[data-current-release-note]");
|
||||
const latestDownloadNode = document.querySelector("[data-latest-download]");
|
||||
const versionsListNode = document.querySelector("[data-versions-list]");
|
||||
const actionAdd = document.querySelector("[data-action-add]");
|
||||
const actionEdit = document.querySelector("[data-action-edit]");
|
||||
|
||||
const VERSIONS_KEY = "fws:versions";
|
||||
|
||||
const defaultVersions = [
|
||||
{ label: "1.0.2", url: "https://download.example.org/fws-1.0.2.iso", date: "2026-05-10" },
|
||||
{ label: "1.0.1", url: "https://download.example.org/fws-1.0.1.iso", date: "2026-03-22" },
|
||||
{ label: "0.9.8", url: "https://download.example.org/fws-0.9.8.iso", date: "2025-12-05" },
|
||||
];
|
||||
|
||||
function loadVersions() {
|
||||
try {
|
||||
const raw = localStorage.getItem(VERSIONS_KEY);
|
||||
if (!raw) return defaultVersions.slice();
|
||||
const parsed = JSON.parse(raw);
|
||||
if (!Array.isArray(parsed) || !parsed.length) return defaultVersions.slice();
|
||||
return parsed;
|
||||
} catch (e) {
|
||||
return defaultVersions.slice();
|
||||
}
|
||||
function formatDate(value) {
|
||||
if (!value) return "";
|
||||
const date = new Date(value);
|
||||
if (Number.isNaN(date.getTime())) return "";
|
||||
return date.toLocaleDateString("fr-FR", {
|
||||
year: "numeric",
|
||||
month: "long",
|
||||
day: "numeric",
|
||||
});
|
||||
}
|
||||
|
||||
function saveVersions(list) {
|
||||
localStorage.setItem(VERSIONS_KEY, JSON.stringify(list));
|
||||
function getDirectDownloadUrl(release) {
|
||||
if (release?.assets?.length) {
|
||||
return release.assets[0].browser_download_url || release.assets[0].url || release.html_url || "#";
|
||||
}
|
||||
return release?.html_url || "#";
|
||||
}
|
||||
|
||||
let versions = loadVersions();
|
||||
let currentVersion = versions[0];
|
||||
|
||||
function renderVersionsBar() {
|
||||
if (currentVersionLabel) {
|
||||
currentVersionLabel.textContent = `${currentVersion.label} ${currentVersion.date ? '— ' + currentVersion.date : ''}`.trim();
|
||||
}
|
||||
// update prominent latest download button
|
||||
const latestBtn = document.querySelector('[data-latest-download]');
|
||||
if (latestBtn) {
|
||||
latestBtn.href = currentVersion.url || '#';
|
||||
}
|
||||
function getReleaseLabel(release) {
|
||||
return release.name || release.tag_name || "Sans nom";
|
||||
}
|
||||
|
||||
function renderArchive() {
|
||||
function renderReleaseList(releases) {
|
||||
if (!versionsListNode) return;
|
||||
versionsListNode.innerHTML = "";
|
||||
versions.forEach((v, idx) => {
|
||||
|
||||
releases.slice(1, 6).forEach((release) => {
|
||||
const li = document.createElement("li");
|
||||
li.className = "version-item";
|
||||
|
||||
const versionLabel = getReleaseLabel(release);
|
||||
const downloadUrl = getDirectDownloadUrl(release);
|
||||
const published = formatDate(release.published_at);
|
||||
|
||||
li.innerHTML = `
|
||||
<strong>${v.label}</strong> <span class="version-meta">${v.date || ''}</span>
|
||||
<div class="version-actions">
|
||||
<a class="button" href="${v.url}" target="_blank">Télécharger</a>
|
||||
<button class="button button-secondary copy-version" data-idx="${idx}">Copier</button>
|
||||
<button class="button button-secondary make-latest" data-idx="${idx}">Faire dernière</button>
|
||||
<button class="button button-secondary edit-version" data-idx="${idx}">Modifier</button>
|
||||
<div class="version-main">
|
||||
<strong>${versionLabel}</strong>
|
||||
<span>${published ? `Publié le ${published}` : "Date inconnue"}</span>
|
||||
</div>
|
||||
<div class="version-side">
|
||||
<a class="button button-secondary" href="${downloadUrl}" target="_blank" rel="noreferrer">Télécharger</a>
|
||||
</div>
|
||||
`;
|
||||
|
||||
versionsListNode.appendChild(li);
|
||||
});
|
||||
}
|
||||
|
||||
function setCurrentToIndex(idx) {
|
||||
const v = versions[idx];
|
||||
if (!v) return;
|
||||
versions.splice(idx, 1);
|
||||
versions.unshift(v);
|
||||
currentVersion = versions[0];
|
||||
saveVersions(versions);
|
||||
renderVersionsBar();
|
||||
renderArchive();
|
||||
applyLinksToCards();
|
||||
}
|
||||
async function loadReleases() {
|
||||
if (currentVersionNode) currentVersionNode.textContent = "Chargement...";
|
||||
|
||||
function applyLinksToCards() {
|
||||
cards.forEach((card) => {
|
||||
const key = `fws:download:${card.dataset.key}`;
|
||||
const btn = card.querySelector(".download-btn");
|
||||
const copyBtn = card.querySelector(".copy-btn");
|
||||
const stored = localStorage.getItem(key);
|
||||
const finalUrl = stored || (currentVersion && currentVersion.url) || "#";
|
||||
if (btn) btn.href = finalUrl;
|
||||
if (btn) btn.dataset.link = finalUrl;
|
||||
if (copyBtn) copyBtn.dataset.link = finalUrl;
|
||||
});
|
||||
}
|
||||
try {
|
||||
const response = await fetch(API_URL, {
|
||||
headers: {
|
||||
Accept: "application/vnd.github+json",
|
||||
},
|
||||
});
|
||||
|
||||
function toast(message) {
|
||||
const t = document.createElement("div");
|
||||
t.className = "dl-toast";
|
||||
t.textContent = message;
|
||||
Object.assign(t.style, {
|
||||
position: "fixed",
|
||||
right: "1rem",
|
||||
bottom: "1rem",
|
||||
background: "rgba(2,6,23,0.9)",
|
||||
color: "#fff",
|
||||
padding: "0.6rem 0.9rem",
|
||||
borderRadius: "6px",
|
||||
boxShadow: "0 6px 20px rgba(2,6,23,0.5)",
|
||||
zIndex: 9999,
|
||||
});
|
||||
document.body.appendChild(t);
|
||||
setTimeout(() => t.remove(), 2200);
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error(`GitHub API ${response.status}`);
|
||||
}
|
||||
|
||||
cards.forEach((card) => {
|
||||
const key = `fws:download:${card.dataset.key}`;
|
||||
const btn = card.querySelector(".download-btn");
|
||||
const copyBtn = card.querySelector(".copy-btn");
|
||||
const editBtn = card.querySelector(".edit-btn");
|
||||
const releases = await response.json();
|
||||
if (!Array.isArray(releases) || releases.length === 0) {
|
||||
throw new Error("Aucune release trouvée");
|
||||
}
|
||||
|
||||
function setLink(url) {
|
||||
if (!url) url = "#";
|
||||
btn.href = url;
|
||||
btn.dataset.link = url;
|
||||
copyBtn.dataset.link = url;
|
||||
localStorage.setItem(key, url);
|
||||
}
|
||||
const latest = releases[0];
|
||||
const latestLabel = getReleaseLabel(latest);
|
||||
const latestDownloadUrl = getDirectDownloadUrl(latest);
|
||||
const latestDate = formatDate(latest.published_at);
|
||||
|
||||
const stored = localStorage.getItem(key);
|
||||
if (stored) {
|
||||
setLink(stored);
|
||||
} else {
|
||||
// apply global current version by default
|
||||
if (currentVersion && currentVersion.url) {
|
||||
setLink(currentVersion.url);
|
||||
if (currentVersionNode) currentVersionNode.textContent = latestLabel;
|
||||
if (currentVersionDateNode) currentVersionDateNode.textContent = latestDate ? ` · ${latestDate}` : "";
|
||||
if (currentReleaseNoteNode) currentReleaseNoteNode.textContent = latest.body || "Release GitHub la plus récente.";
|
||||
if (latestDownloadNode) latestDownloadNode.href = latestDownloadUrl;
|
||||
|
||||
renderReleaseList(releases);
|
||||
} catch (error) {
|
||||
if (currentVersionNode) currentVersionNode.textContent = "Impossible de charger les releases";
|
||||
if (currentReleaseNoteNode) {
|
||||
currentReleaseNoteNode.textContent = `Erreur: ${error.message}. Vérifie que le repo GitHub est public et qu'il expose des releases.`;
|
||||
}
|
||||
if (latestDownloadNode) {
|
||||
latestDownloadNode.href = REPO_URL;
|
||||
}
|
||||
if (versionsListNode) {
|
||||
versionsListNode.innerHTML = `
|
||||
<li class="version-item version-item-empty">
|
||||
<div class="version-main">
|
||||
<strong>Impossible de charger les anciennes versions</strong>
|
||||
<span>Ouvre le repo GitHub pour voir les releases.</span>
|
||||
</div>
|
||||
<div class="version-side">
|
||||
<a class="button button-secondary" href="${REPO_URL}" target="_blank" rel="noreferrer">Voir le repo</a>
|
||||
</div>
|
||||
</li>
|
||||
`;
|
||||
}
|
||||
}
|
||||
|
||||
editBtn.addEventListener("click", () => {
|
||||
const current = localStorage.getItem(key) || (currentVersion && currentVersion.url) || "";
|
||||
const value = window.prompt("Collez l'URL de téléchargement pour ce fichier:", current);
|
||||
if (value === null) return;
|
||||
const trimmed = value.trim();
|
||||
setLink(trimmed);
|
||||
toast("Lien enregistré");
|
||||
});
|
||||
|
||||
copyBtn.addEventListener("click", async () => {
|
||||
const link = copyBtn.dataset.link || btn.href || "";
|
||||
if (!link || link === "#") {
|
||||
toast("Aucun lien défini — utilisez 'Modifier le lien'");
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await navigator.clipboard.writeText(link);
|
||||
toast("Lien copié dans le presse-papiers");
|
||||
} catch (e) {
|
||||
window.prompt("Copiez manuellement ce lien:", link);
|
||||
}
|
||||
});
|
||||
|
||||
btn.addEventListener("click", (ev) => {
|
||||
const href = btn.getAttribute("href") || "";
|
||||
if (!href || href === "#") {
|
||||
ev.preventDefault();
|
||||
toast("Aucun lien configuré — cliquez sur 'Modifier le lien' pour en ajouter un");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// render versions UI
|
||||
function toggleArchive() {
|
||||
const expanded = archiveToggle.getAttribute("aria-expanded") === "true";
|
||||
archiveToggle.setAttribute("aria-expanded", String(!expanded));
|
||||
if (versionsArchive) versionsArchive.hidden = expanded;
|
||||
}
|
||||
|
||||
if (archiveToggle) {
|
||||
archiveToggle.addEventListener("click", () => {
|
||||
toggleArchive();
|
||||
});
|
||||
}
|
||||
|
||||
if (actionAdd) {
|
||||
actionAdd.addEventListener("click", () => {
|
||||
const label = window.prompt("Nom de la version (ex: 1.0.3):", "");
|
||||
if (!label) return;
|
||||
const url = window.prompt("URL de téléchargement pour cette version:", "");
|
||||
if (!url) return;
|
||||
const date = new Date().toISOString().slice(0, 10);
|
||||
versions.unshift({ label: label.trim(), url: url.trim(), date });
|
||||
saveVersions(versions);
|
||||
currentVersion = versions[0];
|
||||
renderVersionsBar();
|
||||
renderArchive();
|
||||
applyLinksToCards();
|
||||
toast("Version ajoutée");
|
||||
});
|
||||
}
|
||||
|
||||
if (actionEdit) {
|
||||
actionEdit.addEventListener("click", () => {
|
||||
const url = window.prompt("Nouvelle URL pour la version actuelle:", currentVersion.url || "");
|
||||
if (url === null) return;
|
||||
currentVersion.url = url.trim();
|
||||
versions[0] = currentVersion;
|
||||
saveVersions(versions);
|
||||
renderVersionsBar();
|
||||
applyLinksToCards();
|
||||
toast("Version mise à jour");
|
||||
});
|
||||
}
|
||||
|
||||
// delegated events for archive list
|
||||
if (versionsListNode) {
|
||||
versionsListNode.addEventListener("click", (ev) => {
|
||||
const copyBtn = ev.target.closest(".copy-version");
|
||||
const makeBtn = ev.target.closest(".make-latest");
|
||||
const editBtn = ev.target.closest(".edit-version");
|
||||
if (copyBtn) {
|
||||
const idx = Number(copyBtn.dataset.idx);
|
||||
const v = versions[idx];
|
||||
if (v && v.url) {
|
||||
navigator.clipboard.writeText(v.url).then(() => toast("Lien copié"), () => window.prompt("Copiez le lien:", v.url));
|
||||
}
|
||||
return;
|
||||
}
|
||||
if (makeBtn) {
|
||||
const idx = Number(makeBtn.dataset.idx);
|
||||
setCurrentToIndex(idx);
|
||||
toast("Version définie comme dernière");
|
||||
return;
|
||||
}
|
||||
if (editBtn) {
|
||||
const idx = Number(editBtn.dataset.idx);
|
||||
const v = versions[idx];
|
||||
if (!v) return;
|
||||
const newUrl = window.prompt(`Nouvelle URL pour ${v.label}:`, v.url || "");
|
||||
if (newUrl === null) return;
|
||||
v.url = newUrl.trim();
|
||||
versions[idx] = v;
|
||||
saveVersions(versions);
|
||||
renderArchive();
|
||||
applyLinksToCards();
|
||||
toast("Version modifiée");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
renderVersionsBar();
|
||||
renderArchive();
|
||||
applyLinksToCards();
|
||||
});
|
||||
loadReleases();
|
||||
})();
|
||||
Reference in New Issue
Block a user