@danhachuel/pandanews 0.1.3 → 0.2.1

package/frontend/dist/favicon.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect width="100" height="100" rx="20" fill="#0b1220"/>
+  <circle cx="25" cy="28" r="13" fill="#e6edf3"/>
+  <circle cx="75" cy="28" r="13" fill="#e6edf3"/>
+  <circle cx="50" cy="52" r="30" fill="#e6edf3"/>
+  <ellipse cx="37" cy="48" rx="9" ry="11" fill="#0b1220" transform="rotate(-15 37 48)"/>
+  <ellipse cx="63" cy="48" rx="9" ry="11" fill="#0b1220" transform="rotate(15 63 48)"/>
+  <circle cx="38" cy="49" r="3" fill="#22c55e"/>
+  <circle cx="62" cy="49" r="3" fill="#22c55e"/>
+  <ellipse cx="50" cy="62" rx="5" ry="4" fill="#0b1220"/>
+</svg>

package/frontend/dist/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="pt-BR" class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>PandaNews — Automação de blogs de notícias com IA</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
+    <script type="module" crossorigin src="/assets/index-D0e-vr7T.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BaPdaYIz.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danhachuel/pandanews",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "SaaS local de criação e automação de múltiplos blogs de notícias com IA (FastAPI + React + Tailwind).",
   "license": "MIT",
   "type": "module",

package/scripts/build.js

@@ -1,6 +1,6 @@
 // Compila o frontend de desenvolvimento (frontend/ -> frontend/dist).
 // A UI React + Vite + Tailwind é inicializada na Fase 2 do plano.
-import { existsSync } from 'node:fs';
+import { existsSync, realpathSync } from 'node:fs';
 import { join } from 'node:path';
 import { spawnSync } from 'node:child_process';
 import { fileURLToPath } from 'node:url';
@@ -16,10 +16,19 @@ export async function runBuild() {
   }
   const npmCmd = process.platform === 'win32' ? 'npm.cmd' : 'npm';
   console.log('Instalando dependências do frontend...');
-  const install = spawnSync(npmCmd, ['install'], { cwd: frontendDir, stdio: 'inherit' });
+  // shell: true — obrigatório para .cmd no Windows (Node >= 18)
+  const install = spawnSync(npmCmd, ['install'], { cwd: frontendDir, stdio: 'inherit', shell: true });
   if (install.status !== 0) throw new Error('Falha ao instalar dependências do frontend.');
   console.log('Compilando o frontend...');
-  const build = spawnSync(npmCmd, ['run', 'build'], { cwd: frontendDir, stdio: 'inherit' });
+  const build = spawnSync(npmCmd, ['run', 'build'], { cwd: frontendDir, stdio: 'inherit', shell: true });
   if (build.status !== 0) throw new Error('Falha ao compilar o frontend.');
   console.log('Frontend compilado em frontend/dist.');
 }
+
+// Entry point para execução direta: node scripts/build.js
+if (process.argv[1] && realpathSync(process.argv[1]) === realpathSync(fileURLToPath(import.meta.url))) {
+  runBuild().catch((err) => {
+    console.error(`pandanews build: ${err && err.message}`);
+    process.exitCode = 1;
+  });
+}

package/scripts/install.js

@@ -121,6 +121,25 @@ function migrateLegacyRuntime(home) {
   }
 }
 
+// Venvs carregam caminhos absolutos no pyvenv.cfg; após migração, aponta-os
+// para a localização atual do Python (idempotente).
+function fixVenvPaths(home) {
+  const cfgPath = join(home, '.runtime', 'venv', 'pyvenv.cfg');
+  if (!existsSync(cfgPath)) return;
+  const newPythonDir = join(home, '.runtime', 'python');
+  const exeRel = process.platform === 'win32' ? 'python.exe' : join('bin', 'python3');
+  let content = readFileSync(cfgPath, 'utf8');
+  const fixed = content.replace(
+    /^(home|executable|base_executable)\s*=.*$/gim,
+    (_m, key) => `${key} = ${key.toLowerCase() === 'home' ? newPythonDir : join(newPythonDir, exeRel)}`,
+  );
+  if (fixed !== content) {
+    content = fixed;
+    writeFileSync(cfgPath, content);
+    console.log('Caminhos do virtualenv corrigidos (pyvenv.cfg).');
+  }
+}
+
 async function downloadPython(home, platform) {
   const url = pythonArchiveUrl(platform);
   const runtimeDir = join(home, '.runtime');
@@ -201,6 +220,7 @@ export async function runInstall({ skipPythonDeps = false } = {}) {
     } else {
       console.log('Virtualenv já presente.');
     }
+    fixVenvPaths(home);
 
     // Dependências: só roda o pip quando o fingerprint muda.
     const fpFile = join(home, '.runtime', '.deps-fingerprint');

package/scripts/start.js

@@ -4,15 +4,25 @@
 // provisionado, executa o install completo (Python portátil + dependências)
 // antes de subir os servidores. A UI começa em PANDANEWS_UI_PORT (padrão 4030)
 // e, se a porta estiver ocupada, tenta automaticamente a seguinte (4031, ...).
-import { existsSync, readFileSync } from 'node:fs';
+// Requisições /api/* são proxies para o backend em 127.0.0.1:8000.
+//
+// Robustez: o output do backend é gravado em <home>/data/backend.log e, se o
+// processo morrer de forma anormal, o backend reinicia sozinho (até 5 vezes)
+// — a UI não cai junto.
+import { createWriteStream, existsSync, readFileSync } from 'node:fs';
 import { spawn } from 'node:child_process';
-import { createServer } from 'node:http';
+import { createServer, request as httpRequest } from 'node:http';
 import { join, extname } from 'node:path';
 import { resolveHome, runInstall, PKG_ROOT } from './install.js';
 
 const BACKEND_PORT = Number(process.env.PANDANEWS_API_PORT || 8000);
 const UI_PORT_BASE = Number(process.env.PANDANEWS_UI_PORT || 4030);
 const UI_PORT_MAX_TRIES = 20;
+const BACKEND_MAX_RESTARTS = 5;
+const BACKEND_RESTART_DELAY_MS = 3000;
+const BACKEND_HEALTHY_UPTIME_MS = 60000;
+
+const FAVICON_URI = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='20' fill='%230b1220'/%3E%3Ccircle cx='25' cy='28' r='13' fill='%23e6edf3'/%3E%3Ccircle cx='75' cy='28' r='13' fill='%23e6edf3'/%3E%3Ccircle cx='50' cy='52' r='30' fill='%23e6edf3'/%3E%3Cellipse cx='37' cy='48' rx='9' ry='11' fill='%230b1220' transform='rotate(-15 37 48)'/%3E%3Cellipse cx='63' cy='48' rx='9' ry='11' fill='%230b1220' transform='rotate(15 63 48)'/%3E%3Ccircle cx='38' cy='49' r='3' fill='%2322c55e'/%3E%3Ccircle cx='62' cy='49' r='3' fill='%2322c55e'/%3E%3Cellipse cx='50' cy='62' rx='5' ry='4' fill='%230b1220'/%3E%3C/svg%3E";
 
 function venvBin(home) {
   return process.platform === 'win32'
@@ -34,27 +44,70 @@ const MIME = {
 function placeholderPage() {
   return `<!DOCTYPE html>
 <html lang="pt-BR">
-<head><meta charset="utf-8"><title>PandaNews</title></head>
+<head>
+<meta charset="utf-8">
+<title>PandaNews</title>
+<link rel="icon" href="${FAVICON_URI}">
+</head>
 <body style="font-family: Inter, system-ui, sans-serif; background: #0b1220; color: #e6edf3; display: flex; min-height: 100vh; align-items: center; justify-content: center;">
   <div style="text-align: center;">
     <h1 style="font-size: 3rem; margin: 0;">🐼 PandaNews</h1>
-    <p style="color: #9aa7b5;">Backend ativo em <a style="color: #22c55e;" href="http://127.0.0.1:8000/api/v1/health">127.0.0.1:8000</a></p>
-    <p style="color: #9aa7b5;">A UI React completa chega na versão 0.2.00 (Fases 1 a 3 do plano).</p>
+    <p style="color: #9aa7b5;">Backend ativo em <a style="color: #22c55e;" href="/api/v1/health">/api/v1/health</a></p>
+    <p style="color: #9aa7b5;">A UI React completa chega na versão 0.2.00.</p>
   </div>
 </body>
 </html>`;
 }
 
+// Encaminha /api/* para o backend FastAPI em 127.0.0.1:8000.
+function proxyApi(req, res) {
+  const options = {
+    hostname: '127.0.0.1',
+    port: BACKEND_PORT,
+    path: req.url,
+    method: req.method,
+    headers: { ...req.headers, host: `127.0.0.1:${BACKEND_PORT}` },
+  };
+  const proxied = httpRequest(options, (upstream) => {
+    res.writeHead(upstream.statusCode || 502, upstream.headers);
+    upstream.pipe(res);
+  });
+  proxied.on('error', () => {
+    res.writeHead(502, { 'Content-Type': 'application/json; charset=utf-8' });
+    res.end(JSON.stringify({ detail: `Backend PandaNews não responde em 127.0.0.1:${BACKEND_PORT}` }));
+  });
+  req.pipe(proxied);
+}
+
 let uiServer = null;
 
 function createUiServer() {
   const distDir = join(PKG_ROOT, 'frontend', 'dist');
   return createServer((req, res) => {
+    if (req.url.startsWith('/api')) {
+      proxyApi(req, res);
+      return;
+    }
     const url = req.url.split('?')[0];
     const filePath = join(distDir, url === '/' ? 'index.html' : url.slice(1));
     if (!existsSync(filePath)) {
-      res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
-      res.end(placeholderPage());
+      // SPA (BrowserRouter): rotas sem extensão caem no index.html quando o
+      // build existe; sem build, mostra o placeholder.
+      const indexHtml = join(distDir, 'index.html');
+      const hasBuild = existsSync(indexHtml);
+      const isAsset = extname(url) !== '';
+      if (hasBuild && !isAsset) {
+        res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+        res.end(readFileSync(indexHtml));
+        return;
+      }
+      if (!hasBuild) {
+        res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+        res.end(placeholderPage());
+        return;
+      }
+      res.writeHead(404, { 'Content-Type': 'text/plain; charset=utf-8' });
+      res.end('Not found');
       return;
     }
     res.writeHead(200, { 'Content-Type': MIME[extname(filePath)] || 'application/octet-stream' });
@@ -95,6 +148,56 @@ async function openBrowser(url) {
   }
 }
 
+let backendProc = null;
+let backendRestarts = 0;
+
+// Sobe o backend com saída espelhada no console e em <home>/data/backend.log.
+// Se o processo morrer de forma anormal, reinicia sozinho (até 5 tentativas).
+function startBackend(home) {
+  console.log(`Iniciando backend FastAPI em http://127.0.0.1:${BACKEND_PORT} ...`);
+  const uvicorn = spawn(
+    venvBin(home),
+    ['-m', 'uvicorn', 'backend.app.main:app', '--host', '127.0.0.1', '--port', String(BACKEND_PORT)],
+    {
+      cwd: PKG_ROOT,
+      stdio: ['inherit', 'pipe', 'pipe'],
+      env: { ...process.env, PANDANEWS_HOME: home },
+    },
+  );
+  backendProc = uvicorn;
+
+  const logPath = join(home, 'data', 'backend.log');
+  const logStream = createWriteStream(logPath, { flags: 'a' });
+  logStream.write(`\n--- ${new Date().toISOString()} — iniciando backend (pid ${uvicorn.pid}) ---\n`);
+  uvicorn.stdout.on('data', (chunk) => {
+    process.stdout.write(chunk);
+    logStream.write(chunk);
+  });
+  uvicorn.stderr.on('data', (chunk) => {
+    process.stderr.write(chunk);
+    logStream.write(chunk);
+  });
+
+  const startedAt = Date.now();
+  uvicorn.on('exit', (code) => {
+    logStream.end(`--- backend encerrou com código ${code} ---\n`);
+    if (code === 0 || code === null) {
+      return;
+    }
+    if (Date.now() - startedAt > BACKEND_HEALTHY_UPTIME_MS) {
+      backendRestarts = 0; // rodou saudável por tempo suficiente: zera o contador
+    }
+    backendRestarts += 1;
+    if (backendRestarts > BACKEND_MAX_RESTARTS) {
+      console.error(`Backend caiu ${backendRestarts - 1}x seguidas — desistindo.`);
+      console.error(`Log completo do backend: ${logPath}`);
+      process.exit(1);
+    }
+    console.error(`Backend encerrou com código ${code} — reiniciando em 3s (tentativa ${backendRestarts}/${BACKEND_MAX_RESTARTS})...`);
+    setTimeout(() => startBackend(home), BACKEND_RESTART_DELAY_MS);
+  });
+}
+
 export async function runStart() {
   const home = resolveHome();
   if (!existsSync(join(home, '.runtime', '.ready'))) {
@@ -108,24 +211,12 @@ export async function runStart() {
     return;
   }
 
-  console.log(`Iniciando backend FastAPI em http://127.0.0.1:${BACKEND_PORT} ...`);
-  const uvicorn = spawn(
-    venvBin(home),
-    ['-m', 'uvicorn', 'backend.app.main:app', '--host', '127.0.0.1', '--port', String(BACKEND_PORT)],
-    { cwd: PKG_ROOT, stdio: 'inherit' },
-  );
-  uvicorn.on('exit', (code) => {
-    if (code !== 0 && code !== null) {
-      console.error(`Backend encerrou com código ${code}.`);
-      process.exit(code ?? 1);
-    }
-  });
-
+  startBackend(home);
   listenUi(UI_PORT_BASE, 1);
 
   process.on('exit', () => {
     if (uiServer) uiServer.close();
-    uvicorn.kill();
+    if (backendProc) backendProc.kill();
   });
   process.on('SIGINT', () => process.exit(0));
   process.on('SIGTERM', () => process.exit(0));