(Javascript) Tidy Code

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<center><font face=verdana><font size=5 color=green><b>T</b>abulador e Analisador de Códigos V3</font></br></br>

- Deixa seu código tabulado e organizado</br>
- Analisa se os brackets {} de seu código estão fechados e abertos de forma correta e avisa qual é o erro</br>
- Rápido e fácil uso. Cole seu código abaixo e clique em analisar !!</br>

</font></br>
<style>
* { margin: 0; padding: 0;}

body, html { height:100%;  }


</style>
<script>
var i = 0;
var filtro = " \t\n\r\f";

var bla = 0;
var bck = 0;
var rs = ['  ', '  '];
var linha = rs;
var impressaofinal = "";
var HAScomment = 0;
var nostring = 1;



function indent(parametros) {


    linha = parametros.split("\n");

    document.write("<div  style=\"background-color:black;\" id='status' ></div><center><br/><canvas style=\"background-color:black\" id='canvasID' width='600px'></canvas></center><textarea id='novocodigo' style='display:none;height:80%;width:90%;'>");
    document.bgColor = 'black';

    bar = new createProgressBar(20, 20, 400, 10, "green", linha.length, "canvasID");
    bar.showText(true, "white", "verdana", 10);


    setTimeout(function () {
        processar(i, bar, bck, bla, linha, filtro);
    }, 100);
    document.getElementById('area').style.display = "none";

    return true;
}


function terminar(bck) {
    document.bgColor = 'white';
    if (bck) {

        alert("Existem " + bck +"   { a mais (+) demais no código");
        alert("O erro foi encontrado antes da linha " + (ultimobrack - 1));
    }

    document.write(impressaofinal + "</textarea>");
    document.getElementById("canvasID").style.display = "none";
    document.getElementById("novocodigo").style.display = "block";
    document.getElementById('status').innerHTML = "<font face=\"Verdana\" color=\"green\" size=\"3\">Foi finalizado !!";
}

function processar(i, bar, bck, bla, linha, filtro) {


    bar.updateProgress();


    document.getElementById('status').innerHTML = "<font face=\"Verdana\" color=\"white\" size=\"3\">Processando: <font size=1>" + linha[i];

    j = 0;
    comment = new Array();


    while ((filtro.indexOf(linha[i][j]) != -1)) {
        j++;
    }

    f = j;
    impressaofinal += "\n";

    for (b = 0; linha[i][j]; j++) {

        if(linha[i][j] == '"' && linha[i][j-1] != '\\' && HAScomment == 0  &&  comment[i]  != 1) {
                nostring = !nostring;
        }
        else if (linha[i][j] == "/" && linha[i][j + 1] == "*" && nostring) {
            HAScomment = 1;
        }

        else if (linha[i][j] == "*" && linha[i][j + 1] == "/" && nostring) {
            HAScomment = 0;
        }

        else if (linha[i][j] == "/" && linha[i][j + 1] == "/" && nostring) {
            comment[i] = 1;
        }


        else if (linha[i][j] == "{" && HAScomment == 0  &&  comment[i]  != 1 && nostring) {

            bck++;

            ultimobrack = i;

            if (j == f) {
                f = -1;
            }

        }

        else if (linha[i][j] == "}" && HAScomment == 0  &&  comment[i]  != 1 && nostring) {
            bck--;
        }

        if (bck < 0) {
            alert("Existem } demais no código");
            alert("O processo foi parado proximo a linha que houve o erro");
            terminar(0);
            return true;
        }


        if (!b && bck) {

            for (x = 0; x < (f == -1 ? bck - 1 : bck); x++) {
                impressaofinal += "\t";
            }

        }


        impressaofinal += linha[i][j];

        b = 1;

        u = bck;

        if (f == -1 && linha[i].length > 1) {

            impressaofinal += "\n";

            for (x = 0; x < (bck); x++) {
                impressaofinal += "\t";
            }

            f--;
        }


    }

    if (i < linha.length - 1) {
        i++;
        linha[i - 1][0] = 0;
        setTimeout(function () {
            processar(i, bar, bck, bla, linha, filtro);
        }, 2);

    } else {
        setTimeout( function() { terminar(bck); }, 1000);
    }
    return true;
}

String.prototype.rtrim = function () {
    return this.replace(/\s+$/, "");
}

function createProgressBar(x, y, largura, altura, color, maximo, canvasid) {
        this.valorprogresso = 0
        this.maximo = maximo
        this.largura = largura
        this.altura = altura
        this.cnv = document.getElementById(canvasid).getContext('2d')
        this.background = document.getElementById(canvasid).style.background;
        this.posicaox = x
        this.posicaoy = y
        this.cor = color
        this.updateProgress = function () {
                if (this.valorprogresso < this.maximo) {
                        this.cnv.fillStyle = this.cor
                        this.cnv.fillRect(this.posicaox + ((this.largura /  this.maximo) * (this.valorprogresso)), y,this.largura /  this.maximo, this.altura)
                        this.valorprogresso+=1

                        if (this.textmiddle) {
                                this.cnv.fillStyle =this.background
                                this.cnv.fillRect(this.posicaox - 3, y + (this.tamanhof + this.altura), this.tamanhof * 5, this.tamanhof + this.altura - 1)
                                this.cnv.fillStyle = this.textcolor
                                this.cnv.font = this.textfonte
                                if ((((this.valorprogresso / this.maximo) * 100) >> 0) == 100) {
                                        this.cnv.fillText("Completo!", this.posicaox - 1, this.altura + y + (this.tamanhof * 2)-3)
                                } else {
                                        this.cnv.fillText((((this.valorprogresso / this.maximo) * 100) >> 0) + " %", this.posicaox - 2, this.altura + y + (this.tamanhof * 2))
                                }
                        }
                }
                return (this.valorprogresso < this.maximo);
        }
        this.getProgress = function () {
                return this.valorprogresso;
        }
        this.setProgress = function (v) {
                return this.valorprogresso = v;
        }
        this.showText = function (ativado, color, fonte, tamanho) {
                this.textcolor = color
                this.tamanhof = tamanho
                this.textfonte = tamanho + "pt " + fonte
                this.textmiddle = ativado;
        }
        return true;
}



</script>

<textarea width="600" heigth="600" id="area" style="margin: 2px; width: 630px; height: 201px; ">Cole seu código aqui !!

</textarea></br>

<input type=button onClick=indent(document.getElementById('area').value) value=Analisar />
</center>
</br></br>
Por <b>Bruno da Silva</b> @ <b>iPs TeaM 2010-2013 - email@brunodasilva.com www.ipsbr.net</b>