musica.js

var tomAtual = 0;
var numColunas = 1;
var ultimaMusica;
var locallizacaoTagCifra = "#resultado > pre > b";

function* pedacos(arr, n) {
    for (let i = 0; i < arr.length; i += n) {
      yield arr.slice(i, i + n);
    }
}

function transformar(textoMusica) {
    // (?:[A-G](?:b|bb)*(?:#|##|sus|maj|min|aug|m|M|\\+|-|dim)*[\d\/]*)*)(?=\s|$)(?! \w))

    const notas = "[A-G]",
    acentuacoes = "(?:b|bb)",
    acordes = "*(?:#|##|sus|maj|min|aug|m|M|\\+|-|dim)",
    com = "*[\\d\\/]*",
    numeros = "*(?:[1-9])",
    foraMusica = "(?=\\s|$)(?! \\w)",
    padrao = "("+"\\b(" + notas + acentuacoes + numeros + acordes + com + '(?:' + notas + acentuacoes + acordes + com + ')*)'+foraMusica+")",
    regex = new RegExp(padrao, "g");

    let acordesTexto = textoMusica.split('[Acordes]')[1];
    let novosAcordesSeparados = acordesTexto.split('\n')
    let novosAcordes = [];
    novosAcordesSeparados.forEach(linha => {
        let sep = linha.split(' = ');
        if(sep[0] != '')
            novosAcordes.push({ n: sep[0], m: sep[1], d: null, p: null});
    });
    
    biblioteca.setAcordesCustomizados(novosAcordes);    

    let separadoPorLinhas = textoMusica.split('\n');
    
    // TODO fazer separação por colunas    
    let tamanhoTotal = separadoPorLinhas.length;
    let tamanhoParte = Math.ceil(tamanhoTotal / numColunas);
    let colunas = [...pedacos(separadoPorLinhas, tamanhoParte)];

    alterado = [];
    const campo = document.getElementById('resultado');
    campo.innerHTML = "";
    
    if(numColunas == 1){
        // Se apenas uma coluna
        locallizacaoTagCifra = "#resultado > pre > b";
        separadoPorLinhas.forEach(linha => {
            if(linha.match(regex)){
                alterado.push(linha.replace(regex,"<b>$1</b>"));
            }else{
                alterado.push(linha);
            }
            
        });
        //monta titulo
        let h2 = document.createElement('h2');
        h2.innerHTML = alterado[0];
        campo.appendChild(h2);
        alterado.shift();
        //monta canção
        let pre = document.createElement('pre');
        pre.innerHTML = alterado.join('\n');
        campo.appendChild(pre);
    } else {
        // Se duas ou mais colunas    
        locallizacaoTagCifra = "#resultado > .row > .col > pre > b";
        let row = document.createElement('div');
        colunas.forEach((parteMusica,iPt) => {
            alterado = [];
            parteMusica.forEach(linha => {
                if(linha.match(regex)){
                    alterado.push(linha.replace(regex,"<b>$1</b>"));
                }else{
                    alterado.push(linha);
                }
                
            });
            if(iPt == 0){
                //monta titulo
                let h2 = document.createElement('h2');
                h2.innerHTML = alterado[0];
                campo.appendChild(h2);
                alterado.shift();
            }            
            //monta canção
            let pre = document.createElement('pre');
            pre.innerHTML = alterado.join('\n');
            let col = document.createElement('div');
            col.classList.add("col");
            row.appendChild(col);
            col.appendChild(pre);
        });        
        row.classList.add("row");
        campo.appendChild(row);
        
    }

    function removerDaTela(element) {
        if(element.target.querySelector('div')){
            element.target.querySelector('div').remove();
        }
    }
    document.querySelectorAll(locallizacaoTagCifra).forEach(element => {
        element.addEventListener("mouseenter", function(element) {            
            if(!element.target.querySelector('div')){                
                let campoAcorde = document.createElement('div');
                campoAcorde.style = "height: 140px; width: 110px; position:absolute; top: "+(element.target.offsetTop-140)+"px; left: "+(element.target.offsetLeft + (element.target.offsetWidth/2) - 55)+"px; background-color: transparent; z-index: 100;"     
                let acorde = biblioteca.getAcordePorCifra(element.target.innerText);                
                let novoAcorde = new Acorde(acorde.n, acorde.m, acorde.d,acorde.p);
                campoAcorde.appendChild(novoAcorde.montaAcorde());
                element.target.appendChild(campoAcorde);
            }
        });

        element.addEventListener("mouseleave", removerDaTela);

        element.addEventListener("click", function(element) {
            if(this.getAttribute('tela') != 'true'){
                this.setAttribute("tela", "true");
                this.removeEventListener("mouseleave", removerDaTela, false);
            } else {
                this.setAttribute("tela", "null");
                this.addEventListener("mouseleave", removerDaTela);
            }
        });
    });
};

function transposicao(event) { // enviar 1 ou -1
    let meioTom = (tomAtual < parseInt(event.target.value)) ? 1 : -1;
    tomAtual = parseInt(event.target.value);    
    document.querySelectorAll(locallizacaoTagCifra).forEach(element => {
        // console.log(element.innerText);
        let acorde = element.innerText;
        let baixo = element.innerText.split('/');        
        let numeroAtual = biblioteca.getNumeroBaseAcorde(acorde);
        let numeroTranposto = numeroAtual + (meioTom);        
        if(numeroTranposto > 12)
            numeroTranposto = 1;
        if(numeroTranposto < 1)
            numeroTranposto = 12;        
        let novaBase = biblioteca.getBaseAcordePorPosicao(numeroTranposto);
        let novoAcorde = biblioteca.alterarBaseAcorde(novaBase,baixo[0]);
        // alterar baixo
        if(baixo.length > 1){
            let numeroAtualBaixo = biblioteca.getNumeroBaseAcorde(baixo[1]);
            let numeroTranpostoBaixo = numeroAtualBaixo + (meioTom);        
            if(numeroTranpostoBaixo > 12)
                numeroTranpostoBaixo = 1;
            if(numeroTranpostoBaixo < 1)
                numeroTranpostoBaixo = 12;  
            let novaBaseBaixo = biblioteca.getBaseAcordePorPosicao(numeroTranpostoBaixo);
            novoAcorde = novoAcorde + '/' + biblioteca.alterarBaseAcorde(novaBaseBaixo,baixo[1]);
        }
        element.innerText = novoAcorde;
    });
}

function carregaArquivo(nomeArquivo){
    ultimaMusica = nomeArquivo;
    tomAtual = 0;
    fetch(`musicas/${nomeArquivo}.txt`)
    .then(function(response) {
        response.text().then(function(text) {  
        transformar(text);
        });
    });
}

function abrirMusica(event){
    let nome = event.target.getAttribute('data-arquivo');    
    carregaArquivo(nome);
}

function reset() {
    carregaArquivo(ultimaMusica);
}

function divisaoColuna(num) {
    numColunas = num; 
    carregaArquivo(ultimaMusica);
}

function transposicaoBotao(meioTom) { // enviar 1 ou -1    
    tomAtual = tomAtual + meioTom;    
    document.querySelectorAll(locallizacaoTagCifra).forEach(element => {
        // console.log(element.innerText);
        let acorde = element.innerText;
        let baixo = element.innerText.split('/');        
        let numeroAtual = biblioteca.getNumeroBaseAcorde(acorde);
        let numeroTranposto = numeroAtual + (meioTom);        
        if(numeroTranposto > 12)
            numeroTranposto = 1;
        if(numeroTranposto < 1)
            numeroTranposto = 12;        
        let novaBase = biblioteca.getBaseAcordePorPosicao(numeroTranposto);
        let novoAcorde = biblioteca.alterarBaseAcorde(novaBase,baixo[0]);
        // alterar baixo
        if(baixo.length > 1){
            let numeroAtualBaixo = biblioteca.getNumeroBaseAcorde(baixo[1]);
            let numeroTranpostoBaixo = numeroAtualBaixo + (meioTom);        
            if(numeroTranpostoBaixo > 12)
                numeroTranpostoBaixo = 1;
            if(numeroTranpostoBaixo < 1)
                numeroTranpostoBaixo = 12;  
            let novaBaseBaixo = biblioteca.getBaseAcordePorPosicao(numeroTranpostoBaixo);
            novoAcorde = novoAcorde + '/' + biblioteca.alterarBaseAcorde(novaBaseBaixo,baixo[1]);
        }
        element.innerText = novoAcorde;
    });
}