iaglourenco · iaglourenco · Oct 4, 2022 · Sep 13, 2022 · Sep 16, 2022 · Sep 16, 2022
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 .example/
+.vscode/
diff --git a/compilador/index.html b/compilador/index.html
@@ -1,5 +1,4 @@
 <!DOCTYPE html>
-
 <html lang="pt-BR">
 
 <head>
@@ -20,11 +19,13 @@
   <link rel="stylesheet" href="codemirror/addon/display/fullscreen.css" />
 
   <script src="codemirror/lib/codemirror.js"></script>
-  <script src="codemirror/mode/pascal/pascal.js"></script>
   <script src="codemirror/addon/display/fullscreen.js"></script>
+  <script src="codemirror/addon/hint/show-hint.js"></script>
 
   <!-- Script imports -->
   <script type="module" src="js/compilador.js"></script>
+  <script src="js/lpd-mode.js"></script>
+
 </head>
 
 <body>
@@ -37,12 +38,15 @@
         x.className = "menu";
       }
     }
+
+
   </script>
 
-  <div id="nav" class="menu">
+  <header id="nav" class="menu">
     <div style="display: flex; width: 100%; justify-content: space-between;">
-      <h1 class="logo">compi{<span class="logo_snip">LPD</span>}lador</h1>
-
+      <a id="logo_container" href="/">
+        <h1 id="logo" class="logo">compi{<span class="logo_snip">LPD</span>}lador</h1>
+      </a>
       <div onclick="openNav()" class="menu_btn" id="menu_icon">
         <span class="material-icons"> menu </span>
         <span>Menu</span>
@@ -64,7 +68,7 @@ <h1 class="logo">compi{<span class="logo_snip">LPD</span>}lador</h1>
         <input id="file-input" type="file" accept=".txt" />
       </div>
     </div>
-  </div>
+  </header>
 
   <div id="codeeditor">
     <div id="codeeditor_header">
@@ -79,7 +83,7 @@ <h1 class="logo">compi{<span class="logo_snip">LPD</span>}lador</h1>
   <div id="console">
     <div style="display: flex; justify-content: space-between">
       <legend>Log</legend>
-      <legend id="limpar" style="cursor: pointer" onclick="document.getElementById('log').value=''">
+      <legend id="limpar" onclick="document.getElementById('log').value=''">
         Limpar (Ctrl+L)
       </legend>
     </div>

diff --git a/compilador/js/compilador.js b/compilador/js/compilador.js
@@ -44,18 +44,22 @@ function logar(msg) {
   document.getElementById(
     "log"
   ).value += `[${new Date().toLocaleString()}] ${msg}\n`;
+  // Faz o scroll na textarea para o fim
+  document.getElementById("log").scrollTop =
+    document.getElementById("log").scrollHeight;
 }
 
+import { ErroLexico, ErroSemantico, ErroSintatico } from "./erros.js";
 // Import dos módulos do compilador
-import lexico from "./lexico.js";
+import sintatico from "./sintatico.js";
 
 window.onload = function () {
   var editor = CodeMirror(document.getElementById("codeeditor"), {
-    mode: "text/x-pascal",
+    mode: "text/x-lpd",
     theme: "dracula",
-    tabSize: 5,
     lineNumbers: true,
     autofocus: true,
+
     viewportMargin: 150,
     extraKeys: {
       F11: function (cm) {
@@ -66,6 +70,17 @@ window.onload = function () {
       },
     },
   });
+
+  // Animação do logo
+  document.getElementById("logo").addEventListener("mouseover", function () {
+    document.getElementsByClassName("logo_snip")[0].innerHTML = "return";
+  });
+
+  // Animação do logo
+  document.getElementById("logo").addEventListener("mouseout", function () {
+    document.getElementsByClassName("logo_snip")[0].innerHTML = "LPD";
+  });
+
   // Atualiza os números da linha e coluna na janela
   editor.on("cursorActivity", function () {
     if (document.getElementById("filename").value == "") {
@@ -117,25 +132,25 @@ window.onload = function () {
       var start = performance.now();
       if (code.length > 0) {
         logar(`Compilando...`);
-        // Chamada do lexico passando todo o código inserido no editor
-        const listaToken = lexico.tokenizar(code);
+        // Chamada do sintático para iniciar a análise
+        const codigo = sintatico.iniciar(code);
 
         logar(`SUCESSO!`);
-        logar(`Tokens: ${JSON.stringify(listaToken)}`);
-        logar(`Qtd. Lexemas: ${listaToken.length}`);
-        console.table(listaToken);
+        // logar(`Tokens: ${JSON.stringify(listaToken)}`);
+        // console.table(listaToken);
       } else {
         throw new Error("Nenhum código inserido!");
       }
     } catch (e) {
       console.error(e);
 
-      if (e.message.includes("Erro léxico")) {
-        // Pega a linha e a coluna da string de erro: `Erro léxico: caracter inválido "${caracter}" na linha ${linha} e coluna ${coluna}`
-        const linha = e.message.match(/linha (\d+)/)[1];
-        const coluna = e.message.match(/coluna (\d+)/)[1];
+      if (
+        e instanceof ErroLexico ||
+        e instanceof ErroSintatico ||
+        e instanceof ErroSemantico
+      ) {
         // Coloca o cursor na linha e coluna do erro
-        editor.setCursor(linha - 1, coluna - 1);
+        editor.setCursor(e.linha - 1, e.coluna - 1);
         editor.focus();
       }
 

diff --git a/compilador/js/erros.js b/compilador/js/erros.js
@@ -0,0 +1,56 @@
+// Author: Iago Lourenço (iagojlourenco@gmail.com) / erros.js
+// Classe de tratamento de erros
+
+// Mensagens de erros dos analisadores
+export const messages = {
+  lxl1: "Erro léxico: } sem { correspondente",
+  lxl2: "Erro léxico: Caractere inválido",
+  lxl3: "Erro léxico: Comentário não fechado",
+  sxs1: "Erro sintático: Código após o ponto final",
+  sxs2: "Erro sintático: Esperado simbolo 'programa'",
+  sxs3: "Erro sintático: Esperado 'identificador'",
+  sxs4: "Erro sintático: Esperado ';'",
+  sxs5: "Erro sintático: Esperado ':'",
+  sxs6: "Erro sintático: Tipo inválido",
+  sxs7: "Erro sintático: Esperado 'inicio'",
+  sxs8: "Erro sintático: Esperado 'fim'",
+  sxs9: "Erro sintático: Parenteses não fechados",
+  sxs10: "Erro sintático: Simbolo não esperado",
+  sxs11: "Erro sintático: Esperado 'entao'",
+  sxs12: "Erro sintático: Esperado ')' ",
+  sxs13: "Erro sintático: Identificador não declarado",
+  sxs14: "Erro sintático: Ponto final não encontrado",
+  sxs15: "Erro sintático: Esperado 'faca'",
+  sxs16: "Erro sintático: Esperado '('",
+};
+
+export class ErroLexico extends Error {
+  constructor(messageId, token, linha, coluna) {
+    if (messageId == "lxl2")
+      super(
+        `${messages[messageId]} "${token}" na linha ${linha} e coluna ${coluna}`
+      );
+    else super(messages[messageId] + ` na linha ${linha} e coluna ${coluna}`);
+    this.token = token;
+    this.linha = linha;
+    this.coluna = coluna;
+  }
+}
+
+export class ErroSintatico extends Error {
+  constructor(messageId, token, linha, coluna) {
+    super(messages[messageId] + ` na linha ${linha} e coluna ${coluna}`);
+    this.token = token;
+    this.linha = linha;
+    this.coluna = coluna;
+  }
+}
+
+export class ErroSemantico extends Error {
+  constructor(messageId, token, linha, coluna) {
+    super(messages[messageId] + ` na linha ${linha} e coluna ${coluna}`);
+    this.token = token;
+    this.linha = linha;
+    this.coluna = coluna;
+  }
+}