raizcode-ofc 1.8.0 → 1.10.0

package/compilador.js

@@ -3,101 +3,255 @@
 const fs = require('fs');
 const path = require('path');
 const os = require('os');
-const http = require('http'); // Acrescentado para o Localhost que você pediu
+const http = require('http');
 const { execSync, exec } = require('child_process');
 
 const args = process.argv.slice(2);
 const arquivoOuCmd = args[0];
 
-// 1. SETUP DO VSCODE (Ícones e Cores)
+// ─────────────────────────────────────────
+// SETUP DO VSCODE
+// ─────────────────────────────────────────
 if (arquivoOuCmd === '--setup') {
     const extDir = path.join(os.homedir(), '.vscode', 'extensions', 'raizcode-extension');
     try {
         if (!fs.existsSync(extDir)) fs.mkdirSync(extDir, { recursive: true });
-        ['package.json', 'syntaxes', 'icons'].forEach(f => {
-            const src = path.join(__dirname, f);
-            const dest = path.join(extDir, f);
+
+        // Copia arquivos necessários
+        ['syntaxes', 'icons'].forEach(pasta => {
+            const src = path.join(__dirname, pasta);
+            const dest = path.join(extDir, pasta);
             if (fs.existsSync(src)) {
-                if (fs.lstatSync(src).isDirectory()) fs.cpSync(src, dest, { recursive: true });
-                else fs.copyFileSync(src, dest);
+                fs.cpSync(src, dest, { recursive: true });
             }
         });
-        console.log("✅ Ambiente configurado! Reinicie o VS Code.");
-    } catch (e) { console.log("❌ Erro no setup local."); }
+
+        // Gera o package.json da extensão VSCode com suporte a Temas de Ícones
+        const pkgExtensao = {
+            name: "raizcode-extension",
+            displayName: "Raizcode",
+            version: "1.9.0",
+            publisher: "riquefla",
+            engines: { vscode: "^1.60.0" },
+            contributes: {
+                languages: [
+                    {
+                        id: "raizcode",
+                        aliases: ["Raizcode", "rc"],
+                        extensions: [".rc"]
+                    },
+                    {
+                        id: "raizcode-estrutura",
+                        aliases: ["Raizcode Estrutura", "rcx"],
+                        extensions: [".rcx"]
+                    },
+                    {
+                        id: "raizcode-estilo",
+                        aliases: ["Raizcode Estilo", "rcc"],
+                        extensions: [".rcc"]
+                    }
+                ],
+                grammars: [
+                    {
+                        language: "raizcode",
+                        scopeName: "source.rc",
+                        path: "./syntaxes/raizcode.tmLanguage.json"
+                    }
+                ],
+                // Ativa o suporte oficial aos seus ícones no VS Code
+                iconThemes: [
+                    {
+                        id: "raizcode-icons",
+                        label: "Raizcode Icons",
+                        path: "./icons/raizcode-icon-theme.json"
+                    }
+                ]
+            }
+        };
+
+        fs.writeFileSync(
+            path.join(extDir, 'package.json'),
+            JSON.stringify(pkgExtensao, null, 2)
+        );
+
+        console.log("✅ Extensão Raizcode instalada! Reinicie o VS Code.");
+        console.log("💡 Lembre-se de selecionar 'Raizcode Icons' em: Arquivo > Preferências > Tema de Ícone de Arquivo");
+    } catch (e) {
+        console.error("❌ Erro no setup:", e.message);
+    }
     process.exit();
 }
 
-// Variável para controle se é um site
-let ehSite = false;
+// ─────────────────────────────────────────
+// UTILITÁRIOS
+// ─────────────────────────────────────────
 
-// --- NOVAS FUNÇÕES DE ACRÉSCIMO PARA INDEPENDÊNCIA ---
+// Abre o navegador de forma correta em qualquer sistema
+function abrirNavegador(url) {
+    const plataforma = os.platform();
+    if (plataforma === 'win32') exec(`start ${url}`);
+    else if (plataforma === 'darwin') exec(`open ${url}`);
+    else if (process.env.TERM === 'xterm-termux' || fs.existsSync('/data/data/com.termux')) exec(`termux-open ${url}`);
+    else exec(`xdg-open ${url}`);
+}
+
+// Reporta erros com número de linha para o usuário
+function erroDeCompilacao(mensagem, numeroLinha) {
+    console.error(`\n❌ Erro na linha ${numeroLinha}: ${mensagem}`);
+    console.error(`   Verifique seu código .rc e tente novamente.\n`);
+    process.exit(1);
+}
+
+// ─────────────────────────────────────────
+// TRADUTORES DE ESTRUTURA (RCX) E ESTILO (RCC)
+// ─────────────────────────────────────────
 
 function traduzirEstrutura(conteudo) {
-    if(!conteudo) return "";
-    return conteudo.split('\n').map(linha => {
+    if (!conteudo) return "";
+
+    return conteudo.split('\n').map((linha, idx) => {
         let t = linha.trim();
-        if(!t) return "";
-        if (t.startsWith('titulo ')) return `<h1>${t.replace('titulo ', '').replace(/"/g, '')}</h1>`;
-        if (t.startsWith('texto ')) return `<p>${t.replace('texto ', '').replace(/"/g, '')}</p>`;
+        if (!t || t.startsWith('//')) return "";
+
+        // Captura string entre aspas de forma segura
+        const pegarTexto = (cmd) => {
+            const match = t.match(new RegExp(`^${cmd}\\s+"(.*)"`));
+            return match ? match[1] : t.replace(cmd + ' ', '').replace(/"/g, '');
+        };
+
+        if (t.startsWith('titulo '))   return `<h1>${pegarTexto('titulo')}</h1>`;
+        if (t.startsWith('subtitulo ')) return `<h2>${pegarTexto('subtitulo')}</h2>`;
+        if (t.startsWith('texto '))    return `<p>${pegarTexto('texto')}</p>`;
+        if (t.startsWith('link ')) {
+            // link "Clique aqui" url "https://..."
+            const m = t.match(/^link\s+"(.+?)"\s+url\s+"(.+?)"/);
+            if (m) return `<a href="${m[2]}" target="_blank">${m[1]}</a>`;
+        }
+        if (t.startsWith('imagem '))   return `<img src="${pegarTexto('imagem')}" alt="imagem" style="max-width:100%;">`;
         if (t.startsWith('botao ')) {
-            let p = t.replace('botao ', '').split(' id ');
-            let texto = p[0].replace(/"/g, '');
-            let id = p[1] ? p[1].replace(/"/g, '') : 'btn-' + Math.floor(Math.random()*1000);
-            return `<button id="${id}">${texto}</button>`;
+            const m = t.match(/^botao\s+"(.+?)"\s+id\s+"(.+?)"/);
+            if (m) return `<button id="${m[2]}">${m[1]}</button>`;
+            return `<button>${pegarTexto('botao')}</button>`;
         }
-        // Acrescentado: Comando de Imagem
-        if (t.startsWith('imagem ')) return `<img src="${t.replace('imagem ', '').replace(/"/g, '')}" style="max-width:100%;">`;
-        if (t.startsWith('caixa ')) return `<div class="${t.replace('caixa ', '').replace(/"/g, '')}">`;
-        if (t === 'fim') return `</div>`;
-        return "";
-    }).join('');
+        if (t.startsWith('entrada ')) {
+            const m = t.match(/^entrada\s+id\s+"(.+?)"\s+dica\s+"(.+?)"/);
+            if (m) return `<input id="${m[1]}" placeholder="${m[2]}">`;
+            return `<input placeholder="${pegarTexto('entrada')}">`;
+        }
+        if (t.startsWith('caixa '))    return `<div class="${pegarTexto('caixa')}">`;
+        if (t === 'fim')               return `</div>`;
+
+        return ``;
+    }).join('\n');
 }
 
 function traduzirEstilo(conteudo) {
-    if(!conteudo) return "";
-    let css = conteudo
+    if (!conteudo) return "";
+    return conteudo
         .replace(/fundo:/g, 'background:')
         .replace(/cor-texto:/g, 'color:')
+        .replace(/tamanho-texto:/g, 'font-size:')
+        .replace(/margem:/g, 'margin:')
+        .replace(/borda:/g, 'border:')
+        .replace(/arredondado:/g, 'border-radius:')
         .replace(/verde-neon/g, '#00ff88')
-        .replace(/amarelo-neon/g, '#ffff00') // Novo estilo
+        .replace(/amarelo-neon/g, '#ffff00')
+        .replace(/azul-neon/g, '#00cfff')
+        .replace(/vermelho-neon/g, '#ff4444')
         .replace(/ao-passar-mouse:/g, '&:hover')
-        .replace(/estilo /g, '.')
-        .replace(/fim/g, '}');
-    return css;
+        .replace(/estilo\s+/g, '.')
+        .replace(/\bfim\b/g, '}');
 }
 
-// 2. TRADUTOR (Com novos comandos de Site)
-function traduzir(linha) {
+// ─────────────────────────────────────────
+// TRADUTOR PRINCIPAL (RC → JS)
+// ─────────────────────────────────────────
+
+function traduzir(linha, numeroLinha, contexto) {
     let t = linha.trim();
-    if (!t || t.startsWith("//")) return t;
-    
-    // --- NOVOS COMANDOS DE SITE ---
+    if (!t || t.startsWith("//")) return linha; // preserva indentação
+
+    // Título da página
     if (t.startsWith('pagina ')) {
-        ehSite = true;
-        let titulo = t.replace('pagina ', '');
+        contexto.ehSite = true;
+        const titulo = t.replace(/^pagina\s+/, '');
         return `document.title = ${titulo};`;
     }
 
-    if (t.startsWith('alerta ')) return `alert(${t.replace('alerta ', '')});`;
-    
-    // Acrescentado: Comando para mudar cor via código
-    if (t.startsWith('mudar_fundo ')) return `document.body.style.background = ${t.replace('mudar_fundo ', '')};`;
+    // UI: mostrar elemento na tela pelo id
+    if (t.startsWith('mostrar_tela ')) {
+        const m = t.match(/^mostrar_tela\s+"(.+?)"\s+em\s+"(.+?)"/);
+        if (m) return `document.getElementById("${m[2]}").innerText = "${m[1]}";`;
+    }
 
-    // --- COMANDOS ORIGINAIS ---
-    if (t.startsWith('mostrar ')) return t.replace('mostrar ', 'console.log(') + ');';
+    // Ao clicar: evento de clique
+    if (t.startsWith('ao_clicar ')) {
+        const m = t.match(/^ao_clicar\s+"(.+?)"/);
+        if (m) return `document.getElementById("${m[1]}").addEventListener("click", function() {`;
+    }
+
+    // Comandos básicos
+    if (t.startsWith('alerta '))      return `alert(${t.replace(/^alerta\s+/, '')});`;
+    if (t.startsWith('mudar_fundo ')) return `document.body.style.background = ${t.replace(/^mudar_fundo\s+/, '')};`;
+    if (t.startsWith('mostrar '))     return `console.log(${t.replace(/^mostrar\s+/, '')});`;
+
+    // Variável com parsing correto de strings com espaços
     if (t.startsWith('variavel ')) {
-        let p = t.split(' ');
-        return `let ${p[1]} = ${p.slice(2).join(' ')};`;
+        const m = t.match(/^variavel\s+(\w+)\s+(.*)/);
+        if (!m) erroDeCompilacao(`Sintaxe incorreta: "${t}" — Use: variavel nome "valor"`, numeroLinha);
+        return `let ${m[1]} = ${m[2]};`;
+    }
+
+    if (t.startsWith('constante ')) {
+        const m = t.match(/^constante\s+(\w+)\s+(.*)/);
+        if (!m) erroDeCompilacao(`Sintaxe incorreta: "${t}" — Use: constante nome "valor"`, numeroLinha);
+        return `const ${m[1]} = ${m[2]};`;
+    }
+
+    // Estruturas de controle
+    if (t.startsWith('se '))      return `if (${t.replace(/^se\s+/, '').replace(/\bend\b/, '')}) {`;
+    if (t === 'senao')            return `} else {`;
+    if (t.startsWith('senaose ')) return `} else if (${t.replace(/^senaose\s+/, '')}) {`;
+    if (t === 'fim')              return `}`;
+
+    // Loops
+    if (t.startsWith('repetir ')) {
+        const m = t.match(/^repetir\s+(\d+)\s+vezes/);
+        if (m) return `for (let _i = 0; _i < ${m[1]}; _i++) {`;
+    }
+    if (t.startsWith('enquanto ')) return `while (${t.replace(/^enquanto\s+/, '')}) {`;
+
+    // Funções
+    if (t.startsWith('funcao ')) {
+        const m = t.match(/^funcao\s+(\w+)\s*\((.*)\)/);
+        if (m) return `function ${m[1]}(${m[2]}) {`;
     }
-    if (t.startsWith('se ')) return `if (${t.replace('se ', '').trim()}) {`;
-    if (t === 'fim') return '}';
-    
-    return t;
+    if (t.startsWith('retornar ')) return `return ${t.replace(/^retornar\s+/, '')};`;
+
+    return t; // passa JS puro direto
+}
+
+// ─────────────────────────────────────────
+// VALIDAÇÃO DE BLOCOS
+// ─────────────────────────────────────────
+function validarBlocos(linhas) {
+    let pilha = 0;
+    linhas.forEach((linha, idx) => {
+        const t = linha.trim();
+        if (t.startsWith('se ') || t.startsWith('enquanto ') || t.startsWith('funcao ') || t.startsWith('repetir ') || t.startsWith('ao_clicar ')) pilha++;
+        if (t === 'fim') pilha--;
+        if (pilha < 0) erroDeCompilacao(`"fim" sobrando sem um bloco aberto.`, idx + 1);
+    });
+    if (pilha > 0) erroDeCompilacao(`Faltam ${pilha} "fim" para fechar bloco(s) abertos.`, linhas.length);
 }
 
-// 3. EXECUÇÃO
+// ─────────────────────────────────────────
+// PONTO DE ENTRADA
+// ─────────────────────────────────────────
 if (!arquivoOuCmd) {
-    console.log("🌱 Raizcode - Use: raizcode <arquivo.rc>");
+    console.log("🌱 Raizcode v1.9 — A linguagem brasileira");
+    console.log("   Uso: raizcode <arquivo.rc>");
+    console.log("   Setup VSCode: raizcode --setup");
     process.exit();
 }
 
@@ -105,79 +259,140 @@ const caminho = path.resolve(arquivoOuCmd);
 const nomeBase = caminho.substring(0, caminho.lastIndexOf('.'));
 
 if (!fs.existsSync(caminho)) {
-    console.log("❌ Arquivo não existe.");
+    console.error(`❌ Arquivo não encontrado: ${arquivoOuCmd}`);
     process.exit(1);
 }
 
 try {
     const arqRcx = nomeBase + '.rcx';
-    const arqRcc = nomeBase + '.rcc'; // Atualizado para buscar .rcc
-    
+    const arqRcc = nomeBase + '.rcc';
+
     let htmlExtra = "";
     let cssExtra = "";
+    const contexto = { ehSite: false };
 
     if (fs.existsSync(arqRcx)) {
         htmlExtra = traduzirEstrutura(fs.readFileSync(arqRcx, 'utf-8'));
-        ehSite = true;
+        contexto.ehSite = true;
     }
-    if (fs.existsSync(arqRcc)) { // Agora busca o arquivo de estilo .rcc
+    if (fs.existsSync(arqRcc)) {
         cssExtra = traduzirEstilo(fs.readFileSync(arqRcc, 'utf-8'));
-        ehSite = true;
+        contexto.ehSite = true;
     }
 
     const codigo = fs.readFileSync(caminho, 'utf-8');
-    const js = codigo.split('\n').map(traduzir).join('\n');
-    
-    const saidaJS = nomeBase + '.js';
+    const linhas = codigo.split('\n');
+
+    // Valida antes de compilar
+    validarBlocos(linhas);
+
+    const js = linhas.map((linha, idx) => traduzir(linha, idx + 1, contexto)).join('\n');
+
+    const saidaJS   = nomeBase + '.js';
     const saidaHTML = nomeBase + '.html';
 
-    if (ehSite) {
-        const estruturaHTML = `
-<!DOCTYPE html>
+    if (contexto.ehSite) {
+        const porta = args[1] ? parseInt(args[1]) : 3000;
+        const estruturaHTML = `<!DOCTYPE html>
 <html lang="pt-br">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Raizcode</title>
     <style>
-        body { background: #0d0d0d; color: #f0f0f0; font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
-        #raiz-app { text-align: center; border: 1px solid #00ff88; padding: 40px; border-radius: 20px; background: #1a1a1a; box-shadow: 0 0 30px rgba(0,255,136,0.2); }
+        * { box-sizing: border-box; }
+        body {
+            background: #0d0d0d;
+            color: #f0f0f0;
+            font-family: sans-serif;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            margin: 0;
+            padding: 20px;
+        }
+        #raiz-app {
+            text-align: center;
+            border: 1px solid #00ff88;
+            padding: 40px;
+            border-radius: 20px;
+            background: #1a1a1a;
+            box-shadow: 0 0 30px rgba(0,255,136,0.2);
+            max-width: 800px;
+            width: 100%;
+        }
         h1 { color: #00ff88; text-shadow: 0 0 10px #00ff88; }
-        button { background: #00ff88; color: #000; border: none; padding: 15px 30px; border-radius: 10px; font-weight: bold; cursor: pointer; margin: 10px; }
+        h2 { color: #00cfff; }
+        a  { color: #00ff88; }
+        button {
+            background: #00ff88;
+            color: #000;
+            border: none;
+            padding: 12px 28px;
+            border-radius: 10px;
+            font-weight: bold;
+            cursor: pointer;
+            margin: 8px;
+            font-size: 1rem;
+            transition: opacity 0.2s;
+        }
+        button:hover { opacity: 0.8; }
+        input {
+            background: #111;
+            border: 1px solid #00ff88;
+            color: #fff;
+            padding: 10px 16px;
+            border-radius: 8px;
+            margin: 8px;
+            font-size: 1rem;
+        }
         ${cssExtra}
     </style>
 </head>
 <body>
     <div id="raiz-app">${htmlExtra}</div>
-    <script>${js}</script>
+    <script>
+${js}
+    </script>
 </body>
 </html>`;
-        
-        // Resolve o problema do Localhost criando um servidor temporário
+
+        // Salva HTML para inspeção (opcional)
+        fs.writeFileSync(saidaHTML, estruturaHTML);
+
         const server = http.createServer((req, res) => {
-            res.writeHead(200, { 'Content-Type': 'text/html' });
+            res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
             res.end(estruturaHTML);
         });
 
-        server.listen(3000, () => {
-            console.log(`🌐 [Raizcode] Localhost ativo em http://localhost:3000`);
-            exec(os.platform() === 'win32' ? `start http://localhost:3000` : `termux-open http://localhost:3000`);
+        server.listen(porta, () => {
+            console.log(`\n🌱 Raizcode — Servidor ativo!`);
+            console.log(`🌐 Acesse: http://localhost:${porta}`);
+            console.log(`⏹  Pressione Ctrl+C para encerrar.\n`);
+            abrirNavegador(`http://localhost:${porta}`);
         });
 
-        // Mantive a sua lógica de criar o arquivo físico para garantir o funcionamento
-        fs.writeFileSync(saidaHTML, estruturaHTML);
-        
-        // LIMPEZA que você pediu: Apaga depois de um tempo para não poluir
-        setTimeout(() => {
+        // Mantém servidor vivo até Ctrl+C
+        process.on('SIGINT', () => {
+            console.log('\n👋 Servidor encerrado.');
             if (fs.existsSync(saidaHTML)) fs.unlinkSync(saidaHTML);
-            if (fs.existsSync(saidaJS)) fs.unlinkSync(saidaJS);
             process.exit();
-        }, 10000);
+        });
 
     } else {
+        // Modo script: executa e apaga
         fs.writeFileSync(saidaJS, js);
-        execSync(`node "${saidaJS}"`, { stdio: 'inherit' });
-        if (fs.existsSync(saidaJS)) fs.unlinkSync(saidaJS);
+        try {
+            execSync(`node "${saidaJS}"`, { stdio: 'inherit' });
+        } finally {
+            if (fs.existsSync(saidaJS)) fs.unlinkSync(saidaJS);
+        }
     }
+
 } catch (err) {
-    console.error("❌ Erro ao processar.");
+    if (!err.already_reported) {
+        console.error(`\n❌ Erro inesperado: ${err.message}\n`);
+    }
+    process.exit(1);
 }

package/exemplos/teste.js

@@ -0,0 +1,6 @@
+// Gerado automaticamente pelo Raizcode
+console.log("Iniciando sistema Raizcode...");
+let criador = "Riquefla";
+if (10 > 5) {
+console.log("O criador é " + criador);
+}

package/exemplos/teste.rc

@@ -0,0 +1,5 @@
+mostrar "Iniciando sistema Raizcode..."
+variavel criador "Riquefla"
+se 10 > 5
+mostrar "O criador é " + criador
+fim

package/icons/raizcode-icon-theme.json

@@ -0,0 +1,17 @@
+{
+  "iconDefinitions": {
+    "_rc": { "iconPath": "./rc.png" },
+    "_rcx": { "iconPath": "./rcx.png" },
+    "_rcc": { "iconPath": "./rcc.png" }
+  },
+  "fileExtensions": {
+    "rc": "_rc",
+    "rcx": "_rcx",
+    "rcc": "_rcc"
+  },
+  "fileNames": {
+    "index.rc": "_rc",
+    "index.rcx": "_rcx",
+    "index.rcc": "_rcc"
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "raizcode-ofc",
-  "version": "1.8.0",
-  "description": "Linguagem de programação Brasileira independente: RC (Lógica), RCX (Estrutura) e RCC (Estilo).",
+  "version": "1.10.0",
+  "description": "Linguagem de programação brasileira — escreva código em português.",
   "main": "compilador.js",
   "bin": {
     "raizcode": "./compilador.js"
@@ -15,10 +15,13 @@
     "raizcode",
     "linguagem",
     "portugues",
+    "pt-br",
     "compilador",
     "javascript",
     "web",
-    "desenvolvimento"
+    "desenvolvimento",
+    "iniciantes",
+    "educacao"
   ],
   "author": "Riquefla",
   "license": "MIT",
@@ -26,40 +29,11 @@
     "node": ">=14.0.0"
   },
   "files": [
+    "compilador.js",
     "icons/",
     "syntaxes/",
-    "compilador.js",
-    "package.json",
-    "README.md"
-  ],
-  "contributes": {
-    "languages": [
-      {
-        "id": "raizcode",
-        "aliases": ["Raizcode", "rc"],
-        "extensions": [".rc"],
-        "configuration": "./language-configuration.json",
-        "icon": { "dark": "./icons/rc.png", "light": "./icons/rc.png" }
-      },
-      {
-        "id": "raizcode-estrutura",
-        "aliases": ["Raizcode Estrutura", "rcx"],
-        "extensions": [".rcx"],
-        "icon": { "dark": "./icons/rcx.png", "light": "./icons/rcx.png" }
-      },
-      {
-        "id": "raizcode-estilo",
-        "aliases": ["Raizcode Estilo", "rcc"],
-        "extensions": [".rcc"],
-        "icon": { "dark": "./icons/rcc.png", "light": "./icons/rcc.png" }
-      }
-    ],
-    "grammars": [
-      {
-        "language": "raizcode",
-        "scopeName": "source.rc",
-        "path": "./syntaxes/raizcode.tmLanguage.json"
-      }
-    ]
-  }
+    "exemplos/",
+    "README.md",
+    "package.json"
+  ]
 }