function buildRNA(dnaData) {
    if (!dnaData) {
        var visibleArea = visibleList('isVisible');
        var activeScreen = visibleList(visibleArea);
        dnaData = activeScreen.firstElementChild.getAttribute('data-dna');       
    }   
    if (dnaData) {
        var originalDNA = safeParse(dnaData);  // Roh-Daten
        var rna = {};  // Analysierte Version
        
        for (var field in originalDNA) {
            if (originalDNA.hasOwnProperty(field)) {
                var rawValue = originalDNA[field];
                var analyzed = analyzeValue(field, rawValue);
               if (analyzed) {
                    rna[field] = analyzed; 
                }
 
            }
        }
        return JSON.stringify(rna);
    }
    return '{}';
}



function buildSVGs(containerId) {
    var allSVGs = [];
    for (var key in svgIcons) {
        if (svgIcons.hasOwnProperty(key)) {
            var clone = svgIcons[key].cloneNode(true);
            allSVGs.push(clone);
        }
    }
    
    // 2. Testa ogni SVG contro la DNA attiva
    var activeRNA =buildRNA(); // La DNA corrente
    var usefulSVGs = [];
    
    allSVGs.forEach(function(svg) {
        // Check se ha già source (già utile)
        if (svg.getAttribute('source') && svg.getAttribute('source').length > 0) {
            usefulSVGs.push(svg);
            return;
        }
        
        // Analizza se può essere utile
        var trigger = svg.getAttribute('trigger'); // es. ".mp3"
        if (!trigger) return;
        
        // Cerca nella DNA attiva
        var foundMatch = false;
        for (var field in activeRNA) {
            if (activeDNA.hasOwnProperty(field)) {
                var item = activeRNA[field];
                if (item.type && item.type.includes(trigger) || item.type && trigger.includes(item.type)) {
                    // Trovato match! SVG è utile
                    svg.setAttribute('source', item.content);
                    svg.setAttribute('active', 'armed');
                    svg.style.backgroundColor = randomColor();
                    usefulSVGs.push(svg);
                    foundMatch = true;
                    break;
                }
            }
        }
        
        // Se nessun match, SVG è inutile → non viene aggiunto
        if (!foundMatch) {
            console.log('SVG inutile rimosso:', svg.getAttribute('trigger'));
        }
    });
    
    // 3. Mostra solo gli SVG utili
    var container = document.getElementById(containerId);
    container.innerHTML = ''; // Pulisci
    
    usefulSVGs.forEach(function(svg) {
        container.appendChild(svg);
    });
    
    return usefulSVGs.length;
}



function analyzeValue(fieldName,enteredContent) {

generates :

    dna = {};
    dna[fieldName]= {id:..., 
                type: '.mp3' , 
                content: 'https:/xyz/mymusic.mp3'
                }
}


    mp4: `<svg
            active ="test"
            source =""
            trigger =".mp3"
                rna = ""

onclick="ev = window.event;
    if(ev) { 
        ev.preventDefault();
        var source = this.getAttribute('source');
        if(!source) {
            var trigger = this.getAttribute('trigger');
            var rnaJson = this.getAttribute('rna');
            if(!rnaJson || rnaJson.length == 0) {
                rnaJson = buildRNA();
            }
            var rna = JSON.parse(rnaJson);
            for(var field in rna) {
                if(rna.hasOwnProperty(field)) {
                    var data = rna[field];
                    var rnaType = data['type'];
                    var rnaContent = data['content'];               
                    if(rnaType && rnaType.length > 0 
                        && trigger && trigger.length > 0
                        && rnaContent && rnaContent.length > 0) {
                        if(trigger.indexOf(rnaContent) >=0 && rnaType.indexOf(trigger) >= 0) {
                            var clone = this.cloneNode(true);
                            var randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);
                            clone.style.backgroundColor = randomColor;
                            clone.setAttribute('source',data['content']);
                            this.parentNode.appendChild(clone);
                        }
                    }
                }
            }
            this.parentNode.removeChild(this);
            return;
        } 
        var parentNode = this.parentElement;
        var pCoord = parentNode.getBoundingClientRect();
        var source = this.getAttribute('source');    
        var overlay = document.createElement('div');
        overlay.style.cssText = 'position:absolute;top:0px;left:'+pCoord.left+'px;width:'+pCoord.width+'px;height:'+pCoord.height+'px;;background:black;z-index:9999;display:flex;align-items:center;justify-content:center;';
        var video = document.createElement('video');
        video.src = source;
        video.controls = true;
        video.autoplay = true;
        video.style.cssText = 'max-width:90%;max-height:90%;';
        overlay.onclick = function(e) {
            if (e.target === overlay) {
                overlay.parentNode.removeChild(overlay);
                video.pause();
            }
        };
                    
        document.addEventListener('keydown', function closeOnESC(e) {
            if (e.key === 'Escape') {
                overlay.parentNode.removeChild(overlay);
                video.pause();
                document.removeEventListener('keydown', closeOnESC);
            }
        });
        overlay.appendChild(video);
        this.parentNode.appendChild(overlay);"


    width="96" height="96" viewBox="0 0 24 24" style="cursor:pointer;">
    <rect x="2" y="2" width="20" height="20" rx="2" ry="2" fill="#FF0000"/>
    <polygon points="9,7 9,17 17,12" fill="white"/>
</svg>`,





var rclick = function triggerContextMenu(ev) {
    var element = ev.target;
    var rightClick = new MouseEvent('contextmenu', {
        bubbles: true,
        cancelable: true,
        view: window,
        button: 2, // Right button
        buttons: 2,
        clientX: ev.clientX,  // WICHTIG: Position vom originalen Event
        clientY: ev.clientY   // sonst öffnet sich Menu woanders
});