MediaWiki:CommonTranslate.js

/* ======================= CommonTranslate.js ======================= */
async function traduciTesto() {
  const area = document.getElementById("wpTextbox1");
  if (!area) {
    alert("⚠️ Attenzione: il campo wpTextbox1 non è stato trovato!");
    return;
  }
}


console.log("🔄 Caricamento CommonTranslate.js...");

// ✅ Evita ricaricamento multiplo
if (window.CommonTranslateLoaded) {
    console.warn("⚠️ CommonTranslate.js è già stato caricato.");
} else {
    window.CommonTranslateLoaded = true;

    // ✅ Imposta lingua di origine (fallback su HTML lang o en)
    window.linguaOrigine = document.documentElement.lang || "en";

    // ✅ Imposta API key se non esiste
    if (!window.apiKey) {
        window.apiKey = "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";  // <--- Inserisci la tua API Key qui
    }

    // ✅ Definizione modello OpenAI
    window.openaiModel = "gpt-4o-2024-05-13";

    console.log("✅ CommonTranslate.js caricato correttamente!");
}


/* ======================= Funzione principale ======================= */
async function traduciTesto() {
  const area = document.getElementById("wpTextbox1");
  const start = area.selectionStart;
  const end = area.selectionEnd;
  const testoSelezionato = area.value.slice(start, end).trim();
  const tutto = !testoSelezionato;

  // ✅ Chiedi cosa tradurre
  const conferma = confirm("📝 Vuoi tradurre SOLO il testo selezionato?\n\n✅ OK = solo selezione\n❌ Annulla = tutto il testo");
  if (conferma && !testoSelezionato) {
    alert("⚠️ Nessuna parte selezionata. Se vuoi tradurre tutto, premi Annulla.");
    return;
  }

  const testo = tutto ? area.value : testoSelezionato;

  // ✅ STEP 1: Lingua
  const lingueDisponibili = ["it", "en", "fr", "es", "de"];
  let linguaScelta = prompt(
    "🌍 Scegli la lingua di traduzione:\n\nit = Italiano\nen = Inglese\nfr = Francese\nes = Spagnolo\nde = Tedesco",
    "it"
  );
  if (!linguaScelta) {
    console.warn("⚠️ Nessuna lingua selezionata.");
    return;
  }


 // ✅ STEP 2: Segmentazione
const blocchi = segmentaTesto(testo);
console.log(`🧩 Segmentazione: ${blocchi.length} blocchi trovati`);

if (tutto) {
  // 🔍 STEP 3: Analisi segmentazione + popup
  const errori = analizzaErroriSegmentazione(blocchi);
  sostituisciTestoSegmentato(blocchi, errori);
  mostraPopupConferma(blocchi, errori, [linguaScelta], tutto);
  return; // ⛔️ blocco qui: la traduzione partirà dal popup
}

  // ✅ STEP 3: Traduzione (passa il parametro `tutto`)
  const tradotto = await inviaTraduzione(blocchi, linguaScelta, tutto);

  // ✅ STEP 4: Inserimento nel campo editor
  if (tutto) {
    area.value = tradotto;
  } else {
    const prima = area.value.slice(0, start);
    const dopo = area.value.slice(end);
    area.value = prima + tradotto + dopo;
    area.selectionStart = start;
    area.selectionEnd = start + tradotto.length;
  }

  // ✅ STEP 5: Notifica
  area.dispatchEvent(new Event("input", { bubbles: true }));
  area.dispatchEvent(new Event("change", { bubbles: true }));

  console.log("✅ Traduzione completata e inserita correttamente.");
}


/* ======================= Funzioni di supporto ======================= */
function ottieniTestoDaEditor() {
    const area = document.getElementById("wpTextbox1");
    return area ? area.value.trim() : null;
}

function ottieniTestoSelezionato() {
    const area = document.getElementById("wpTextbox1");
    if (!area) return null;
    return area.value.substring(area.selectionStart, area.selectionEnd).trim() || null;
}

function segmentaTesto(testo, maxToken = 3000) {
    console.log("📌 Segmentazione in corso con max", maxToken, "tokens...");
    const blocchi = testo.match(new RegExp(`.{1,${maxToken}}(?=\\s|$)`, "gs")) || [];
    return blocchi;
}

function analizzaErroriSegmentazione(blocchi) {
    let errori = [];
    blocchi.forEach((blocco, i) => {
        let err = [];
        const count = (s, c) => (s.match(new RegExp(`\\${c}`, 'g')) || []).length;
        const parentesi = [["[", "]"], ["{", "}"], ["<", ">"]];
        parentesi.forEach(([open, close]) => {
            let openCount = count(blocco, open);
            let closeCount = count(blocco, close);
            if (openCount !== closeCount) {
                err.push(`Parentesi ${open}${close} non bilanciate: ${openCount} ${open}, ${closeCount} ${close}`);
            }
        });
        if (err.length > 0) {
            errori.push({ index: i + 1, dettagli: err });
        }
    });
    return errori;
}

function sostituisciTestoSegmentato(blocchi, errori) {
    const area = document.getElementById("wpTextbox1");
    if (!area) {
        console.warn("⚠️ Campo wpTextbox1 non trovato per sostituzione.");
        return;
    }
    const blocchiSegnalati = blocchi.map((b, i) => {
        const err = errori.find(e => e.index === i + 1);
        const erroreText = err ? `⚠️ ERRORI:\n- ${err.dettagli.join("\n- ")}\n\n` : "";
        return `${erroreText}🔹 BLOCCO ${i + 1}\n` + b;
    });
    area.value = blocchiSegnalati.join("\n\n==============================\n\n");
    console.log("✍️ Testo segmentato sostituito nel campo wpTextbox1");
}

function mostraPopupConferma(blocchi, errori, lingueDaTradurre, tutto) {
    const popup = document.createElement("div");
    popup.id = "popup-conferma-traduzione";
    popup.style = `
        position: fixed; bottom: 20px; right: 20px;
        background: white; padding: 15px; border: 2px solid #444;
        box-shadow: 4px 4px 10px rgba(0,0,0,0.3); z-index: 9999;
        resize: both; overflow: auto; cursor: move;
    `;
    popup.innerHTML = `
        <b>✅ Segmentazione completata</b><br>
        🧠 Token stimati: ~${blocchi.length * 3000}<br>
        💰 Costo approssimativo: ~$${(blocchi.length * 3000 * 0.00002).toFixed(2)}<br>
        ${errori.length > 0 ? `❗ <span style='color:red;'>${errori.length} errori rilevati. Procedere comunque?</span><br>` : `<span style='color:green;'>✅ Nessun errore rilevato</span><br>`}
        <button id="btn-invia-traduzione">✅ Invia</button>
        <button onclick="this.parentNode.remove()">❌ Annulla</button>
    `;
    document.body.appendChild(popup);

    dragElement(popup);

    document.getElementById("btn-invia-traduzione").onclick = () => {
        popup.remove();
        alert("Preparazione invio a OpenAI... (non ancora attivo)");
        inviaTraduzione(blocchi, lingueDaTradurre[0]);
    };
}

function dragElement(elmnt) {
    let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
    elmnt.onmousedown = dragMouseDown;
    function dragMouseDown(e) {
        e = e || window.event;
        e.preventDefault();
        pos3 = e.clientX;
        pos4 = e.clientY;
        document.onmouseup = closeDragElement;
        document.onmousemove = elementDrag;
    }
    function elementDrag(e) {
        e = e || window.event;
        e.preventDefault();
        pos1 = pos3 - e.clientX;
        pos2 = pos4 - e.clientY;
        pos3 = e.clientX;
        pos4 = e.clientY;
        elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
        elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
    }
    function closeDragElement() {
        document.onmouseup = null;
        document.onmousemove = null;
    }
}
// ✅ Traduzione parziale o totale
async function inviaTraduzione(blocchi, lingua, tutto = true) {
  const model = window.openaiModel || "gpt-4o-2024-05-13";
  let testoTradotto = "";

  for (let i = 0; i < blocchi.length; i++) {
    console.log(`🚀 Invio blocco ${i + 1}/${blocchi.length} per la lingua: ${lingua}`);
    let tradotto = await traduciBlocco(blocchi[i], lingua);
    testoTradotto += tradotto + "\n\n";
  }

  const area = document.getElementById("wpTextbox1");
  if (!area) {
    console.warn("❌ Campo wpTextbox1 non trovato!");
    return;
  }

  const start = area.selectionStart;
  const end = area.selectionEnd;

  if (tutto) {
    // 🟩 Traduzione COMPLETA — sovrascrive l'intero contenuto
    area.value = testoTradotto.trim();
    area.dispatchEvent(new Event("input", { bubbles: true }));
    area.dispatchEvent(new Event("change", { bubbles: true }));

    console.log("✅ Traduzione COMPLETA sovrascritta nel campo wpTextbox1.");
  } else {
    // 🟨 Traduzione PARZIALE — sostituisce solo il testo selezionato
    const prima = area.value.slice(0, start);
    const dopo = area.value.slice(end);

    area.value = prima + testoTradotto.trim() + dopo;
    area.selectionStart = start;
    area.selectionEnd = start + testoTradotto.trim().length;
    area.dispatchEvent(new Event("input", { bubbles: true }));
    area.dispatchEvent(new Event("change", { bubbles: true }));

    console.log("✅ Traduzione PARZIALE sostituita nel testo originale.");
  }

  return testoTradotto.trim();
}


// ✅  Traduzione  blocco
async function traduciBlocco(blocco, lingua) {
    try {
        let response = await fetch("https://api.openai.com/v1/chat/completions", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
                "Authorization": `Bearer ${window.apiKey}`
            },
            body: JSON.stringify({
                model: window.openaiModel,
                messages: [
                    { role: "system", content: "You are a professional MediaWiki translator. Preserve all formatting, templates, and syntax." },
                    { role: "user", content: `Translate this text into ${lingua}:\n\n` + blocco }
                ],
                temperature: 0
            })
        });

        let data = await response.json();
        if (!response.ok) {
            throw new Error(data.error?.message || "Errore API generico");
        }
        return data.choices[0].message.content;
    } catch (error) {
        console.error("❌ Errore durante traduzione:", error);
        return "[Errore Traduzione]";
    }
}

// ✅ Aggiungi pulsante per avviare
$(function () {
    $("#wpTextbox1").after('<button id="pulsanteTraduci" class="btn">🧠 Traduci contenuto</button>');
    $("#pulsanteTraduci").on("click", traduciTesto);
});