raizcode-ofc 1.2.0 → 1.4.0

package/compilador.js

@@ -3,7 +3,7 @@
 const fs = require('fs');
 const path = require('path');
 const os = require('os');
-const { execSync } = require('child_process');
+const { execSync, exec } = require('child_process');
 
 const args = process.argv.slice(2);
 const arquivoOuCmd = args[0];
@@ -29,6 +29,39 @@ if (arquivoOuCmd === '--setup') {
 // Variável para controle se é um site
 let ehSite = false;
 
+// --- NOVAS FUNÇÕES DE ACRÉSCIMO PARA INDEPENDÊNCIA ---
+
+function traduzirEstrutura(conteudo) {
+    if(!conteudo) return "";
+    return conteudo.split('\n').map(linha => {
+        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.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>`;
+        }
+        if (t.startsWith('caixa ')) return `<div class="${t.replace('caixa ', '').replace(/"/g, '')}">`;
+        if (t === 'fim') return `</div>`;
+        return "";
+    }).join('');
+}
+
+function traduzirEstilo(conteudo) {
+    if(!conteudo) return "";
+    let css = conteudo
+        .replace(/fundo:/g, 'background:')
+        .replace(/cor-texto:/g, 'color:')
+        .replace(/verde-neon/g, '#00ff88')
+        .replace(/ao-passar-mouse:/g, '&:hover')
+        .replace(/estilo /g, '.')
+        .replace(/fim/g, '}');
+    return css;
+}
+
 // 2. TRADUTOR (Com novos comandos de Site)
 function traduzir(linha) {
     let t = linha.trim();
@@ -38,36 +71,7 @@ function traduzir(linha) {
     if (t.startsWith('pagina ')) {
         ehSite = true;
         let titulo = t.replace('pagina ', '');
-        return `
-            document.title = ${titulo};
-            document.body.innerHTML = '<div id="raiz-app"></div>';
-            const style = document.createElement('style');
-            style.textContent = \`
-                body { background: #0a0a0a; color: #00ff88; font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
-                #raiz-app { text-align: center; border: 2px solid #00ff88; padding: 50px; border-radius: 20px; box-shadow: 0 0 30px rgba(0,255,136,0.3); }
-                button { background: #00ff88; color: #000; border: none; padding: 12px 25px; border-radius: 8px; font-weight: bold; cursor: pointer; transition: 0.3s; margin: 10px; }
-                button:hover { transform: scale(1.1); box-shadow: 0 0 20px #00ff88; }
-                h1 { font-size: 3rem; text-shadow: 0 0 10px #00ff88; }
-            \`;
-            document.head.appendChild(style);
-            const raiz = document.getElementById('raiz-app');
-        `;
-    }
-
-    if (t.startsWith('titulo ')) {
-        return `raiz.innerHTML += "<h1>" + ${t.replace('titulo ', '')} + "</h1>";`;
-    }
-
-    if (t.startsWith('botao ')) {
-        let partes = t.replace('botao ', '').split(' acao ');
-        let texto = partes[0];
-        let acao = partes[1];
-        return `
-            const btn = document.createElement('button');
-            btn.innerText = ${texto};
-            btn.onclick = () => { ${traduzir(acao)} };
-            raiz.appendChild(btn);
-        `;
+        return `document.title = ${titulo};`;
     }
 
     if (t.startsWith('alerta ')) return `alert(${t.replace('alerta ', '')});`;
@@ -91,39 +95,124 @@ if (!arquivoOuCmd) {
 }
 
 const caminho = path.resolve(arquivoOuCmd);
+const nomeBase = caminho.substring(0, caminho.lastIndexOf('.'));
+
 if (!fs.existsSync(caminho)) {
     console.log("❌ Arquivo não existe.");
     process.exit(1);
 }
 
 try {
+    // Busca arquivos companheiros (.rcx e .estilo)
+    const arqRcx = nomeBase + '.rcx';
+    const arqEstilo = nomeBase + '.estilo';
+    
+    let htmlExtra = "";
+    let cssExtra = "";
+
+    if (fs.existsSync(arqRcx)) {
+        htmlExtra = traduzirEstrutura(fs.readFileSync(arqRcx, 'utf-8'));
+        ehSite = true;
+    }
+    if (fs.existsSync(arqEstilo)) {
+        cssExtra = traduzirEstilo(fs.readFileSync(arqEstilo, 'utf-8'));
+        ehSite = true;
+    }
+
     const codigo = fs.readFileSync(caminho, 'utf-8');
     const js = codigo.split('\n').map(traduzir).join('\n');
-    const saidaJS = caminho.replace('.rc', '.js');
-    
-    fs.writeFileSync(saidaJS, js);
     
-    // MÁGICA: Se o compilador detectou o comando 'pagina', ele cria o HTML sozinho
     if (ehSite) {
-        const saidaHTML = caminho.replace('.rc', '.html');
-        const nomeJS = path.basename(saidaJS);
+        // --- SISTEMA DE ARQUIVO TEMPORÁRIO (INVISÍVEL) ---
+        const tmpDir = os.tmpdir();
+        const nomeTemporario = 'raiz-' + Date.now() + '.html';
+        const caminhoHTMLTemporario = path.join(tmpDir, nomeTemporario);
+
         const estruturaHTML = `
 <!DOCTYPE html>
 <html lang="pt-br">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        /* DNA Raiz - Design System Padrão (Top) */
+        body { 
+            background: #0d0d0d; 
+            color: #f0f0f0; 
+            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
+            display: flex; 
+            justify-content: center; 
+            align-items: center; 
+            height: 100vh; 
+            margin: 0; 
+            overflow: hidden;
+        }
+        #raiz-app { 
+            text-align: center; 
+            border: 1px solid rgba(0,255,136,0.3); 
+            padding: 50px; 
+            border-radius: 20px; 
+            background: #1a1a1a;
+            box-shadow: 0 10px 40px rgba(0,0,0,0.5);
+            transition: 0.3s;
+        }
+        h1 { font-size: 3.5rem; color: #00ff88; text-shadow: 0 0 15px #00ff88; margin-bottom: 10px; }
+        p { font-size: 1.2rem; color: #a0a0a0; margin-bottom: 30px; }
+        button { 
+            background: linear-gradient(135deg, #00ff88, #00cc6a); 
+            color: #000; 
+            border: none; 
+            padding: 15px 30px; 
+            border-radius: 10px; 
+            font-weight: bold; 
+            font-size: 1rem;
+            cursor: pointer; 
+            transition: 0.3s; 
+            margin: 10px; 
+            box-shadow: 0 5px 15px rgba(0,255,136,0.2);
+        }
+        button:hover { 
+            transform: translateY(-3px) scale(1.05); 
+            box-shadow: 0 10px 25px rgba(0,255,136,0.4); 
+        }
+        
+        /* Estilos personalizados do usuário */
+        ${cssExtra}
+    </style>
 </head>
 <body>
-    <script src="${nomeJS}"></script>
+    <div id="raiz-app">${htmlExtra}</div>
+    <script>${js}</script>
 </body>
 </html>`;
-        fs.writeFileSync(saidaHTML, estruturaHTML);
-        console.log(`🌐 [Raizcode Site] HTML gerado: ${path.basename(saidaHTML)}`);
+        
+        // Gravamos o arquivo temporário
+        fs.writeFileSync(caminhoHTMLTemporario, estruturaHTML);
+        console.log(`🌐 [Raizcode Site] Gerando pré-visualização profissional...`);
+        
+        // Abre o navegador sozinho no arquivo temporário
+        const cmd = os.platform() === 'win32' ? `start file://${caminhoHTMLTemporario}` : 
+                  (os.platform() === 'darwin' ? `open file://${caminhoHTMLTemporario}` : 
+                  `termux-open ${caminhoHTMLTemporario} || xdg-open ${caminhoHTMLTemporario}`);
+        
+        exec(cmd, (error) => {
+            // Após 2 segundos (tempo pro navegador ler o arquivo), deletamos ele
+            setTimeout(() => {
+                if (fs.existsSync(caminhoHTMLTemporario)) {
+                    fs.unlinkSync(caminhoHTMLTemporario);
+                }
+            }, 2000);
+        });
+
     } else {
-        // Se não for site, roda no terminal como antes
+        const saidaJS = nomeBase + '.js';
+        fs.writeFileSync(saidaJS, js);
         execSync(`node "${saidaJS}"`, { stdio: 'inherit' });
+        // Ocultamos o JS gerado deletando ele logo após a execução
+        if (fs.existsSync(saidaJS)) {
+            fs.unlinkSync(saidaJS);
+        }
     }
 } catch (err) {
-    // Erro silencioso
+    console.error("❌ Erro na compilação invisível.");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raizcode-ofc",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Linguagem de programação Brasileira focada em simplicidade e performance.",
   "main": "compilador.js",
   "bin": {