visualizar-rate-limit 0.1.0 → 0.1.2

package/README.md

@@ -1,12 +1,12 @@
 # visualizar-r-l
 
-(banner_visualizar.png)
+![Banner de visualizar-r-l](banner_visualizar.png)
 
 Una CLI liviana para ver los rate limits de Codex sin salir de la terminal. Si eres de los que revisan su uso con `tmux`, `weechat` o cualquier terminal de la vieja escuela, este mini panel te da dos barras limpias y un `watch` para mantener el pulso del consumo.
 
 ## Qué se ve
 
-(example.png)
+![Ejemplo de uso de visualizar-r-l](example.png)
 
 1. **Dos ventanas**: carga de 5h y semanal con porcentajes coloreados (verde/amarillo/rojo según urgencia).
 2. **Reset automático**: el parser extrae etiquetas como `Reset:` y muestra cuándo se renueva cada cuota.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "visualizar-rate-limit",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "TUI para ver el rate limit de Codex desde chatgpt.com/codex/settings/usage",
   "type": "module",
   "bin": {
@@ -11,7 +11,9 @@
     "src",
     "scripts",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "banner_visualizar.png",
+    "example.png"
   ],
   "scripts": {
     "postinstall": "chmod +x ./bin/visualizar-r-l ./src/fetch-usage.mjs ./scripts/install.sh",

package/src/fetch-usage.mjs

@@ -98,8 +98,8 @@ function fallbackWindows(text) {
 
 function colorize(percent, value) {
   if (!process.stdout.isTTY) return value;
-  if (percent >= 90) return `\x1b[31m${value}\x1b[0m`;
-  if (percent >= 70) return `\x1b[33m${value}\x1b[0m`;
+  if (percent < 20) return `\x1b[31m${value}\x1b[0m`;
+  if (percent <= 50) return `\x1b[33m${value}\x1b[0m`;
   return `\x1b[32m${value}\x1b[0m`;
 }
 
@@ -153,6 +153,44 @@ function render(text) {
   }
 }
 
+async function readPagePayload(page) {
+  return page.evaluate(() => ({
+    href: location.href,
+    title: document.title,
+    text: document.body?.innerText || '',
+    html: document.documentElement?.outerHTML || '',
+  }));
+}
+
+function looksUsablePayload(payload) {
+  const text = stripHtml(payload.text || payload.html);
+  if (!text) return false;
+  if (/just a moment|enable javascript and cookies to continue/i.test(text)) return false;
+  return /codex|usage|limit|rate|chatgpt/i.test(text);
+}
+
+async function ensureUsagePage(page) {
+  const currentUrl = page.url();
+
+  if (currentUrl === url) {
+    const payload = await readPagePayload(page);
+    if (looksUsablePayload(payload)) {
+      logDebug('Reutilizando pestaña existente ya cargada');
+      return payload;
+    }
+  }
+
+  logDebug(`Abriendo ${url}`);
+  await page.goto(url, { waitUntil: 'domcontentloaded', timeout: 20000 });
+  logDebug('DOM content loaded');
+  await page.waitForFunction(() => document.body && document.body.innerText.length > 50, { timeout: 5000 }).catch(() => {});
+  logDebug('Paso waitForFunction');
+  await page.waitForNetworkIdle({ idleTime: 350, timeout: 2500 }).catch(() => {});
+  logDebug('Paso waitForNetworkIdle');
+
+  return readPagePayload(page);
+}
+
 let browser;
 let hardTimeout;
 
@@ -160,7 +198,7 @@ try {
   hardTimeout = setTimeout(() => {
     console.error('Timeout duro alcanzado mientras intentaba extraer la página.');
     process.exit(124);
-  }, 45000);
+  }, 15000);
 
   logDebug(`Conectando a Chrome visible en 127.0.0.1:${debugPort}`);
   browser = await puppeteer.connect({
@@ -181,22 +219,7 @@ try {
   page.on('framenavigated', (frame) => {
     if (frame === page.mainFrame()) logDebug(`navegacion: ${frame.url()}`);
   });
-  logDebug(`Abriendo ${url}`);
-  await page.goto(url, { waitUntil: 'domcontentloaded', timeout: 60000 });
-  logDebug('DOM content loaded');
-  await page.waitForFunction(() => document.body && document.body.innerText.length > 50, { timeout: 30000 }).catch(() => {});
-  logDebug('Paso waitForFunction');
-  await page.waitForNetworkIdle({ idleTime: 1200, timeout: 15000 }).catch(() => {});
-  logDebug('Paso waitForNetworkIdle');
-  await new Promise((resolve) => setTimeout(resolve, 1500));
-  logDebug('Pausa final completada');
-
-  const payload = await page.evaluate(() => ({
-    href: location.href,
-    title: document.title,
-    text: document.body?.innerText || '',
-    html: document.documentElement?.outerHTML || '',
-  }));
+  const payload = await ensureUsagePage(page);
 
   const text = stripHtml(payload.text || payload.html);
   logDebug(`Título detectado: ${payload.title}`);