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

   // ---------- Kurz-Helpers ----------

   const $ = (id) => document.getElementById(id);

   const esc = (s) => mw.html.escape(String(s || ''));

 

    stat:   () => $('ados-scan-status'),

 

  function setStatus(t){ const s=el.stat(); if(s) s.textContent = t || ''; }

     const bar = el.prog(); if(!bar) return;

     if (p == null){ bar.hidden = true; bar.value = 0; }

     else { bar.hidden = false; bar.value = Math.max(0, Math.min(1, p)); }

     try {

       const url = URL.createObjectURL(file);

       const prev = el.prev();

       if (prev){

     } catch(e) {}

   // ---------- CLIP Modell laden ----------

   let CLIP_READY = null;

     if (CLIP_READY) return CLIP_READY;

     CLIP_READY = new Promise((resolve, reject) => {

       if (!window.transformers){

         const s = document.createElement('script');

         s.src = 'https://cdn.jsdelivr.net/npm/@xenova/transformers/dist/transformers.min.js';

         s.async = true;

         s.onload = async () => {

          try {

            const pipe = await window.transformers.pipeline('image-feature-extraction','Xenova/clip-vit-base-patch32');

            resolve(pipe);

          } catch (e){ reject(e); }

        };

         s.onerror = reject;

       } else {

         window.transformers.pipeline('image-feature-extraction','Xenova/clip-vit-base-patch32').then(resolve, reject);

   // ---------- Index laden (mit Embeddings) ----------

     const bin = atob(b64), len = bin.length, bytes = new Uint8Array(len);

     for (let i=0;i<len;i++) bytes[i] = bin.charCodeAt(i);

     let n=0; for (let i=0;i<v.length;i++) n += v[i]*v[i];

     n = Math.sqrt(n)||1;

    const out = new Float32Array(v.length);

     for (let i=0;i<v.length;i++) out[i] = v[i]/n;

    return out;

   function cosine(a,b){ let s=0; for(let i=0;i<a.length;i++) s += a[i]*b[i]; return s; }

   let ADOS_INDEX = null;

     if (ADOS_INDEX) return ADOS_INDEX;

     const page = 'MediaWiki:Gadget-LabelScan-index.json'; // <- dein Index

     const res  = await fetch(url, { cache: 'no-store' });

     try { json = JSON.parse(txt.replace(/^\uFEFF/, '')); }

     catch(e){ console.error('[LabelScan] Index JSON fehlerhaft', e); throw e; }

     if (!Array.isArray(json) || !json.length) throw new Error('Index leer');

     ADOS_INDEX = json.map((it) => {

       let vec = null;

       if (typeof it.embed === 'string'){

         try { vec = normalizeVec( decodeEmbed(it.embed) ); } catch(e){ vec = null; }

   // ---------- Bild → Embedding ----------

     try {

       setStatus('Bild analysieren …');

      setProgress(0.2);

       return normalizeVec(feat.data);

     } finally {

   // ---------- Ranking ----------

     for (const it of index){

       if (!it.vec) continue;

     scored.sort((a,b)=>b.s - a.s);

     const out = [];

     for (const r of scored){

       out.push({ title: r.it.title, thumb: r.it.thumb, score: r.s });

       if (out.length >= (topK||6)) break;

   // ---------- Render ----------

     const box = el.res(); if(!box) return;

     box.innerHTML = '';

     if (!items || !items.length){

       box.innerHTML = '<div class="ados-hit">Keine klaren Treffer. Bitte anderes Foto oder näher am Label versuchen.</div>';

   // ---------- Input-Auswahl zusammenführen ----------

  let CURRENT_FILE = null;

    CURRENT_FILE = f || null;

   }

 

   // ---------- Dropzone ----------

   function wireDropzone(){

     const drop = el.drop(); if (!drop) return;

     const over = (e)=>{ e.preventDefault(); drop.classList.add('is-over'); };

    const leave= (e)=>{ e.preventDefault(); drop.classList.remove('is-over'); };

      e.preventDefault(); drop.classList.remove('is-over');

       const f = e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files[0];

      if (f && f.type && f.type.startsWith('image/')) setCurrentFile(f);

    };

     drop.addEventListener('dragleave', leave);

     drop.addEventListener('drop',      dropH);

     return el.run() && (el.inCam() || el.inGal()) && el.res();

   let BOUND = false;

     if (BOUND || !hasUI()) return;

    const inGal  = el.inGal();

    const run    = el.run();

    const reset  = el.reset();

    // Buttons → jeweiliges Input öffnen

    if (btnCam && inCam && !btnCam.dataset._b){

      btnCam.dataset._b = '1';

      btnCam.addEventListener('click', ()=> inCam.click());

    }

    if (btnGal && inGal && !btnGal.dataset._b){

      btnGal.dataset._b = '1';

      btnGal.addEventListener('click', ()=> inGal.click());

    }

 

    if (inCam && !inCam.dataset._b){

      inCam.dataset._b = '1';

      inCam.addEventListener('change', function(){

        if (this.files && this.files[0]) setCurrentFile(this.files[0]);

       });

       inGal.dataset._b = '1';

      inGal.addEventListener('change', function(){

         if (this.files && this.files[0]) setCurrentFile(this.files[0]);

 

 

        if (el.res()) el.res().innerHTML = '<div class="empty">Hier erscheinen passende Abfüllungen mit Link ins Wiki.</div>';

       run.dataset._b = '1';

       run.addEventListener('click', onRunClick);

     const run = el.run();

     const btnCam = el.btnCam();

     const btnGal = el.btnGal();

     const f = CURRENT_FILE;

     if (!f){ alert('Bitte ein Bild aufnehmen oder wählen.'); return; }

     // Parameter am Wrapper überschreibbar

     const wrap = el.wrap() || document.body;

     const TOP_K    = Number(wrap?.dataset?.topk || 6);

     const MIN_SCORE = Number(wrap?.dataset?.minscore || 0.82);

     try {

       setStatus('Vorbereitung …'); setProgress(0);

       run.disabled = true; if(btnCam) btnCam.disabled = true; if(btnGal) btnGal.disabled = true;

       setStatus('Bild analysieren …'); setProgress(0.25);

       setStatus('Vergleiche …'); setProgress(0.4);

     } catch (e){

     } finally {

       run.disabled = false; if(btnCam) btnCam.disabled = false; if(btnGal) btnGal.disabled = false;

   // ---------- Robuste Bind-Triggers ----------

   if (document.readyState !== 'loading') bind('immediate');

   else document.addEventListener('DOMContentLoaded', ()=>bind('DOMContentLoaded'), { once:true });

   const mo = new MutationObserver(()=>{ if(!BOUND && hasUI()) bind('mutation'); });