npm - raizcode-ofc - Versions diffs - 1.4.0 → 1.6.0 - Mend

raizcode-ofc 1.4.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/compilador.js +35 -70
package/package.json +1 -1

package/compilador.js CHANGED Viewed

@@ -3,6 +3,7 @@
 const fs = require('fs');
 const path = require('path');
 const os = require('os');
+const http = require('http'); // Acrescentado para o Localhost que você pediu
 const { execSync, exec } = require('child_process');
 const args = process.argv.slice(2);
@@ -44,6 +45,8 @@ function traduzirEstrutura(conteudo) {
             let id = p[1] ? p[1].replace(/"/g, '') : 'btn-' + Math.floor(Math.random()*1000);
             return `<button id="${id}">${texto}</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 "";
@@ -56,6 +59,7 @@ function traduzirEstilo(conteudo) {
         .replace(/fundo:/g, 'background:')
         .replace(/cor-texto:/g, 'color:')
         .replace(/verde-neon/g, '#00ff88')
+        .replace(/amarelo-neon/g, '#ffff00') // Novo estilo
         .replace(/ao-passar-mouse:/g, '&:hover')
         .replace(/estilo /g, '.')
         .replace(/fim/g, '}');
@@ -75,6 +79,9 @@ function traduzir(linha) {
     }
     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 ', '')};`;
     // --- COMANDOS ORIGINAIS ---
     if (t.startsWith('mostrar ')) return t.replace('mostrar ', 'console.log(') + ');';
@@ -103,7 +110,6 @@ if (!fs.existsSync(caminho)) {
 }
 try {
-    // Busca arquivos companheiros (.rcx e .estilo)
     const arqRcx = nomeBase + '.rcx';
     const arqEstilo = nomeBase + '.estilo';
@@ -122,12 +128,10 @@ try {
     const codigo = fs.readFileSync(caminho, 'utf-8');
     const js = codigo.split('\n').map(traduzir).join('\n');
-    if (ehSite) {
-        // --- SISTEMA DE ARQUIVO TEMPORÁRIO (INVISÍVEL) ---
-        const tmpDir = os.tmpdir();
-        const nomeTemporario = 'raiz-' + Date.now() + '.html';
-        const caminhoHTMLTemporario = path.join(tmpDir, nomeTemporario);
+    const saidaJS = nomeBase + '.js';
+    const saidaHTML = nomeBase + '.html';
+    if (ehSite) {
         const estruturaHTML = `
 <!DOCTYPE html>
 <html lang="pt-br">
@@ -135,48 +139,10 @@ try {
     <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 */
+        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); }
+        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; }
         ${cssExtra}
     </style>
 </head>
@@ -186,33 +152,32 @@ try {
 </body>
 </html>`;
-        // 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);
+        // Resolve o problema do Localhost criando um servidor temporário
+        const server = http.createServer((req, res) => {
+            res.writeHead(200, { 'Content-Type': 'text/html' });
+            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`);
         });
+        // 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(() => {
+            if (fs.existsSync(saidaHTML)) fs.unlinkSync(saidaHTML);
+            if (fs.existsSync(saidaJS)) fs.unlinkSync(saidaJS);
+            process.exit();
+        }, 10000);
     } else {
-        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);
-        }
+        if (fs.existsSync(saidaJS)) fs.unlinkSync(saidaJS);
     }
 } catch (err) {
-    console.error("❌ Erro na compilação invisível.");
+    console.error("❌ Erro ao processar.");
 }

package/package.json CHANGED Viewed

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