Aprimorando suporte a variáveis na atribuição de valores (#179)

VitBrandao · web-flow · commit 2c09ce308d45 · 2025-04-12T05:55:29.000-07:00
* Implementa suporte a variáveis para atribuição de números como valor
* Apaga console.logs usados para debug
* Amplia suporte de variáveis para aceitar quantificadores
* Otimiza solução de quantificadores para suporte a variáveis
* Amplia suporte a variáveis para receber Metodos como valor
* Limpa logs do processo de implementação
* Ajustes de indentacao e espaçamento no serializador
* Ajustes no Lexador após erro nos testes
* Testes unitários - qualitativos (suporte a variaveis)
* Testes unitários - valor numérico com e sem quantificador (suporte a variaveis)
* Testes unitários - Metodos (suporte a variaveis)
* Testes unitários - casos de falha (suporte a variaveis)
diff --git a/exemplos/exemplo5.foles b/exemplos/exemplo5.foles
@@ -1,17 +1,32 @@
 $valor-padrao: herdar;
 $cor-secundaria: branco;
 
+$valor-recuo: 12px;
+
 lmht {
   altura: $valor-padrao;
-  recuo-direito: 12px;
+  recuo-direito: $valor-recuo;
 }
 
 lmht {
   cor-barra-rolagem: $cor-secundaria;
 }
 
 $valor-teste: verde;
+$valor-indice: 0;
 
 lmht {
   borda-em-bloco: $valor-teste;
+  indice-z: $valor-indice; 
+}
+
+$cor-padrao: rgb(31, 120, 50);
+
+lmht {
+  sombra-caixa: $cor-padrao;
+}
+
+$cor-filtro: borrar(10px);
+lmht {
+  filtro-fundo: $cor-filtro;
 }
diff --git a/fontes/avaliador-sintatico/avaliador-sintatico.ts b/fontes/avaliador-sintatico/avaliador-sintatico.ts
@@ -1150,9 +1150,10 @@ export class AvaliadorSintatico implements AvaliadorSintaticoInterface {
     protected declaracaoVariavel(): DeclaracaoVariavel {
         let nomeVariavel: string;
         let simboloValorVariavel: Simbolo;
-        let valorVariavel: string;
+        let valorVariavel: string | Valor;
+        let quantificadorVariavel: string;
 
-        while (this.simbolos[this.atual].tipo !== tiposDeSimbolos.PONTO_E_VIRGULA) {
+        while (this.simbolos[this.atual].tipo !== tiposDeSimbolos.PONTO_E_VIRGULA) {            
             this.consumir(
                 tiposDeSimbolos.CIFRAO,
                 "Esperado cifrão antes de declaração de variável."
@@ -1187,26 +1188,32 @@ export class AvaliadorSintatico implements AvaliadorSintaticoInterface {
 
                     valorVariavel = simboloValorVariavel.lexema;
                     break;
-                case tiposDeSimbolos.NUMERO:
+                case tiposDeSimbolos.NUMERO:                    
                     simboloValorVariavel = this.consumir(
                         tiposDeSimbolos.NUMERO,
                         "Esperado valor numérico após declaração de variável"
                     );
 
                     valorVariavel = simboloValorVariavel.lexema;
-
-                    const proximoSimbolo: Simbolo = this.avancarEDevolverAnterior();
-                    if (proximoSimbolo.tipo === tiposDeSimbolos.QUANTIFICADOR) {
-                        const quantificadorVariavel = this.consumir(
+                    
+                    if (this.simbolos[this.atual].tipo === tiposDeSimbolos.QUANTIFICADOR) {
+                        const quantificador = this.consumir(
                             tiposDeSimbolos.QUANTIFICADOR,
                             "Esperado quantificador após valor numérico atribuído à variável."
                         )
-
-                        valorVariavel += quantificadorVariavel.lexema;
+                        
+                        quantificadorVariavel = quantificador.lexema;
                     }
                     break;
                 case tiposDeSimbolos.METODO:
-                    this.resolverMetodo(this.simbolos[this.atual - 1].lexema);
+                    this.consumir(
+                        tiposDeSimbolos.METODO,
+                        "Esperada declaração de método no valor atribuído à variável."
+                    )
+
+                    const tratarMetodo = this.resolverMetodo(this.simbolos[this.atual - 1].lexema);
+                    valorVariavel = tratarMetodo;
+                    
                     break;
                 default:
                     console.log('Não deveria cair aqui!')
@@ -1221,6 +1228,7 @@ export class AvaliadorSintatico implements AvaliadorSintaticoInterface {
         const variavel = {
             nome: nomeVariavel,
             valor: valorVariavel,
+            quantificador: quantificadorVariavel ? quantificadorVariavel : null,
         };
 
         return variavel;
@@ -1397,7 +1405,8 @@ export class AvaliadorSintatico implements AvaliadorSintaticoInterface {
 
                 return new DeclaracaoVariavel(
                     variavel.nome,
-                    variavel.valor
+                    variavel.valor,
+                    variavel.quantificador,
                 );
             default:
                 const seletores = this.resolverSeletores();
@@ -1414,7 +1423,7 @@ export class AvaliadorSintatico implements AvaliadorSintaticoInterface {
     analisar(simbolos: Simbolo[]): Declaracao[] {
         this.simbolos = simbolos;
         this.erros = [];
-        this.atual = 0;
+        this.atual = 0;        
 
         const declaracoes: Declaracao[] = [];
         while (!this.estaNoFinal()) {
diff --git a/fontes/declaracoes/declaracao-variavel.ts b/fontes/declaracoes/declaracao-variavel.ts
@@ -1,16 +1,19 @@
-import { Metodo } from "../valores/metodos/foles/metodo";
+import { Valor } from "../valores/valor";
 import { Declaracao } from "./declaracao";
 
 export class DeclaracaoVariavel extends Declaracao {
     nome: string;
-    valor: Metodo | string;
+    valor: Valor | string;
+    quantificador?: string;
 
     constructor(
         nome: string, 
-        valor: Metodo | string 
+        valor: Valor | string,
+        quantificador: string = null,
     ) {
         super();
         this.nome = nome;
         this.valor = valor;
+        this.quantificador = quantificador;
     }
-}
+}
diff --git a/fontes/lexador/lexador.ts b/fontes/lexador/lexador.ts
@@ -374,6 +374,8 @@ export class Lexador implements LexadorInterface {
                 break;
             case "$":
                 this.adicionarSimbolo(tiposDeSimbolos.CIFRAO, null, '$');
+                this.avancar();
+                break;
             default:
                 if (this.eDigito(caractere)) this.analisarNumero();
                 else if (this.eAlfabeto(caractere))
diff --git a/fontes/serializadores/serializador.ts b/fontes/serializadores/serializador.ts
@@ -4,7 +4,6 @@ import { valoresGerais } from "../modificadores/atributos/gerais";
 import { SeletorEstrutura } from "../seletores";
 import { SeletorEspacoReservado } from "../seletores/seletor-espaco-reservado";
 import { Metodo } from "../valores/metodos/foles/metodo";
-
 import estruturasHtml from "../tradutores/estruturas-html";
 import { DeclaracaoVariavel } from "../declaracoes/declaracao-variavel";
 import { Declaracao } from "../declaracoes/declaracao";
@@ -19,7 +18,7 @@ import { SeletorModificador } from "../modificadores/superclasse";
  */
 export class Serializador {
     serializarComAninhamentos: boolean;
-    variaveis: {[key: string]: any};
+    variaveis: { [key: string]: any };
 
     constructor(serializarComAninhamentos: boolean = false) {
         this.serializarComAninhamentos = serializarComAninhamentos;
@@ -31,7 +30,7 @@ export class Serializador {
         indentacao: number = 0
     ): string {
         // Caso 1: Número-Quantificador ou somente Número.
-        if (Number(modificador.valor)) {
+        if (Number(modificador.valor) || modificador.valor === '0') {
             return `${" ".repeat(indentacao)}${modificador.propriedadeCss}: ${modificador.valor
                 }${modificador.quantificador || ""};\n`;
         }
@@ -159,9 +158,9 @@ export class Serializador {
     }
 
     validarValoresVariaveis(declaracao: BlocoDeclaracao): void {
-        const nomeFolEs = declaracao.modificadores[0].nomeFoles.length > 1 
+        const nomeFolEs = declaracao.modificadores[0].nomeFoles.length > 1
         && typeof declaracao.modificadores[0].nomeFoles === 'object'
-        ? declaracao.modificadores[0].nomeFoles[0].toString() 
+        ? declaracao.modificadores[0].nomeFoles[0].toString()
         : declaracao.modificadores[0].nomeFoles.toString();
 
         const valorModificador = declaracao.modificadores[0].valor.toString();
@@ -170,26 +169,31 @@ export class Serializador {
         new SeletorModificador(
             nomeFolEs,
             valorModificador,
-            declaracao.modificadores[0].quantificador ? declaracao.modificadores[0].quantificador : null,
+            declaracao.modificadores[0].quantificador,
             declaracao.modificadores[0].pragmas,
             valorVariavel,
-        )        
+        )
     }
 
-    serializarVariaveis(declaracaoVariavel: DeclaracaoVariavel, declaracoes: Declaracao[], indexVariavel: number): void {
+    serializarDeclaracaoVariavel(declaracaoVariavel: DeclaracaoVariavel, declaracoes: Declaracao[], indexVariavel: number): void {
         let variavelInexistente: boolean = false;
 
         declaracoes.forEach((declaracao, indexBlocoDeclaracao) => {
             if (declaracao instanceof BlocoDeclaracao) {
                 declaracao.modificadores.forEach((modificador) => {
                     if (modificador.valor === declaracaoVariavel.nome) {
-                        modificador.valor = declaracaoVariavel.valor;
+                        if (typeof declaracaoVariavel.valor === 'string') {
+                            modificador.valor = declaracaoVariavel.valor;
+
+                            if (declaracaoVariavel.quantificador) modificador.quantificador = declaracaoVariavel.quantificador;
+                            this.validarValoresVariaveis(declaracao);
+                        } else if (declaracaoVariavel.valor instanceof Metodo) {
+                            modificador.valor = declaracaoVariavel.valor;
+                        }
 
                         if (indexVariavel > indexBlocoDeclaracao) {
                             variavelInexistente = true;
                         }
-
-                        this.validarValoresVariaveis(declaracao);
                     }
                 })
             }
@@ -205,20 +209,20 @@ export class Serializador {
      * @param declaracoes As declaracoes.
      * @returns Uma string com o resultado da tradução.
      */
-    serializar(declaracoes: Declaracao[], indentacao: number = 0, seletorAnterior: string = undefined) {  
+    serializar(declaracoes: Declaracao[], indentacao: number = 0, seletorAnterior: string = undefined) {
         let resultado = "";
         let textoSeletorAnterior = "";
         if (seletorAnterior !== undefined) {
             textoSeletorAnterior = seletorAnterior;
         }
 
-        for (const [index, declaracao] of declaracoes.entries()) {            
+        for (const [index, declaracao] of declaracoes.entries()) {
             switch (declaracao.constructor.name) {
                 case 'BlocoDeclaracao':
                     resultado += this.serializarBlocoDeclaracao(declaracao as BlocoDeclaracao, indentacao, textoSeletorAnterior);
                     break;
                 case 'DeclaracaoVariavel':
-                    this.serializarVariaveis(declaracao as DeclaracaoVariavel, declaracoes, index);
+                    this.serializarDeclaracaoVariavel(declaracao as DeclaracaoVariavel, declaracoes, index);
                     break;
             }
         }
diff --git a/testes/modificadores/suporte-variaveis.test.ts b/testes/modificadores/suporte-variaveis.test.ts
