MediaWiki:Gadget-LabelScan.js: Unterschied zwischen den Versionen

Version vom 5. November 2025, 21:15 Uhr

/* global mw, Tesseract */
(function(){
  'use strict';

  // Lädt Gadget nur, wenn der Scan-Block vorhanden ist.
  function hasUI(){
    return !!document.getElementById('ados-scan-run') &&
           !!document.getElementById('ados-scan-file');
  }

  // --- UI Helpers ---
  function setStatus(t){ var el = document.getElementById('ados-scan-status'); if(el) el.textContent = t || ''; }
  function setProgress(p){
    var bar = document.getElementById('ados-scan-progress');
    if(!bar) return;
    if(p == null){ bar.style.display='none'; bar.value=0; }
    else { bar.style.display=''; bar.value = Math.max(0, Math.min(1, p)); }
  }
  function showPreview(file){
    var url = URL.createObjectURL(file);
    var prev = document.getElementById('ados-scan-preview');
    if(prev){
      prev.innerHTML =
        '<img alt="Vorschau" src="'+url+'">';
      prev.setAttribute('aria-hidden','false');
    }
  }

  // --- Tesseract nur bei Bedarf laden ---
  var tesseractReady;
  function ensureTesseract(){
    if (tesseractReady) return tesseractReady;
    tesseractReady = new Promise(function(resolve, reject){
      if (window.Tesseract) return resolve();
      var s = document.createElement('script');
      s.src = 'https://cdn.jsdelivr.net/npm/tesseract.js@5/dist/tesseract.min.js';
      s.async = true;
      s.onload = resolve;
      s.onerror = function(){
        var s2 = document.createElement('script');
        s2.src = 'https://unpkg.com/tesseract.js@5/dist/tesseract.min.js';
        s2.async = true;
        s2.onload = resolve;
        s2.onerror = function(){ reject(new Error('Tesseract konnte nicht geladen werden')); };
        document.head.appendChild(s2);
      };
      document.head.appendChild(s);
    });
    return tesseractReady;
  }

  // --- OCR + Heuristik ---
  async function runOCR(file){
    await ensureTesseract();
    setProgress(0);
    var res = await Tesseract.recognize(file,'deu+eng',{
      logger: function(m){
        if(m && m.status === 'recognizing text' && typeof m.progress === 'number'){
          setProgress(m.progress);
        }
      }
    });
    setProgress(null);
    return (res && res.data && res.data.text) || '';
  }

  function extractHints(text){
    var raw = String(text||'').replace(/\s+/g,' ').trim();

    var wordRe = new RegExp('\\b[A-ZÄÖÜ][A-Za-zÄÖÜäöüß\\-]{3,}\\b','g');
    var w = []; var m;
    while ((m = wordRe.exec(raw)) !== null) { if (w.indexOf(m[0]) < 0) w.push(m[0]); }
    w = w.slice(0, 6);

    var ageRe = new RegExp('\\b([1-9]\\d?)\\s?(?:years?|yo|jahr|jahre)\\b','gi');
    var ages=[]; while ((m = ageRe.exec(raw)) !== null) { var n=(m[0].match(/[1-9]\d?/)||[])[0]; if(n && ages.indexOf(n)<0) ages.push(n); }

    var yearRe = new RegExp('\\b(19|20)\\d{2}\\b','g');
    var years=[]; while ((m = yearRe.exec(raw)) !== null) { if (years.indexOf(m[0])<0) years.push(m[0]); }

    return { words: w, ages: ages, years: years };
  }

  function buildSearchQuery(h){
    var parts = [];
    (h.words||[]).forEach(function(w){ parts.push('"'+w+'"'); });
    (h.ages||[]).forEach(function(a){ parts.push('"'+a+'"'); });
    (h.years||[]).forEach(function(y){ parts.push('"'+y+'"'); });
    if (!parts.length) parts.push('Whisky');
    return parts.join(' ');
  }

  // --- Wiki-Suche ---
  async function searchWiki(query, limit){
    await mw.loader.using('mediawiki.api');
    var api = new mw.Api();
    var res = await api.get({
      action: 'query',
      list: 'search',
      srsearch: query,
      srlimit: limit || 12,
      srwhat: 'text',
      formatversion: 2
    });
    return (res.query && res.query.search) || [];
  }

  function esc(s){ return mw.html.escape(String(s||'')); }

  function renderResults(items){
    var box = document.getElementById('ados-scan-results');
    if (!box) return;
    box.innerHTML = '';
    if (!items || !items.length){
      box.innerHTML = '<div class="ados-hit">Keine klaren Treffer. Bitte anderes Foto oder manuell suchen.</div>';
      return;
    }
    items.slice(0,12).forEach(function(it){
      var title = it.title || '';
      var link  = mw.util.getUrl(title.replace(/ /g,'_'));
      var snip  = String(it.snippet||'').replace(/<\/?span[^>]*>/g,'').replace(/&quot;/g,'"');
      var div   = document.createElement('div');
      div.className = 'ados-hit';
      div.innerHTML =
        '<b><a href="'+link+'">'+esc(title)+'</a></b>' +
        (snip ? '<div class="meta">'+snip+'</div>' : '');
      box.appendChild(div);
    });
  }

  // --- Bindung ---
  var BOUND = false;
  function bind(){
    if (BOUND || !hasUI()) return;
    var runBtn = document.getElementById('ados-scan-run');
    var fileIn = document.getElementById('ados-scan-file');
    var bigBtn = document.getElementById('ados-scan-bigbtn');

    if (!runBtn || !fileIn) return;

    if (runBtn.dataset.bound === '1') return;
    runBtn.dataset.bound = '1'; BOUND = true;

    if (bigBtn) bigBtn.addEventListener('click', function(){ fileIn.click(); });
    fileIn.addEventListener('change', function(){
      if (this.files && this.files[0]) showPreview(this.files[0]);
    });

    runBtn.addEventListener('click', async function(ev){
      ev.preventDefault();
      if (!(fileIn.files && fileIn.files[0])){ alert('Bitte ein Foto auswählen oder aufnehmen.'); return; }
      var f = fileIn.files[0];
      try{
        runBtn.disabled = true; runBtn.textContent = 'Erkenne …';
        setStatus('Erkenne Label …');
        var text  = await runOCR(f);
        setStatus('Suche im Wiki …');
        var hints = extractHints(text);
        var query = buildSearchQuery(hints);
        var hits  = await searchWiki(query, 12);
        renderResults(hits);
        setStatus('Fertig.');
      } catch (e){
        console.error('[LabelScan]', e);
        setStatus('Fehler bei Erkennung/Suche. Bitte erneut versuchen.');
      } finally {
        runBtn.disabled = false; runBtn.textContent = 'Erkennen & suchen';
      }
    });

    // Sicherheit gegen Overlays
    var wrap = document.getElementById('ados-labelscan');
    if (wrap) wrap.style.position = 'relative';
    runBtn.style.position = 'relative';
    runBtn.style.zIndex = '9999';
    runBtn.style.pointerEvents = 'auto';
  }

  // Erstbindung + Fallbacks + Observer (auch für Mobile/VE)
  if (document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', bind);
  } else {
    bind();
  }
  setTimeout(bind, 250);
  setTimeout(bind, 1000);

  var mo = new MutationObserver(function(){ if (!BOUND) bind(); });
  mo.observe(document.documentElement || document.body, { childList:true, subtree:true });
})();