@dutodev/cli 0.4.2 → 0.4.4

package/README.md

@@ -106,6 +106,8 @@ Com os túneis no ar, o terminal mostra cada túnel (URL, destino local, requisi
 | `tab`, `↑↓` | Alterna entre túneis e requisições e move a seleção |
 | `q` ou Ctrl+C | Fecha os túneis e sai |
 
+Se o túnel está no ar mas nada responde na porta local, quem abrir o endereço no navegador vê uma página do Duto que tenta de novo a cada 3 segundos e volta sozinha quando o serviço sobe. Clientes que não são navegador (`curl`, APIs) recebem a mesma resposta em texto. Em ambos os casos o status é `503` com `Retry-After: 3`.
+
 Fora de um terminal interativo (pipe, CI) ou com `--no-ui`, a CLI imprime um log simples. No Windows a tela cheia vem desligada; use `--ui` para tentar.
 
 ## Comandos

package/dist/index.js

@@ -362,6 +362,52 @@ async function isPortListening(port, timeoutMs = 500) {
 // src/session/proxy.ts
 import { Agent, createServer, request } from "http";
 import { connect as connect2 } from "net";
+
+// src/session/errorPage.ts
+var esc = (s) => s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+function wantsHtml(accept) {
+  return /\btext\/html\b/i.test(accept ?? "");
+}
+function unavailablePage(o) {
+  const tunnel2 = esc(o.tunnel);
+  const local = `localhost:${o.port}`;
+  return `<!doctype html>
+<html lang="pt-BR">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+${o.retry ? '<meta http-equiv="refresh" content="3">\n' : ""}<meta name="robots" content="noindex">
+<title>Nada respondendo em ${local} \xB7 duto</title>
+<style>
+:root{--bg:#f6f6f3;--fg:#0f1110;--muted:#5f6360;--line:#dcddd8;--card:#fff;--signal:#2dd4bf;--signal-text:#0f766e}
+@media (prefers-color-scheme:dark){:root{--bg:#0b0d0c;--fg:#e9ebe7;--muted:#8a8f8b;--line:#222624;--card:#111413;--signal-text:#2dd4bf}}
+*{box-sizing:border-box}
+body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg);color:var(--fg);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
+main{width:100%;max-width:520px;border:1px solid var(--line);border-radius:.3rem;background:var(--card);padding:28px}
+.mark{display:flex;align-items:center;gap:8px;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:var(--muted);margin-bottom:22px}
+.dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--signal)}
+h1{font-size:21px;line-height:1.3;margin:0 0 10px;font-weight:650;letter-spacing:-.01em}
+p{margin:0 0 12px;color:var(--muted)}
+code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fg)}
+h1 code{font-size:.86em;font-weight:600}
+.retry{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
+.retry b{color:var(--signal-text);font-weight:600}
+</style>
+</head>
+<body>
+<main>
+<div class="mark"><span class="dot"></span>duto \xB7 ${tunnel2}</div>
+<h1>Nada respondendo em <code>${local}</code></h1>
+<p>O t\xFAnel <code>${tunnel2}</code> est\xE1 no ar, mas o servi\xE7o local n\xE3o respondeu. Suba o servidor na m\xE1quina que abriu o t\xFAnel.</p>
+<p>Se voc\xEA s\xF3 recebeu este link, avise quem o enviou.</p>
+<div class="retry">${o.retry ? "<b>Tentando de novo a cada 3 s.</b> A p\xE1gina volta sozinha quando o servi\xE7o responder." : "Recarregue a p\xE1gina quando o servi\xE7o estiver no ar."}</div>
+</main>
+</body>
+</html>
+`;
+}
+
+// src/session/proxy.ts
 var TEXT = /^(text\/|application\/(json|xml|javascript|x-www-form-urlencoded|graphql)|[^;]*\+(json|xml))/i;
 var MAX_BODY = 64 * 1024;
 var LOCAL_AGENT = new Agent({ keepAlive: false });
@@ -504,12 +550,13 @@ async function startProxy(o) {
     });
     upstream.on("error", (err) => {
       if (res.destroyed && res.writableFinished === false && !res.headersSent) return;
-      const msg = `Nada escutando em localhost:${route.port}. Suba o servidor e tente de novo.`;
+      const html = wantsHtml(req.headers.accept);
+      const msg = html ? unavailablePage({ tunnel: route.tunnel, port: route.port, retry: req.method === "GET" }) : `Nada escutando em localhost:${route.port}. Suba o servidor e tente de novo.`;
       if (!res.headersSent) {
-        res.writeHead(502, { "content-type": "text/plain; charset=utf-8" });
-        res.end(msg);
+        res.writeHead(503, { "content-type": html ? "text/html; charset=utf-8" : "text/plain; charset=utf-8", "cache-control": "no-store", "retry-after": "3" });
+        res.end(req.method === "HEAD" ? void 0 : msg);
       } else res.destroy();
-      o.store.update(id, { status: 502, durationMs: Date.now() - started, bytes: res.headersSent ? 0 : Buffer.byteLength(msg), error: err.message || err.code || err.name, reqBody: reqCap.text() });
+      o.store.update(id, { status: 503, durationMs: Date.now() - started, bytes: res.headersSent ? 0 : Buffer.byteLength(msg), error: err.message || err.code || err.name, reqBody: reqCap.text() });
     });
     req.on("data", (c) => reqCap.push(c));
     req.pipe(upstream);
@@ -558,7 +605,7 @@ async function startProxy(o) {
       client.pipe(target);
     });
     const fail3 = (err) => {
-      o.store.update(id, { status: 502, durationMs: Date.now() - started, error: err.message });
+      o.store.update(id, { status: 503, durationMs: Date.now() - started, error: err.message });
       client.destroy();
     };
     target.on("error", fail3);
@@ -910,9 +957,9 @@ async function runSession(specs, source, flags) {
   const session = new Session({ api, deviceId: config.deviceId, deviceName: hostname(), cloudflaredPath, source });
   if (wantsUi(flags)) {
     const { runFullscreen } = await import("./fullscreen-5437X7MP.js");
-    process.exit(await runFullscreen(session, specs, "0.4.2"));
+    process.exit(await runFullscreen(session, specs, "0.4.4"));
   }
-  console.log(`${mark()} ${paint("muted", `${"0.4.2"} \xB7 ${source} \xB7 Ctrl+C para encerrar`)}`);
+  console.log(`${mark()} ${paint("muted", `${"0.4.4"} \xB7 ${source} \xB7 Ctrl+C para encerrar`)}`);
   const stopLog = runPlain(session, (l) => console.log(l));
   const stopped = new Promise((resolve) => {
     const onSignal = () => {
@@ -999,7 +1046,7 @@ cli.help(
     body: s.body.replace(/^\s*For more info, run any command with the `--help` flag:/m, "  Mais detalhes de um comando: duto <comando> --help").replace("Display this message", "Mostra esta ajuda").replace("Display version number", "Mostra a vers\xE3o")
   }))
 );
-cli.version("0.4.2");
+cli.version("0.4.4");
 try {
   cli.parse(process.argv, { run: false });
   await cli.runMatchedCommand();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dutodev/cli",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "Exponha uma porta local em https://<nome>-<usuário>.duto.dev com um comando.",
   "license": "MIT",
   "type": "module",