naro-mcp 0.6.0 → 0.6.1

package/dist/index.js

@@ -108,8 +108,149 @@ function controlPlaneUrl(env = process.env) {
 
 // ../../packages/sdk/src/callback-server.ts
 import { createServer } from "http";
-var DONE_HTML = "<html><body><p>\u2705 Logged in. You can close this tab and return to the terminal.</p></body></html>";
-var FAIL_HTML = "<html><body><p>Login failed. You can close this tab and return to the terminal.</p></body></html>";
+
+// ../../packages/sdk/src/callback-page.ts
+function escapeHtml(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+var FAVICON = `data:image/svg+xml,${encodeURIComponent(
+  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="8" fill="#ededed"/><text x="16" y="23" text-anchor="middle" fill="#000" font-family="system-ui,sans-serif" font-size="20" font-weight="700">n</text></svg>'
+)}`;
+var CHECK_ICON = '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12.5 10 17.5 19 7.5" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+var CROSS_ICON = '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M7 7 17 17M17 7 7 17" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+var STYLES = `
+  *{box-sizing:border-box}
+  :root{
+    --bg:#000;--surface:#0a0a0a;--surface-2:#111;--border:#232323;
+    --text:#ededed;--muted:#a1a1a1;--faint:#6f6f6f;
+    --sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
+    --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
+  }
+  html{color-scheme:dark;-webkit-font-smoothing:antialiased}
+  body{
+    margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;
+    background:var(--bg);color:var(--text);font-family:var(--sans);
+    font-size:14px;line-height:1.5;letter-spacing:-.006em;
+  }
+  body::before{
+    content:"";position:fixed;inset:0;pointer-events:none;
+    background:radial-gradient(62% 46% at 50% 0%,var(--glow),transparent 72%);
+  }
+  .card{
+    position:relative;width:100%;max-width:400px;padding:34px 32px 28px;
+    background:var(--surface);border:1px solid var(--border);border-radius:14px;
+    text-align:center;animation:rise .4s cubic-bezier(.2,.7,.3,1) both;
+  }
+  .brand{
+    display:inline-flex;align-items:center;gap:8px;
+    font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--muted);
+  }
+  .brand-mark{
+    display:inline-grid;width:22px;height:22px;place-items:center;
+    background:var(--text);color:#000;border-radius:6px;
+    font-size:12px;font-weight:700;line-height:1;
+  }
+  .glyph{
+    width:52px;height:52px;margin:26px auto 20px;display:grid;place-items:center;
+    border-radius:50%;color:var(--tone);
+    background:var(--tone-soft);border:1px solid var(--tone-edge);
+  }
+  .glyph svg{width:26px;height:26px}
+  .glyph path{stroke-dasharray:32;stroke-dashoffset:32;animation:draw .5s .15s cubic-bezier(.2,.7,.3,1) forwards}
+  h1{margin:0 0 8px;font-size:19px;font-weight:600;letter-spacing:-.02em}
+  p{margin:0 auto;max-width:32ch;color:var(--muted)}
+  .detail{
+    margin-top:18px;padding:10px 12px;text-align:left;word-break:break-word;
+    background:var(--surface-2);border:1px solid var(--border);border-radius:8px;
+    font-family:var(--mono);font-size:12.5px;color:var(--muted);
+  }
+  .hint{
+    display:flex;align-items:center;gap:10px;margin-top:22px;padding:10px 12px;
+    background:var(--surface-2);border:1px solid var(--border);border-radius:8px;text-align:left;
+  }
+  .hint-label{
+    flex:none;font-size:10px;font-weight:600;letter-spacing:.09em;color:var(--faint);
+  }
+  .hint code{font-family:var(--mono);font-size:13px;color:var(--text)}
+  .hint code::before{content:"$ ";color:var(--faint)}
+  footer{margin-top:20px;font-size:12.5px;color:var(--faint)}
+  @keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
+  @keyframes draw{to{stroke-dashoffset:0}}
+  @media (prefers-reduced-motion:reduce){
+    .card{animation:none}
+    .glyph path{animation:none;stroke-dashoffset:0}
+  }
+`;
+var TONES = {
+  success: {
+    color: "#4ade80",
+    soft: "rgba(74,222,128,.12)",
+    edge: "rgba(74,222,128,.3)",
+    glow: "rgba(74,222,128,.09)",
+    icon: CHECK_ICON
+  },
+  failure: {
+    color: "#ff5c5c",
+    soft: "rgba(255,92,92,.12)",
+    edge: "rgba(255,92,92,.3)",
+    glow: "rgba(255,92,92,.09)",
+    icon: CROSS_ICON
+  }
+};
+function page(options) {
+  const tone = TONES[options.tone];
+  const title = escapeHtml(options.title);
+  const detail = options.detail ? `<div class="detail">${escapeHtml(options.detail)}</div>` : "";
+  return `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>${title} \xB7 naro</title>
+<link rel="icon" href="${FAVICON}">
+<style>:root{--tone:${tone.color};--tone-soft:${tone.soft};--tone-edge:${tone.edge};--glow:${tone.glow}}${STYLES}</style>
+</head>
+<body>
+<main class="card">
+  <span class="brand"><span class="brand-mark">n</span>naro</span>
+  <div class="glyph">${tone.icon}</div>
+  <h1>${title}</h1>
+  <p>${escapeHtml(options.message)}</p>
+  ${detail}
+  <div class="hint">
+    <span class="hint-label">${escapeHtml(options.hint.label)}</span>
+    <code>${escapeHtml(options.hint.command)}</code>
+  </div>
+  <footer>You can close this tab.</footer>
+</main>
+</body>
+</html>`;
+}
+function successPage() {
+  return page({
+    tone: "success",
+    title: "You're signed in",
+    message: "The CLI saved your session. Head back to the terminal to keep going.",
+    hint: { label: "NEXT", command: "naro deploy" }
+  });
+}
+function failurePage(reason) {
+  return page({
+    tone: "failure",
+    title: "Sign-in failed",
+    message: "Nothing was saved. Return to the terminal and try again.",
+    detail: reason,
+    hint: { label: "RETRY", command: "naro login" }
+  });
+}
+
+// ../../packages/sdk/src/callback-server.ts
+function sendPage(res, status, html) {
+  res.statusCode = status;
+  res.setHeader("content-type", "text/html; charset=utf-8");
+  res.setHeader("cache-control", "no-store");
+  res.end(html);
+}
 async function startCallbackServer() {
   let resolveCode;
   let rejectCode;
@@ -127,18 +268,20 @@ async function startCallbackServer() {
     const error51 = url2.searchParams.get("error");
     const code = url2.searchParams.get("code");
     if (error51) {
-      res.setHeader("content-type", "text/html");
-      res.end(FAIL_HTML);
+      const description = url2.searchParams.get("error_description");
+      sendPage(res, 200, failurePage(description ?? error51));
       rejectCode(new Error(`GitHub authorization failed: ${error51}`));
       return;
     }
     if (!code) {
-      res.statusCode = 400;
-      res.end("Missing code");
+      sendPage(
+        res,
+        400,
+        failurePage("The callback carried no authorization code.")
+      );
       return;
     }
-    res.setHeader("content-type", "text/html");
-    res.end(DONE_HTML);
+    sendPage(res, 200, successPage());
     resolveCode(code);
   });
   await new Promise((resolve) => server.listen(0, "127.0.0.1", resolve));
@@ -16059,7 +16202,7 @@ function toolErrorJson(error51) {
 // src/server.ts
 function createServer2(deps) {
   const server = new Server(
-    { name: "naro", version: "0.6.0" },
+    { name: "naro", version: "0.6.1" },
     { capabilities: { tools: {} } }
   );
   server.setRequestHandler(ListToolsRequestSchema, () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naro-mcp",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "type": "module",
   "bin": {
     "naro-mcp": "./dist/index.js"
@@ -15,15 +15,15 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.0.0",
     "@supabase/supabase-js": "2.112.3",
-    "naro-cli": "0.6.0"
+    "naro-cli": "0.6.1"
   },
   "devDependencies": {
     "tsup": "8.5.0",
     "tsx": "4.23.12",
     "typescript": "7.0.2",
     "vitest": "3.2.7",
-    "@next-deploy/sdk": "0.1.0",
-    "@next-deploy/config": "0.1.0"
+    "@next-deploy/config": "0.1.0",
+    "@next-deploy/sdk": "0.1.0"
   },
   "scripts": {
     "build": "tsup",