@dutodev/cli 0.6.0 → 1.0.0

package/dist/{fullscreen-7P5GBCQX.js → fullscreen-IWZCH3IP.js}

@@ -1,13 +1,18 @@
 #!/usr/bin/env node
 import {
+  C,
+  TRUNCATED_NOTE,
+  bodyNote,
+  fit,
   formatBytes,
   formatDuration,
   formatTime,
   localLabel,
   normalizeName,
   statusColor,
+  tunnelColor,
   validateName
-} from "./chunk-26EQC6HB.js";
+} from "./chunk-BPOXISIM.js";
 
 // src/ui/fullscreen.tsx
 import { render } from "ink";
@@ -18,30 +23,10 @@ import { Box as Box5, Text as Text6, useInput, useStdout } from "ink";
 
 // src/ui/Detail.tsx
 import { Box, Text } from "ink";
-
-// src/ui/theme.ts
-var C = {
-  signal: "#2dd4bf",
-  muted: "#8a8f8b",
-  strong: "#f3f4f1",
-  ok: "#4ade80",
-  warn: "#facc15",
-  err: "#f87171"
-};
-var TUNNEL_COLORS = ["#93c5fd", "#c4b5fd", "#facc15", "#4ade80", "#f9a8d4", "#fdba74", "#67e8f9"];
-function tunnelColor(index) {
-  return TUNNEL_COLORS[index % TUNNEL_COLORS.length];
-}
-function fit(text, width) {
-  if (width <= 0) return "";
-  return text.length > width ? `${text.slice(0, Math.max(0, width - 1))}\u2026` : text.padEnd(width);
-}
-
-// src/ui/Detail.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var MAX_HEADERS = 12;
 var MAX_BODY_LINES = 8;
-function Section({ title, headers, body, truncated }) {
+function Section({ title, headers, body, truncated, note: note2 }) {
   const entries = Object.entries(headers);
   const lines = body ? body.split("\n") : [];
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
@@ -55,13 +40,13 @@ function Section({ title, headers, body, truncated }) {
       v
     ] }, k)),
     entries.length > MAX_HEADERS && /* @__PURE__ */ jsxs(Text, { color: C.muted, children: [
-      "\u2026 mais ",
+      "\u2026 ",
       entries.length - MAX_HEADERS,
-      " cabe\xE7alhos"
+      " more headers"
     ] }),
-    body === null ? /* @__PURE__ */ jsx(Text, { color: C.muted, children: "(corpo bin\xE1rio ou n\xE3o capturado)" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    body === null ? /* @__PURE__ */ jsx(Text, { color: C.muted, children: note2 ?? "" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       lines.slice(0, MAX_BODY_LINES).map((l, i) => /* @__PURE__ */ jsx(Text, { wrap: "truncate-end", children: l }, i)),
-      (lines.length > MAX_BODY_LINES || truncated) && /* @__PURE__ */ jsx(Text, { color: C.muted, children: truncated ? "\u2026 cortado em 64 KB" : "\u2026" })
+      (lines.length > MAX_BODY_LINES || truncated) && /* @__PURE__ */ jsx(Text, { color: C.muted, children: truncated ? TRUNCATED_NOTE : "\u2026" })
     ] })
   ] });
 }
@@ -85,15 +70,15 @@ function Detail({ record }) {
       ] })
     ] }),
     record.replayOf !== void 0 && /* @__PURE__ */ jsxs(Text, { color: C.muted, children: [
-      "\u21BB reenvio de #",
+      "\u21BB replay of #",
       record.replayOf
     ] }),
     record.error && /* @__PURE__ */ jsx(Text, { color: C.err, children: record.error }),
-    /* @__PURE__ */ jsx(Section, { title: "Requisi\xE7\xE3o", headers: record.reqHeaders, body: record.reqBody, truncated: record.reqTruncated }),
-    /* @__PURE__ */ jsx(Section, { title: "Resposta", headers: record.resHeaders, body: record.resBody, truncated: record.resTruncated }),
+    /* @__PURE__ */ jsx(Section, { title: "Request", headers: record.reqHeaders, body: record.reqBody, truncated: record.reqTruncated, note: bodyNote(record, "req") }),
+    /* @__PURE__ */ jsx(Section, { title: "Response", headers: record.resHeaders, body: record.resBody, truncated: record.resTruncated, note: bodyNote(record, "res") }),
     /* @__PURE__ */ jsxs(Text, { color: C.muted, children: [
       "\n",
-      "r reenvia \xB7 esc volta para a lista"
+      "r replay \xB7 esc back to list"
     ] })
   ] });
 }
@@ -116,16 +101,16 @@ import { Box as Box2, Text as Text3 } from "ink";
 
 // src/ui/qr.ts
 import qrcode from "qrcode-generator";
-var MARGEM = 2;
+var MARGIN = 2;
 function qrLines(text) {
   const qr = qrcode(0, "L");
   qr.addData(text);
   qr.make();
   const n = qr.getModuleCount();
-  const size = n + MARGEM * 2;
+  const size = n + MARGIN * 2;
   const dark = (r, c) => {
-    const rr = r - MARGEM;
-    const cc = c - MARGEM;
+    const rr = r - MARGIN;
+    const cc = c - MARGIN;
     return rr >= 0 && cc >= 0 && rr < n && cc < n && qr.isDark(rr, cc);
   };
   const lines = [];
@@ -152,7 +137,7 @@ function QrView({ tunnel, link, now }) {
   const left = link.expiresAt === null ? null : link.expiresAt - now;
   const expired = left !== null && Math.ceil(left / 1e3) <= 0;
   return /* @__PURE__ */ jsxs3(Box2, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx3(Text3, { color: C.muted, children: "Abra no celular" }),
+    /* @__PURE__ */ jsx3(Text3, { color: C.muted, children: "Open on your phone" }),
     /* @__PURE__ */ jsxs3(Box2, { children: [
       /* @__PURE__ */ jsx3(Box2, { flexDirection: "column", marginRight: 3, children: lines.map((l, i) => /* @__PURE__ */ jsx3(Text3, { backgroundColor: "white", color: "black", children: l }, i)) }),
       /* @__PURE__ */ jsxs3(Box2, { flexDirection: "column", children: [
@@ -166,14 +151,14 @@ function QrView({ tunnel, link, now }) {
         ] }),
         left !== null && /* @__PURE__ */ jsxs3(Fragment2, { children: [
           /* @__PURE__ */ jsx3(Text3, { children: " " }),
-          /* @__PURE__ */ jsx3(Text3, { children: "\u{1F512} Este t\xFAnel tem senha." }),
-          /* @__PURE__ */ jsx3(Text3, { color: C.muted, children: "O QR entra direto, sem digitar a senha." }),
-          /* @__PURE__ */ jsx3(Text3, { color: C.muted, children: "Vale por 5 minutos e s\xF3 para um aparelho." }),
+          /* @__PURE__ */ jsx3(Text3, { children: "\u{1F512} This tunnel has a password." }),
+          /* @__PURE__ */ jsx3(Text3, { color: C.muted, children: "The QR signs you in, no password to type." }),
+          /* @__PURE__ */ jsx3(Text3, { color: C.muted, children: "Valid for 5 minutes, one device only." }),
           /* @__PURE__ */ jsx3(Text3, { children: " " }),
-          expired ? /* @__PURE__ */ jsx3(Text3, { color: C.warn, children: "Expirou. Aperte g para gerar outro." }) : /* @__PURE__ */ jsx3(Text3, { color: C.signal, children: `Expira em ${countdown(left)}` })
+          expired ? /* @__PURE__ */ jsx3(Text3, { color: C.warn, children: "Expired. Press g to generate another." }) : /* @__PURE__ */ jsx3(Text3, { color: C.signal, children: `Expires in ${countdown(left)}` })
         ] }),
         /* @__PURE__ */ jsx3(Text3, { children: " " }),
-        /* @__PURE__ */ jsx3(Text3, { color: C.muted, children: left !== null ? "g gerar outro \xB7 esc voltar" : "esc voltar" })
+        /* @__PURE__ */ jsx3(Text3, { color: C.muted, children: left !== null ? "g new code \xB7 esc back" : "esc back" })
       ] })
     ] })
   ] });
@@ -186,7 +171,7 @@ function accessLabel(a) {
   if (!a) return null;
   if (a.kind === "user") return { text: a.user, color: C.muted };
   if (a.kind === "allow") return { text: a.reason, color: C.muted };
-  return { text: "sem senha", color: C.warn };
+  return { text: "no password", color: C.warn };
 }
 function RequestList(props) {
   const { records, selected, focused, height, width } = props;
@@ -194,14 +179,14 @@ function RequestList(props) {
   const visible = records.slice(start, start + height);
   const accessW = Math.max(0, ...visible.map((r) => (accessLabel(r.access)?.text.length ?? -1) + 1));
   const pathW = Math.max(10, width - 54 - accessW);
-  const title = props.filter ? `REQUISI\xC7\xD5ES \xB7 filtro: ${props.filter} ` : "REQUISI\xC7\xD5ES ";
+  const title = props.filter ? `REQUESTS \xB7 filter: ${props.filter} ` : "REQUESTS ";
   return /* @__PURE__ */ jsxs4(Box3, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx4(Text4, { color: C.muted, children: title + "\u2500".repeat(Math.max(0, width - title.length)) }),
-    records.length === 0 ? /* @__PURE__ */ jsx4(Text4, { color: C.muted, children: props.filter ? "Nenhuma requisi\xE7\xE3o com esse filtro." : "Nenhuma requisi\xE7\xE3o ainda. Elas aparecem aqui assim que chegarem." }) : visible.map((r, i) => {
+    records.length === 0 ? /* @__PURE__ */ jsx4(Text4, { color: C.muted, children: props.filter ? "No requests match that filter." : "No requests yet. They show up here as they arrive." }) : visible.map((r, i) => {
       const sel = focused && start + i === selected;
       const method = r.websocket ? "WS" : r.method;
       const status = r.status === null ? "\u2026" : String(r.status);
-      const tail = r.websocket && r.status === 101 ? "aberto" : r.durationMs === null ? "" : formatDuration(r.durationMs);
+      const tail = r.websocket && r.status === 101 ? "open" : r.durationMs === null ? "" : formatDuration(r.durationMs);
       const acc = accessLabel(r.access);
       return /* @__PURE__ */ jsxs4(Text4, { inverse: sel, wrap: "truncate-end", children: [
         /* @__PURE__ */ jsx4(Text4, { color: C.muted, children: formatTime(r.startedAt) }),
@@ -227,10 +212,10 @@ function RequestList(props) {
 import { Box as Box4, Text as Text5 } from "ink";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function note(t) {
-  if (t.status === "failed") return { text: t.error ?? "falhou", color: C.err };
-  if (t.status === "no-listener") return { text: `nada escutando na ${t.port}`, color: C.warn };
-  if (t.status === "opening") return { text: "abrindo\u2026", color: C.muted };
-  if (t.adHoc) return { text: "s\xF3 nesta sess\xE3o", color: C.muted };
+  if (t.status === "failed") return { text: t.error ?? "failed", color: C.err };
+  if (t.status === "no-listener") return { text: `nothing on port ${t.port}`, color: C.warn };
+  if (t.status === "opening") return { text: "opening\u2026", color: C.muted };
+  if (t.adHoc) return { text: "this session only", color: C.muted };
   return null;
 }
 function dot(t) {
@@ -248,7 +233,7 @@ function TunnelTable({ tunnels, selected, focused }) {
   return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs5(Text5, { color: C.muted, children: [
       "  ",
-      fit("T\xDANEL", nameW),
+      fit("TUNNEL", nameW),
       " ",
       fit("URL", urlW),
       anyAuth ? "  " : "",
@@ -257,7 +242,7 @@ function TunnelTable({ tunnels, selected, focused }) {
       " ",
       "REQ".padStart(4),
       " ",
-      "ERROS".padStart(5)
+      "ERR".padStart(5)
     ] }),
     tunnels.map((t, i) => {
       const d = dot(t);
@@ -288,16 +273,17 @@ function TunnelTable({ tunnels, selected, focused }) {
 // src/ui/App.tsx
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var KEYS = [
-  ["n", "novo t\xFAnel"],
-  ["c", "copiar URL"],
-  ["o", "abrir no navegador"],
-  ["m", "QR no celular"],
-  ["f", "filtrar"],
-  ["\u21B5", "detalhes"],
-  ["tab", "foco"],
-  ["q", "sair"]
+  ["n", "new tunnel"],
+  ["c", "copy URL"],
+  ["o", "open in browser"],
+  ["i", "inspector"],
+  ["m", "QR for phone"],
+  ["f", "filter"],
+  ["\u21B5", "details"],
+  ["tab", "focus"],
+  ["q", "quit"]
 ];
-function App({ session, version, system, onExit }) {
+function App({ session, version, system, onExit, inspector = null, inspectorError }) {
   const subState = useCallback((fn) => session.subscribe(fn), [session]);
   const subRecords = useCallback((fn) => session.records.subscribe(fn), [session]);
   const state = useSyncExternalStore(subState, () => session.getState());
@@ -310,7 +296,7 @@ function App({ session, version, system, onExit }) {
   const [focus, setFocus] = useState("requests");
   const [selReq, setSelReq] = useState(0);
   const [selTun, setSelTun] = useState(0);
-  const [message, setMessage] = useState(null);
+  const [message, setMessage] = useState(inspectorError ? { text: `Inspector failed to start: ${inspectorError}`, tone: "warn" } : null);
   const [now, setNow] = useState(() => Date.now());
   const quitting = useRef(false);
   const records = useMemo(() => {
@@ -346,31 +332,36 @@ function App({ session, version, system, onExit }) {
   async function quit() {
     if (quitting.current) return;
     quitting.current = true;
-    setMessage({ text: "Encerrando os t\xFAneis\u2026", tone: "muted" });
+    setMessage({ text: "Closing tunnels\u2026", tone: "muted" });
     await session.stop();
     onExit();
   }
+  async function openInspector() {
+    if (!inspector) return setMessage({ text: "Inspector is off (--no-inspect).", tone: "warn" });
+    const ok = await system.open(inspector.openUrl);
+    setMessage(ok ? { text: "Opening the inspector", tone: "signal" } : { text: "Could not open the browser.", tone: "warn" });
+  }
   async function act(kind) {
     const t = currentTunnel();
-    if (!t?.url) return setMessage({ text: "Esse t\xFAnel ainda n\xE3o tem URL.", tone: "warn" });
+    if (!t?.url) return setMessage({ text: "That tunnel has no URL yet.", tone: "warn" });
     if (kind === "copy") {
       const ok = await system.copy(t.url);
-      setMessage(ok ? { text: `URL copiada: ${t.url}`, tone: "signal" } : { text: "N\xE3o consegui copiar \u2014 selecione a URL na tabela", tone: "warn" });
+      setMessage(ok ? { text: `URL copied: ${t.url}`, tone: "signal" } : { text: "Could not copy \u2014 select the URL in the table", tone: "warn" });
     } else {
       const ok = await system.open(t.url);
-      setMessage(ok ? { text: `Abrindo ${t.url}`, tone: "signal" } : { text: "N\xE3o consegui abrir o navegador", tone: "warn" });
+      setMessage(ok ? { text: `Opening ${t.url}`, tone: "signal" } : { text: "Could not open the browser", tone: "warn" });
     }
   }
   function showQr() {
     const t = currentTunnel();
     const link = t ? session.qrLink(t.key) : null;
-    if (!t || !link) return setMessage({ text: "Esse t\xFAnel ainda n\xE3o tem URL.", tone: "warn" });
+    if (!t || !link) return setMessage({ text: "That tunnel has no URL yet.", tone: "warn" });
     setNow(Date.now());
     setMode({ kind: "qr", key: t.key, link });
   }
   function submitPort(value) {
     const port = Number(value.trim());
-    if (!Number.isInteger(port) || port < 1 || port > 65535) return setMessage({ text: `Porta inv\xE1lida: ${value || "(vazia)"} (use 1\u201365535)`, tone: "err" });
+    if (!Number.isInteger(port) || port < 1 || port > 65535) return setMessage({ text: `Invalid port: ${value || "(empty)"} (use 1\u201365535)`, tone: "err" });
     setMode({ kind: "name", value: "", port });
   }
   function submitName(value, port) {
@@ -378,12 +369,12 @@ function App({ session, version, system, onExit }) {
     const name = raw ? normalizeName(raw) : null;
     if (name !== null) {
       const v = validateName(name);
-      if (!v.ok) return setMessage({ text: v.reason === "reserved" ? `Nome reservado: "${raw}"` : "Nome inv\xE1lido: use s\xF3 letras min\xFAsculas e n\xFAmeros (sem h\xEDfen)", tone: "err" });
+      if (!v.ok) return setMessage({ text: v.reason === "reserved" ? `Reserved name: "${raw}"` : "Invalid name: use lowercase letters and numbers only (no hyphens)", tone: "err" });
     }
     setMode({ kind: "list" });
     void session.add({ name, port });
     setMessage(
-      name ? { text: `Para manter, adicione ao duto.yml: ${name}: ${port}`, tone: "muted" } : { text: `Abrindo localhost:${port} s\xF3 nesta sess\xE3o`, tone: "muted" }
+      name ? { text: `To keep it, add to duto.yml: ${name}: ${port}`, tone: "muted" } : { text: `Opening localhost:${port} for this session only`, tone: "muted" }
     );
   }
   useInput((input, key) => {
@@ -436,13 +427,14 @@ function App({ session, version, system, onExit }) {
     if (key.escape && filter) return setFilter("");
     if (input === "c") return void act("copy");
     if (input === "o") return void act("open");
+    if (input === "i") return void openInspector();
     if (input === "m") return showQr();
     if (input === "f") return setMode({ kind: "filter", value: filter });
     if (input === "n") return setMode({ kind: "port", value: "" });
   });
   const live = state.tunnels.filter((t) => t.status === "live").length;
-  const conn = state.connection === "online" ? { text: "conectado \u25CF", color: C.signal } : state.connection === "connecting" ? { text: "conectando\u2026", color: C.muted } : { text: "reconectando\u2026", color: C.warn };
-  const listHeight = Math.max(3, rows - state.tunnels.length - 9);
+  const conn = state.connection === "online" ? { text: "connected \u25CF", color: C.signal } : state.connection === "connecting" ? { text: "connecting\u2026", color: C.muted } : { text: "reconnecting\u2026", color: C.warn };
+  const listHeight = Math.max(3, rows - state.tunnels.length - (inspector ? 10 : 9));
   const detailRecord = mode.kind === "detail" ? all.find((r) => r.id === mode.id) : void 0;
   const qrTunnel = mode.kind === "qr" ? state.tunnels.find((t) => t.key === mode.key) : void 0;
   return /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", width, children: [
@@ -462,19 +454,20 @@ function App({ session, version, system, onExit }) {
           live,
           "/",
           state.tunnels.length,
-          " no ar"
+          " live"
         ] })
       ] }),
       /* @__PURE__ */ jsx6(Text6, { color: conn.color, children: conn.text })
     ] }),
     /* @__PURE__ */ jsx6(Text6, { children: " " }),
     /* @__PURE__ */ jsx6(TunnelTable, { tunnels: state.tunnels, selected: selTun, focused: focus === "tunnels" }),
+    inspector && /* @__PURE__ */ jsx6(Text6, { color: C.muted, children: `inspector  ${inspector.url}` }),
     /* @__PURE__ */ jsx6(Text6, { children: " " }),
     mode.kind === "detail" && detailRecord ? /* @__PURE__ */ jsx6(Detail, { record: detailRecord }) : mode.kind === "qr" && qrTunnel ? /* @__PURE__ */ jsx6(QrView, { tunnel: qrTunnel, link: mode.link, now }) : /* @__PURE__ */ jsx6(RequestList, { records, tunnelIndex, selected: selReq, focused: focus === "requests", height: listHeight, width, filter }),
     /* @__PURE__ */ jsx6(Text6, { children: " " }),
-    mode.kind === "filter" && /* @__PURE__ */ jsx6(Prompt, { label: "Filtrar (t\xFAnel, m\xE9todo, caminho ou status):", value: mode.value, hint: "\u21B5 aplica \xB7 esc cancela" }),
-    mode.kind === "port" && /* @__PURE__ */ jsx6(Prompt, { label: "Novo t\xFAnel \u2014 porta local:", value: mode.value, hint: "\u21B5 continua \xB7 esc cancela" }),
-    mode.kind === "name" && /* @__PURE__ */ jsx6(Prompt, { label: `Nome para localhost:${mode.port} (opcional):`, value: mode.value, hint: "\u21B5 abre \xB7 esc cancela" }),
+    mode.kind === "filter" && /* @__PURE__ */ jsx6(Prompt, { label: "Filter (tunnel, method, path or status):", value: mode.value, hint: "\u21B5 apply \xB7 esc cancel" }),
+    mode.kind === "port" && /* @__PURE__ */ jsx6(Prompt, { label: "New tunnel \u2014 local port:", value: mode.value, hint: "\u21B5 continue \xB7 esc cancel" }),
+    mode.kind === "name" && /* @__PURE__ */ jsx6(Prompt, { label: `Name for localhost:${mode.port} (optional):`, value: mode.value, hint: "\u21B5 open \xB7 esc cancel" }),
     mode.kind !== "filter" && mode.kind !== "port" && mode.kind !== "name" && /* @__PURE__ */ jsx6(Text6, { color: message ? C[message.tone] : C.muted, children: message?.text ?? " " }),
     /* @__PURE__ */ jsx6(Text6, { wrap: "truncate-end", children: KEYS.map(([k, label]) => /* @__PURE__ */ jsxs6(Text6, { children: [
       /* @__PURE__ */ jsx6(Text6, { inverse: true, color: C.signal, children: ` ${k} ` }),
@@ -554,7 +547,7 @@ var realSystem = {
 
 // src/ui/fullscreen.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-function runFullscreen(session, specs, version) {
+function runFullscreen(session, specs, version, inspector, inspectorError) {
   return withFullscreen(
     process.stdout,
     (signal) => new Promise((resolve) => {
@@ -565,7 +558,7 @@ function runFullscreen(session, specs, version) {
         app.unmount();
         resolve(code);
       };
-      const app = render(/* @__PURE__ */ jsx7(App, { session, version, system: realSystem, onExit: () => finish(0) }), { exitOnCtrlC: false });
+      const app = render(/* @__PURE__ */ jsx7(App, { session, version, system: realSystem, inspector, inspectorError, onExit: () => finish(0) }), { exitOnCtrlC: false });
       signal.addEventListener("abort", () => void session.stop().then(() => finish(0)), { once: true });
       session.start(specs).catch(() => void 0);
     })