visualizar-rate-limit 0.1.2 → 0.1.3

package/bin/visualizar-r-l

@@ -119,6 +119,9 @@ launch_login() {
     --user-data-dir="$PROFILE_DIR" \
     --remote-debugging-port="$DEBUG_PORT" \
     --remote-allow-origins='*' \
+    --disable-background-timer-throttling \
+    --disable-backgrounding-occluded-windows \
+    --disable-renderer-backgrounding \
     --new-window \
     "$URL" \
     >>"$LOG_FILE" 2>&1 < /dev/null &
@@ -215,11 +218,23 @@ run_once() {
 }
 
 watch_mode() {
+  local first_render=1
+  local frame=""
+  export VRL_FORCE_COLOR=1
+
+  trap 'printf "\033[?25h"' EXIT INT TERM
+
   while true; do
-    clear
-    if ! run_once; then
+    if frame="$(run_once 2>&1)"; then
+      if [[ "$first_render" -eq 1 ]]; then
+        first_render=0
+        printf '\033[?25l\033[2J\033[H%s' "$frame"
+      else
+        printf '\033[H\033[J%s' "$frame"
+      fi
+    else
       exit_code=$?
-      printf '\nReintentando en %ss...\n' "$REFRESH_SECONDS" >&2
+      printf '\033[H\033[J%s\n\nReintentando en %ss...\n' "$frame" "$REFRESH_SECONDS" >&2
       sleep "$REFRESH_SECONDS"
       continue
     fi

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "visualizar-rate-limit",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "TUI para ver el rate limit de Codex desde chatgpt.com/codex/settings/usage",
   "type": "module",
   "bin": {

package/src/fetch-usage.mjs

@@ -5,6 +5,7 @@ import puppeteer from 'puppeteer-core';
 
 const mode = process.argv[2] || 'render';
 const debug = process.argv.includes('--debug') || process.env.VRL_DEBUG === '1';
+const forceColor = process.env.VRL_FORCE_COLOR === '1';
 const url = process.env.VRL_URL || 'https://chatgpt.com/codex/settings/usage';
 const browserPath = process.env.CHROME_BIN;
 const userDataDir = process.env.VRL_PROFILE_DIR;
@@ -97,13 +98,21 @@ function fallbackWindows(text) {
 }
 
 function colorize(percent, value) {
-  if (!process.stdout.isTTY) return value;
+  if (!process.stdout.isTTY && !forceColor) return value;
   if (percent < 20) return `\x1b[31m${value}\x1b[0m`;
   if (percent <= 50) return `\x1b[33m${value}\x1b[0m`;
   return `\x1b[32m${value}\x1b[0m`;
 }
 
-function renderBar(percent, width = 38) {
+function getBarWidth() {
+  if (!process.stdout.isTTY) return 38;
+
+  const columns = process.stdout.columns || 80;
+  const reservedWidth = 24;
+  return clamp(columns - reservedWidth, 10, 60);
+}
+
+function renderBar(percent, width = getBarWidth()) {
   const filled = Math.round((percent / 100) * width);
   const empty = Math.max(0, width - filled);
   const bar = `${'█'.repeat(filled)}${'░'.repeat(empty)}`;
@@ -173,11 +182,13 @@ async function ensureUsagePage(page) {
   const currentUrl = page.url();
 
   if (currentUrl === url) {
+    logDebug('Recargando pestaña de usage para obtener valores frescos');
+    await page.reload({ waitUntil: 'domcontentloaded', timeout: 20000 }).catch(() => null);
+    await page.waitForFunction(() => document.body && document.body.innerText.length > 50, { timeout: 5000 }).catch(() => {});
+    await page.waitForNetworkIdle({ idleTime: 350, timeout: 2500 }).catch(() => {});
+
     const payload = await readPagePayload(page);
-    if (looksUsablePayload(payload)) {
-      logDebug('Reutilizando pestaña existente ya cargada');
-      return payload;
-    }
+    if (looksUsablePayload(payload)) return payload;
   }
 
   logDebug(`Abriendo ${url}`);