raizcode-ofc 1.2.0 → 1.3.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,34 @@ 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) {
+    return conteudo.split('\n').map(linha => {
+        let t = linha.trim();
+        if (t.startsWith('titulo ')) return `<h1>\${${t.replace('titulo ', '')}}</h1>`;
+        if (t.startsWith('texto ')) return `<p>\${${t.replace('texto ', '')}}</p>`;
+        if (t.startsWith('botao ')) {
+            let p = t.replace('botao ', '').split(' id ');
+            return `<button id="\${${p[1] || 'btn' }}">\${${p[0]}}</button>`;
+        }
+        if (t.startsWith('caixa ')) return `<div class="\${${t.replace('caixa ', '')}}">`;
+        if (t === 'fim') return `</div>`;
+        return "";
+    }).join('');
+}
+
+function traduzirEstilo(conteudo) {
+    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();
@@ -40,22 +68,14 @@ function traduzir(linha) {
         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(!document.getElementById('raiz-app')){
+                document.body.innerHTML = '<div id="raiz-app"></div>';
+            }
         `;
     }
 
     if (t.startsWith('titulo ')) {
-        return `raiz.innerHTML += "<h1>" + ${t.replace('titulo ', '')} + "</h1>";`;
+        return `document.getElementById('raiz-app').innerHTML += "<h1>" + ${t.replace('titulo ', '')} + "</h1>";`;
     }
 
     if (t.startsWith('botao ')) {
@@ -66,7 +86,7 @@ function traduzir(linha) {
             const btn = document.createElement('button');
             btn.innerText = ${texto};
             btn.onclick = () => { ${traduzir(acao)} };
-            raiz.appendChild(btn);
+            document.getElementById('raiz-app').appendChild(btn);
         `;
     }
 
@@ -91,37 +111,62 @@ 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');
+    const saidaJS = nomeBase + '.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);
+        const saidaHTML = nomeBase + '.html';
         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>
+        body { background: #0a0a0a; color: #fff; font-family: sans-serif; }
+        ${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)}`);
+        console.log(`🌐 [Raizcode Site] Independente gerado com sucesso!`);
+        
+        // Abre o navegador sozinho
+        const url = `file://${saidaHTML}`;
+        const cmd = os.platform() === 'win32' ? `start ${url}` : (os.platform() === 'darwin' ? `open ${url}` : `termux-open ${url} || xdg-open ${url}`);
+        exec(cmd);
+
     } else {
-        // Se não for site, roda no terminal como antes
         execSync(`node "${saidaJS}"`, { stdio: 'inherit' });
     }
 } catch (err) {

package/package.json

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