${renderMarkdown(result.markdown)}
${escapeHtml(result.markdown)}
`;
resultList.appendChild(item);
});
resultSection.classList.remove("hidden");
attachResultEvents();
}
function attachResultEvents() {
document.querySelectorAll(".result-item-header").forEach((header) => {
header.addEventListener("click", () => {
const targetId = header.dataset.target;
const body = document.getElementById(`body-${targetId}`);
const icon = header.querySelector(".collapse-icon");
body.classList.toggle("hidden");
icon.classList.toggle("collapsed");
});
});
document.querySelectorAll(".result-item .tab-button").forEach((btn) => {
btn.addEventListener("click", (e) => {
e.stopPropagation();
const parent = btn.closest(".result-item");
parent.querySelectorAll(".tab-button").forEach((b) => b.classList.remove("active"));
parent.querySelectorAll(".tab-content").forEach((el) => el.classList.remove("active"));
btn.classList.add("active");
const tabId = btn.dataset.tab;
parent.querySelector(`#tab-${tabId}`).classList.add("active");
});
});
document.querySelectorAll(".item-download").forEach((btn) => {
btn.addEventListener("click", (e) => {
e.stopPropagation();
const id = btn.dataset.id;
const filename = btn.dataset.filename;
downloadSingle(id, filename);
});
});
document.querySelectorAll(".item-copy").forEach((btn) => {
btn.addEventListener("click", async (e) => {
e.stopPropagation();
const id = btn.dataset.id;
const result = allResults.find((r) => r.id === id);
if (result) {
try {
await navigator.clipboard.writeText(result.markdown);
showToast("Copié dans le presse-papier");
} catch {
showToast("Erreur de copie");
}
}
});
});
}
function getSafeFilename(originalFilename) {
const parts = originalFilename.split(/[/\\]/);
const baseName = parts[parts.length - 1];
return baseName.replace(/\.[^.]+$/, "") + ".md";
}
function downloadSingle(id, filename) {
const result = allResults.find((r) => r.id === id);
if (!result) return;
const safeName = getSafeFilename(filename);
const blob = new Blob([result.markdown], { type: "text/markdown" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = safeName;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
showToast("Fichier téléchargé");
}
// ============================
// Télécharger tout (ZIP)
// ============================
function loadJSZip() {
return new Promise((resolve, reject) => {
if (window.JSZip) {
resolve(window.JSZip);
return;
}
const script = document.createElement('script');
script.src = "https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js";
script.onload = () => resolve(window.JSZip);
script.onerror = reject;
document.head.appendChild(script);
});
}
btnDownloadZip.addEventListener("click", async () => {
if (allResults.length === 0) return;
try {
const JSZip = await loadJSZip();
const zip = new JSZip();
allResults.forEach((r) => {
let pathName = r.filename.replace(/\\/g, "/");
pathName = pathName.replace(/\.[^.]+$/, "") + ".md";
if(pathName) {
zip.file(pathName, r.markdown);
}
});
const content = await zip.generateAsync({type: "blob"});
const url = URL.createObjectURL(content);
const a = document.createElement("a");
a.href = url;
a.download = "MarkitDown_Results.zip";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
showToast(`Archive de ${allResults.length} fichier(s) téléchargée`);
} catch (e) {
showToast("Erreur lors de la création du ZIP");
console.error(e);
}
});
// ============================
// Copier tout
// ============================
btnCopyAll.addEventListener("click", async () => {
if (allResults.length === 0) return;
const combined = allResults
.map((r) => `# ${r.filename}\n\n${r.markdown}`)
.join("\n\n---\n\n");
try {
await navigator.clipboard.writeText(combined);
showToast("Tout copié dans le presse-papier");
} catch {
showToast("Erreur de copie");
}
});
// ============================
// Historique
// ============================
toggleHistory.addEventListener("click", () => {
historyPanel.classList.toggle("hidden");
if (!historyPanel.classList.contains("hidden")) {
loadHistory();
}
});
btnClearHistory.addEventListener("click", async () => {
try {
await fetch("/clear-history", { method: "POST" });
loadHistory();
showToast("Historique effacé");
} catch {
showToast("Erreur lors de l'effacement");
}
});
async function loadHistory() {
try {
const response = await fetch("/history");
const data = await response.json();
if (data.success) {
renderHistory(data.data);
}
} catch {
// Silencieux
}
}
function renderHistory(entries) {
if (!entries || entries.length === 0) {
historyList.innerHTML = 'Aucune conversion pour le moment.
';
return;
}
historyList.innerHTML = entries
.map(
(entry, index) => `
${escapeHtml(entry.filename)}
${escapeHtml(entry.date)} · ${formatSize(entry.size)}
`
)
.join("");
historyList.querySelectorAll(".history-download").forEach((btn) => {
btn.addEventListener("click", (e) => {
e.stopPropagation();
downloadHistoryEntry(btn.dataset.id);
});
});
historyList.querySelectorAll(".history-copy").forEach((btn) => {
btn.addEventListener("click", (e) => {
e.stopPropagation();
copyHistoryEntry(btn.dataset.id);
});
});
historyList.querySelectorAll(".history-item").forEach((item) => {
item.addEventListener("click", () => {
const entry = entries[item.dataset.index];
if (entry) displayResults([entry]);
});
});
}
async function downloadHistoryEntry(id) {
try {
const response = await fetch(`/download/${id}`);
if (!response.ok) {
showToast("Erreur de téléchargement");
return;
}
const blob = await response.blob();
const disposition = response.headers.get("Content-Disposition") || "";
const match = disposition.match(/filename[^;=\n]*=([^"'\n]*)/);
const filename = match ? match[1].trim() : "document.md";
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
} catch {
showToast("Erreur de téléchargement");
}
}
async function copyHistoryEntry(id) {
try {
const response = await fetch(`/copy/${id}`);
const data = await response.json();
if (data.success) {
await navigator.clipboard.writeText(data.markdown);
showToast("Copié dans le presse-papier");
}
} catch {
showToast("Erreur de copie");
}
}
// ============================
// Rendu Markdown basique
// ============================
function renderMarkdown(md) {
let html = md
.replace(/```(\w*)\n([\s\S]*?)```/g, "