pleumrouter 0.2.2 → 0.3.1

package/src/run.mjs

@@ -2,7 +2,10 @@ import { createInterface } from "node:readline";
 import { existsSync, readFileSync, writeFileSync, mkdirSync } from "node:fs";
 import { join } from "node:path";
 import { V1, requireKey, HISTORY_FILE, SESSIONS_DIR } from "./config.mjs";
-import { fetchModels, formatTable } from "./models.mjs";
+import { fetchModels, formatTable, matchModels } from "./models.mjs";
+import { style, divider } from "./ansi.mjs";
+import { createMarkdownStream } from "./markdown.mjs";
+import { spinner, select } from "./interactive.mjs";
 
 const IMG_EXT = /\.(png|jpe?g|gif|webp|bmp)$/i;
 
@@ -34,7 +37,7 @@ export function buildContent(text, exists = existsSync, read = readFileSync) {
 // 응답 후 한 줄 통계(순수 함수 — 테스트 대상). verbose일 때만 토큰/속도 표시.
 export function formatStats({ cost, usage, ms, tokPerSec, verbose }) {
   const bits = [];
-  if (cost) bits.push(`₩${cost}`);
+  if (cost != null && cost !== "") bits.push(`₩${fmtCost(cost)}`);
   if (verbose && usage) {
     bits.push(`↑${usage.prompt_tokens ?? "?"} ↓${usage.completion_tokens ?? "?"} tok`);
     if (tokPerSec) bits.push(`${tokPerSec.toFixed(1)} tok/s`);
@@ -43,6 +46,16 @@ export function formatStats({ cost, usage, ms, tokPerSec, verbose }) {
   return bits.length ? `  (${bits.join(" · ")})` : "";
 }
 
+// 비용 표시: 숫자면 소수 2자리까지(후행 0 제거), 문자열은 그대로.
+function fmtCost(v) {
+  const n = Number(v);
+  return Number.isFinite(n) ? String(+n.toFixed(2)) : String(v);
+}
+
+function isAbort(e) {
+  return e?.name === "AbortError" || e?.code === "ABORT_ERR";
+}
+
 export async function run(rest) {
   const args = Array.isArray(rest) ? rest : rest == null ? [] : [rest];
   const { verbose, prompt: inlinePrompt, model: argModel } = parseRunArgs(args);
@@ -77,7 +90,7 @@ export async function run(rest) {
     try {
       await streamChat(key, model, messages, { verbose, quiet: true });
     } catch (e) {
-      console.error(`✗ ${e.message}`);
+      console.error(`${style.red("✗")} ${e.message}`);
       process.exit(1);
     }
     process.exit(0);
@@ -86,34 +99,35 @@ export async function run(rest) {
   await repl(key, model, verbose);
 }
 
-async function repl(key, model, verbose) {
+async function repl(key, initialModel, initialVerbose) {
+  let model = initialModel;
   let system = "";
+  let verbose = initialVerbose;
   let messages = [];
-  const rl = createInterface({
-    input: process.stdin,
-    output: process.stdout,
-    prompt: "you> ",
-    history: loadHistory(),
-    historySize: 1000,
-  });
   let multiline = null; // """ 펜스 진행 중이면 누적 배열
-
-  console.log(`PleumRouter · ${model}\n/help 으로 명령, /exit 로 종료. 여러 줄은 """ 로 감싸기.\n`);
-  rl.prompt();
+  let currentAbort = null; // 생성 중이면 AbortController
+  let lastSigint = 0;
+  let pickerActive = false; // /model 셀렉터가 rl을 잠시 닫는 동안 close 핸들러 무시
+  let rl;
 
   const send = async (text) => {
     messages.push({ role: "user", content: buildContent(text) });
     const req = system ? [{ role: "system", content: system }, ...messages] : messages;
+    const ac = new AbortController();
+    currentAbort = ac;
     try {
-      const reply = await streamChat(key, model, req, { verbose });
-      messages.push({ role: "assistant", content: reply });
+      const reply = await streamChat(key, model, req, { verbose, signal: ac.signal });
+      if (reply) messages.push({ role: "assistant", content: reply });
+      else messages.pop(); // 응답 없음(즉시 중단 등) — user 턴 되돌림
     } catch (e) {
-      console.error(`\n✗ ${e.message}`);
+      console.error(`\n${style.red("✗")} ${e.message}`);
       messages.pop(); // 실패한 user 턴 제거
+    } finally {
+      currentAbort = null;
     }
   };
 
-  rl.on("line", async (line) => {
+  const onLine = async (line) => {
     if (multiline !== null) {
       if (line.trim() === '"""') {
         const text = multiline.join("\n");
@@ -164,6 +178,17 @@ async function repl(key, model, verbose) {
           system = s.system ?? "";
           messages = s.messages ?? [];
         },
+        // 화살표 셀렉터는 stdin raw-mode가 필요해 readline과 공존 불가 —
+        // 히스토리를 보존한 채 rl을 닫았다가 선택 후 재생성한다.
+        pickModel: async () => {
+          pickerActive = true;
+          const history = rl.history;
+          rl.close();
+          const picked = await pickModel();
+          makeRl(history);
+          pickerActive = false;
+          return picked;
+        },
       });
       rl.prompt();
       return;
@@ -174,20 +199,57 @@ async function repl(key, model, verbose) {
     }
     await send(text);
     rl.prompt();
-  });
+  };
 
-  rl.on("close", () => {
+  const onClose = () => {
+    if (pickerActive) return;
     saveHistory(rl.history);
-    console.log("\n안녕히 가세요.");
+    console.log(`\n${style.dim("안녕히 가세요.")}`);
     process.exit(0);
-  });
+  };
+
+  // Ctrl+C 인체공학: 생성 중 1회=중단(REPL 유지), idle에선 2초 내 2회=종료.
+  const onSigint = () => {
+    if (currentAbort) {
+      currentAbort.abort();
+      return;
+    }
+    const now = Date.now();
+    if (now - lastSigint < 2000) {
+      rl.close();
+      return;
+    }
+    lastSigint = now;
+    console.log(`\n${style.dim("한 번 더 Ctrl+C 하면 종료 (/exit 도 가능)")}`);
+    rl.prompt();
+  };
+
+  const makeRl = (history) => {
+    rl = createInterface({
+      input: process.stdin,
+      output: process.stdout,
+      prompt: `${style.plum("you")}${style.dim(">")} `,
+      history,
+      historySize: 1000,
+    });
+    rl.on("line", onLine);
+    rl.on("close", onClose);
+    rl.on("SIGINT", onSigint);
+    return rl;
+  };
+
+  makeRl(loadHistory());
+  console.log(`${style.bold(style.plum("PleumRouter"))} ${style.dim("·")} ${model}`);
+  console.log(style.dim('/help 명령 · /exit 종료 · 여러 줄은 """ 감싸기 · 생성 중 Ctrl+C=중단'));
+  console.log(divider());
+  rl.prompt();
 }
 
 const SLASH_HELP = `명령:
   /help, /?           이 도움말
   /clear              대화 컨텍스트 초기화(시스템 프롬프트는 유지)
   /system [텍스트]    시스템 프롬프트 설정(인자 없으면 현재값 표시)
-  /model [id]         세션 유지한 채 모델 전환(인자 없으면 현재 모델)
+  /model [id]         세션 유지한 채 모델 전환(인자 없으면 화살표 선택)
   /models [검색어]    모델 목록 보기
   /save [이름]        현재 세션 저장(기본 last)
   /load [이름]        세션 불러오기
@@ -197,7 +259,7 @@ const SLASH_HELP = `명령:
   이미지: 메시지에 이미지 파일 경로를 그대로 포함(예: 이 그림 설명해줘 ./shot.png)`;
 
 async function handleSlash(text, ctx) {
-  const [cmd, ...rest] = text.slice(1).split(/\s+/);
+  const [cmd] = text.slice(1).split(/\s+/);
   const arg = text.slice(1 + cmd.length).trim();
   switch (cmd) {
     case "help":
@@ -206,12 +268,12 @@ async function handleSlash(text, ctx) {
       break;
     case "clear":
       ctx.clear();
-      console.log("✓ 컨텍스트 초기화");
+      console.log(`${style.green("✓")} 컨텍스트 초기화`);
       break;
     case "system":
       if (arg) {
         ctx.system = arg;
-        console.log("✓ 시스템 프롬프트 설정");
+        console.log(`${style.green("✓")} 시스템 프롬프트 설정`);
       } else {
         console.log(ctx.system ? `현재 시스템 프롬프트:\n${ctx.system}` : "시스템 프롬프트 없음");
       }
@@ -219,7 +281,15 @@ async function handleSlash(text, ctx) {
     case "model":
       if (arg) {
         ctx.model = arg;
-        console.log(`✓ 모델 전환 → ${arg}`);
+        console.log(`${style.green("✓")} 모델 전환 → ${style.plum(arg)}`);
+      } else if (ctx.pickModel) {
+        const picked = await ctx.pickModel();
+        if (picked) {
+          ctx.model = picked;
+          console.log(`${style.green("✓")} 모델 전환 → ${style.plum(picked)}`);
+        } else {
+          console.log(`현재 모델: ${style.plum(ctx.model)}`);
+        }
       } else {
         console.log(`현재 모델: ${ctx.model}\n전환: /model <id>  ·  목록: /models`);
       }
@@ -227,105 +297,147 @@ async function handleSlash(text, ctx) {
     case "models":
       try {
         const models = await fetchModels();
-        const q = arg.toLowerCase();
-        const rows = models.filter(
-          (m) => !q || m.id.toLowerCase().includes(q) || (m.display_name || "").toLowerCase().includes(q),
-        );
+        const rows = matchModels(models, arg);
         console.log(rows.length ? formatTable(rows) : "일치하는 모델 없음");
       } catch (e) {
-        console.error(`✗ ${e.message}`);
+        console.error(`${style.red("✗")} ${e.message}`);
       }
       break;
     case "save":
       try {
         const name = saveSession(arg || "last", ctx.snapshot());
-        console.log(`✓ 세션 저장: ${name}`);
+        console.log(`${style.green("✓")} 세션 저장: ${name}`);
       } catch (e) {
-        console.error(`✗ 저장 실패: ${e.message}`);
+        console.error(`${style.red("✗")} 저장 실패: ${e.message}`);
       }
       break;
     case "load":
       try {
         ctx.restore(loadSession(arg || "last"));
-        console.log(`✓ 세션 불러옴 (모델: ${ctx.model})`);
+        console.log(`${style.green("✓")} 세션 불러옴 (모델: ${ctx.model})`);
       } catch {
-        console.error(`✗ 세션 없음: ${arg || "last"}`);
+        console.error(`${style.red("✗")} 세션 없음: ${arg || "last"}`);
       }
       break;
     case "verbose":
       ctx.verbose = !ctx.verbose;
-      console.log(`✓ 통계 ${ctx.verbose ? "켜짐" : "꺼짐"}`);
+      console.log(`${style.green("✓")} 통계 ${ctx.verbose ? "켜짐" : "꺼짐"}`);
       break;
     default:
       console.log(`알 수 없는 명령: /${cmd}  (/help)`);
   }
 }
 
-async function streamChat(key, model, messages, { verbose = false, quiet = false } = {}) {
+// SSE 스트리밍 채팅. fetchImpl 주입 가능(테스트용 — 네트워크 없이 SSE 파싱 검증).
+// 비용은 마지막 SSE 청크의 cost.krw — 스트리밍 응답엔 X-Cost-Krw 헤더가 없다(백엔드 계약).
+export async function streamChat(key, model, messages, { verbose = false, quiet = false, signal, fetchImpl = fetch } = {}) {
   const t0 = Date.now();
-  const res = await fetch(`${V1}/chat/completions`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json", Authorization: `Bearer ${key}` },
-    body: JSON.stringify({ model, messages, stream: true, stream_options: { include_usage: true } }),
-  });
+  const sp = spinner(`${model} 생각 중…`);
+  let res;
+  try {
+    res = await fetchImpl(`${V1}/chat/completions`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", Authorization: `Bearer ${key}` },
+      body: JSON.stringify({ model, messages, stream: true, stream_options: { include_usage: true } }),
+      signal,
+    });
+  } catch (e) {
+    sp.stop();
+    if (isAbort(e)) {
+      console.error(style.dim("⏹ 중단됨"));
+      return "";
+    }
+    throw e;
+  }
   if (!res.ok) {
+    sp.stop();
     const body = await res.text().catch(() => "");
     throw new Error(`${res.status} ${body.slice(0, 300)}`);
   }
 
-  if (!quiet) process.stdout.write("bot> ");
+  const md = createMarkdownStream({ prefix: quiet ? "" : `${style.plum("bot")}${style.dim(">")} ` });
   let full = "";
   let buf = "";
   let usage = null;
+  let cost = null;
   let firstAt = 0;
+  let aborted = false;
   const decoder = new TextDecoder();
-  for await (const chunk of res.body) {
-    buf += decoder.decode(chunk, { stream: true });
-    const lines = buf.split("\n");
-    buf = lines.pop() ?? "";
-    for (const l of lines) {
-      const s = l.trim();
-      if (!s.startsWith("data:")) continue;
-      const data = s.slice(5).trim();
-      if (data === "[DONE]") continue;
-      try {
-        const j = JSON.parse(data);
-        if (j.usage) usage = j.usage;
-        const delta = j.choices?.[0]?.delta?.content;
-        if (delta) {
-          if (!firstAt) firstAt = Date.now();
-          process.stdout.write(delta);
-          full += delta;
+  try {
+    for await (const chunk of res.body) {
+      buf += decoder.decode(chunk, { stream: true });
+      const lines = buf.split("\n");
+      buf = lines.pop() ?? "";
+      for (const l of lines) {
+        const s = l.trim();
+        if (!s.startsWith("data:")) continue;
+        const data = s.slice(5).trim();
+        if (data === "[DONE]") continue;
+        try {
+          const j = JSON.parse(data);
+          if (j.usage) usage = j.usage;
+          if (j.cost) cost = j.cost; // 마지막 청크 — {usd, krw, fx_rate, markup_rate}
+          const delta = j.choices?.[0]?.delta?.content;
+          if (delta) {
+            if (!firstAt) {
+              firstAt = Date.now();
+              sp.stop();
+            }
+            md.push(delta);
+            full += delta;
+          }
+        } catch {
+          // 부분 청크 — 무시
         }
-      } catch {
-        // 부분 청크 — 무시
       }
     }
+  } catch (e) {
+    if (!isAbort(e)) {
+      sp.stop();
+      throw e;
+    }
+    aborted = true;
   }
-  process.stdout.write("\n");
+  sp.stop();
+  md.finish();
+  if (aborted) console.error(style.dim("⏹ 생성 중단됨 — 부분 응답은 컨텍스트에 유지"));
 
   const ms = Date.now() - t0;
   const genSec = (Date.now() - (firstAt || t0)) / 1000;
   const tokPerSec = usage?.completion_tokens && genSec > 0 ? usage.completion_tokens / genSec : null;
-  const cost = res.headers.get("x-cost-krw");
-  // 파이프 출력(quiet)은 stdout을 깨끗이 — 통계는 verbose일 때만 stderr로.
-  const line = formatStats({ cost: quiet ? null : cost, usage, ms, tokPerSec, verbose });
-  if (line) (quiet ? console.error : console.log)(line);
-  else if (quiet && verbose && cost) console.error(`  (₩${cost})`);
+  const krw = cost?.krw ?? null;
+  // 파이프(quiet)는 stdout을 깨끗이 유지 — 통계는 stderr로. 비용은 터미널(stderr TTY)
+  // 또는 verbose일 때 표시하고, 완전 리다이렉트된 스크립트 실행에선 침묵한다.
+  const showCost = !quiet || verbose || process.stderr.isTTY;
+  const line = formatStats({ cost: showCost ? krw : null, usage, ms, tokPerSec, verbose });
+  if (line) (quiet ? console.error : console.log)(style.dim(line));
   return full;
 }
 
 // ── 인터랙티브 모델 피커 ──────────────────────────────────────────────
-// 번호 선택 + 검색어 좁히기. ponytail: 화살표 raw-mode는 후속(SSH/파이프 엣지케이스 회피).
+// 화살표 셀렉터(raw-mode) 우선, 비TTY 등으로 불가하면 번호 선택 폴백.
 async function pickModel() {
   let models;
   try {
     models = await fetchModels();
   } catch (e) {
-    console.error(`✗ 모델 목록 조회 실패: ${e.message}`);
+    console.error(`${style.red("✗")} 모델 목록 조회 실패: ${e.message}`);
     return null;
   }
   if (!models.length) return null;
+  if (process.stdin.isTTY && process.stdout.isTTY) {
+    return select(models, {
+      message: "모델 선택",
+      formatItem: (m) => `${m.id}${m.display_name ? `  ${style.dim(m.display_name)}` : ""}`,
+      matches: matchModels,
+      limit: 12,
+    }).then((m) => m?.id ?? null);
+  }
+  return pickModelNumbered(models);
+}
+
+// 번호 선택 + 검색어 좁히기 — raw-mode가 안 되는 환경 폴백.
+async function pickModelNumbered(models) {
   const rl = createInterface({ input: process.stdin, output: process.stdout });
   const ask = (q) => new Promise((r) => rl.question(q, r));
   let pool = models;
@@ -340,10 +452,7 @@ async function pickModel() {
       if (!ans) return null;
       const n = Number(ans);
       if (Number.isInteger(n) && n >= 1 && n <= shown.length) return shown[n - 1].id;
-      const q = ans.toLowerCase();
-      const next = models.filter(
-        (m) => m.id.toLowerCase().includes(q) || (m.display_name || "").toLowerCase().includes(q),
-      );
+      const next = matchModels(models, ans);
       pool = next.length ? next : models;
       if (!next.length) console.log("일치 없음 — 전체 목록으로.");
     }

package/src/top.mjs

@@ -0,0 +1,72 @@
+// `pleum top [--period daily|weekly|monthly]` — 공개 리더보드(/v1/stats/rankings).
+// ollama ps의 "지금 뜨는 것" 포지션 — 로컬 프로세스가 아니라 라우터 전체의 핫한 모델.
+
+import { V1 } from "./config.mjs";
+import { style, padDisplay, barChart, divider } from "./ansi.mjs";
+
+export function parseTopArgs(rest = []) {
+  let period = "weekly";
+  for (let i = 0; i < rest.length; i++) {
+    if (rest[i] === "--period" || rest[i] === "-p") period = rest[++i];
+    else if (["daily", "weekly", "monthly"].includes(rest[i])) period = rest[i];
+  }
+  if (!["daily", "weekly", "monthly"].includes(period)) {
+    throw new Error(`period는 daily|weekly|monthly 중 하나: ${period}`);
+  }
+  return { period };
+}
+
+const fmtTok = (n) => {
+  if (n >= 1e9) return `${(n / 1e9).toFixed(1)}B`;
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}K`;
+  return String(n);
+};
+
+// rankings 응답 → 표시 문자열(순수 함수 — fixture 테스트 대상).
+export function renderTop(data, styler = style) {
+  const periodKo = { daily: "일간", weekly: "주간", monthly: "월간" }[data.period] || data.period;
+  const lines = [];
+  lines.push(`${styler.bold(styler.plum("모델 리더보드"))} ${styler.dim(`· ${periodKo} · 토큰 ${fmtTok(data.total_tokens ?? 0)}`)}`);
+  lines.push(divider(undefined, styler));
+
+  const board = data.leaderboard || [];
+  if (!board.length) {
+    lines.push(styler.dim("데이터 없음"));
+  } else {
+    const idW = Math.max(...board.map((r) => r.model.length), 5);
+    for (const r of board) {
+      const trend =
+        r.trend_pct == null
+          ? styler.dim("  new")
+          : r.trend_pct >= 0
+            ? styler.green(`▲${r.trend_pct}%`)
+            : styler.red(`▼${Math.abs(r.trend_pct)}%`);
+      lines.push(
+        `${styler.dim(String(r.rank).padStart(2))}. ${styler.plum(padDisplay(r.model, idW))}  ` +
+          `${padDisplay(fmtTok(r.tokens), 7)} tok  ${padDisplay(String(r.calls), 6)} calls  ${trend}` +
+          styler.dim(`  by ${r.maker}`),
+      );
+    }
+  }
+
+  const share = data.market_share || [];
+  if (share.length) {
+    lines.push("");
+    lines.push(styler.bold("제공자 점유율"));
+    const nameW = Math.max(...share.map((s) => s.provider.length), 8);
+    for (const s of share) {
+      lines.push(
+        `${padDisplay(s.provider, nameW)}  ${styler.plum(barChart(s.share_pct, 100, 24))} ${String(s.share_pct).padStart(5)}%`,
+      );
+    }
+  }
+  return lines.join("\n");
+}
+
+export async function top(rest) {
+  const { period } = parseTopArgs(rest);
+  const res = await fetch(`${V1}/stats/rankings?period=${period}`);
+  if (!res.ok) throw new Error(`리더보드 조회 실패 (${res.status})`);
+  console.log(renderTop(await res.json()));
+}

package/src/usage.mjs

@@ -0,0 +1,69 @@
+// `pleum usage [--by model|provider|api_key|day] [--days N]` — 내 지출 리포트.
+// GET /v1/usage/report (API 키 + usage:read 스코프 — CLI 로그인 키에 기본 동봉).
+
+import { V1, requireKey } from "./config.mjs";
+import { style, padDisplay, barChart, divider } from "./ansi.mjs";
+
+const GROUPS = ["model", "provider", "api_key", "day"];
+
+export function parseUsageArgs(rest = []) {
+  let by = "model";
+  let days = 30;
+  for (let i = 0; i < rest.length; i++) {
+    if (rest[i] === "--by") by = rest[++i];
+    else if (rest[i] === "--days") days = Number(rest[++i]);
+  }
+  if (!GROUPS.includes(by)) throw new Error(`--by 는 ${GROUPS.join("|")} 중 하나: ${by}`);
+  if (!Number.isInteger(days) || days < 1 || days > 365) throw new Error(`--days 는 1~365 정수: ${days}`);
+  return { by, days };
+}
+
+const fmtKrw = (n) => `₩${Math.round(n).toLocaleString("en-US")}`;
+
+// report 응답 → 표시 문자열(순수 함수 — fixture 테스트 대상).
+export function renderUsage(data, styler = style) {
+  const lines = [];
+  const byKo = { model: "모델별", provider: "제공자별", api_key: "키별", day: "일별" }[data.group_by] || data.group_by;
+  lines.push(`${styler.bold(styler.plum("사용량"))} ${styler.dim(`· ${byKo} · 최근 ${data.days}일`)}`);
+  lines.push(divider(undefined, styler));
+  const items = data.items || [];
+  if (!items.length) {
+    lines.push(styler.dim("사용 내역 없음"));
+    return lines.join("\n");
+  }
+  const max = Math.max(...items.map((i) => i.cost_krw), 1);
+  const keyW = Math.max(...items.map((i) => i.key.length), 4);
+  const total = { cost: 0, calls: 0 };
+  for (const it of items) {
+    total.cost += it.cost_krw;
+    total.calls += it.calls;
+    lines.push(
+      `${padDisplay(it.key, keyW)}  ${styler.plum(barChart(it.cost_krw, max, 20))} ${padDisplay(fmtKrw(it.cost_krw), 10)}` +
+        styler.dim(`  ↑${it.input_tokens.toLocaleString("en-US")} ↓${it.output_tokens.toLocaleString("en-US")} tok · ${it.calls} calls`),
+    );
+  }
+  lines.push(divider(undefined, styler));
+  lines.push(`${padDisplay("합계", keyW)}  ${" ".repeat(20)} ${styler.bold(fmtKrw(total.cost))}${styler.dim(`  ${total.calls} calls`)}`);
+  return lines.join("\n");
+}
+
+export async function usage(rest) {
+  const { by, days } = parseUsageArgs(rest);
+  const key = requireKey();
+  const res = await fetch(`${V1}/usage/report?group_by=${by}&days=${days}`, {
+    headers: { Authorization: `Bearer ${key}` },
+  });
+  if (res.status === 403) {
+    // 구버전 로그인 키(usage:read 스코프 없음) — 재로그인으로 새 키를 받으면 해결.
+    console.error(
+      `${style.red("✗")} 이 API 키에는 usage:read 권한이 없습니다.\n` +
+        `  ${style.dim("pleum login 을 다시 실행해 새 키를 발급받으세요 (최신 키에는 기본 포함).")}`,
+    );
+    process.exit(1);
+  }
+  if (!res.ok) {
+    const body = await res.text().catch(() => "");
+    throw new Error(`사용량 조회 실패 (${res.status})${body ? `: ${body.slice(0, 200)}` : ""}`);
+  }
+  console.log(renderUsage(await res.json()));
+}