taskair-cli 1.0.4 → 1.0.5

package/dist/index.js

@@ -383,9 +383,14 @@ function ConfigUI({ initialApiUrl }) {
                   <title>TaskAir CLI Authenticated</title>
                   <style>
                     body {
-                      background: #0D0D11;
+                      background: 
+                        radial-gradient(ellipse 80% 60% at 50% -20%, rgba(123, 97, 255, 0.15) 0%, transparent 70%),
+                        radial-gradient(ellipse 60% 50% at 80% 20%, rgba(0, 112, 243, 0.12) 0%, transparent 60%),
+                        radial-gradient(ellipse 50% 40% at 20% 30%, rgba(0, 223, 216, 0.1) 0%, transparent 60%),
+                        radial-gradient(ellipse 70% 40% at 60% 60%, rgba(235, 54, 127, 0.08) 0%, transparent 70%),
+                        #0D0D11;
                       color: #FFFFFF;
-                      font-family: -apple-system, BlinkMacSystemFont, sans-serif;
+                      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
                       display: flex;
                       align-items: center;
                       justify-content: center;
@@ -393,28 +398,120 @@ function ConfigUI({ initialApiUrl }) {
                       margin: 0;
                     }
                     .card {
-                      background: #13131A;
-                      border: 1px solid #23232F;
-                      border-radius: 12px;
+                      background: rgba(19, 19, 26, 0.8);
+                      backdrop-filter: blur(12px);
+                      -webkit-backdrop-filter: blur(12px);
+                      border: 1px solid rgba(255, 255, 255, 0.08);
+                      border-radius: 16px;
                       padding: 40px;
                       text-align: center;
-                      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
+                      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
                       max-width: 400px;
                       width: 100%;
+                      animation: fadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
                     }
-                    h1 {
+                    .logo-container {
+                      background: #0D0D11;
+                      border: 1px solid #1F1F2E;
+                      border-radius: 8px;
+                      padding: 8px 16px;
+                      display: inline-flex;
+                      align-items: center;
+                      justify-content: center;
+                      margin-bottom: 24px;
+                      animation: pulseRing 2s infinite ease-in-out;
+                    }
+                    .text-logo {
+                      display: inline-flex;
+                      align-items: center;
+                      gap: 6px;
+                      text-decoration: none !important;
+                      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+                      font-size: 16px;
+                      font-weight: 600;
+                      letter-spacing: -0.5px;
+                      color: #FFFFFF;
+                      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+                      flex-shrink: 0;
+                    }
+                    .text-logo-brand {
+                      transition: letter-spacing 0.3s ease, color 0.3s ease;
+                    }
+                    .text-logo-accent {
+                      background: linear-gradient(135deg, #7B61FF, #0070f3);
+                      -webkit-background-clip: text;
+                      -webkit-text-fill-color: transparent;
+                    }
+                    .text-logo-spark {
                       color: #7B61FF;
-                      margin-top: 0;
-                      font-size: 24px;
+                      font-size: 11px;
+                      opacity: 0.7;
+                      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, color 0.3s ease;
+                    }
+                    .text-logo:hover {
+                      opacity: 0.95;
+                    }
+                    .text-logo:hover .text-logo-brand {
+                      letter-spacing: 0.3px;
+                    }
+                    .text-logo:hover .text-logo-spark {
+                      transform: scale(1.3) rotate(180deg);
+                      opacity: 1;
+                      color: #00dfd8;
+                    }
+                    .success-badge {
+                      display: inline-flex;
+                      align-items: center;
+                      gap: 6px;
+                      background: rgba(16, 185, 129, 0.1);
+                      color: #10B981;
+                      border: 1px solid rgba(16, 185, 129, 0.2);
+                      padding: 6px 14px;
+                      border-radius: 99px;
+                      font-size: 13px;
+                      font-weight: 500;
+                      margin-bottom: 20px;
+                    }
+                    h1 {
+                      color: #FFFFFF;
+                      margin: 0 0 12px 0;
+                      font-size: 22px;
+                      font-weight: 600;
+                      letter-spacing: -0.5px;
                     }
                     p {
                       color: #A1A1B5;
                       font-size: 14px;
+                      line-height: 1.6;
+                      margin: 0;
+                    }
+                    @keyframes fadeUp {
+                      from { opacity: 0; transform: translateY(20px); }
+                      to { opacity: 1; transform: translateY(0); }
+                    }
+                    @keyframes pulseRing {
+                      0% { transform: scale(1); box-shadow: 0 4px 14px rgba(123, 97, 255, 0.15); }
+                      50% { transform: scale(1.03); box-shadow: 0 6px 20px rgba(123, 97, 255, 0.35); }
+                      100% { transform: scale(1); box-shadow: 0 4px 14px rgba(123, 97, 255, 0.15); }
                     }
                   </style>
                 </head>
                 <body>
                   <div class="card">
+                    <div class="logo-container">
+                      <a href="#" class="text-logo">
+                        <span class="text-logo-brand" style="color: #FFFFFF;">Task<span class="text-logo-accent">Air</span></span>
+                        <span class="text-logo-spark">\u2726</span>
+                      </a>
+                    </div>
+                    <div>
+                      <div class="success-badge">
+                        <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24" style="margin-top: 1px;">
+                          <polyline points="20 6 9 17 4 12"/>
+                        </svg>
+                        <span>CLI Connected</span>
+                      </div>
+                    </div>
                     <h1>Authenticated Successfully</h1>
                     <p>You can close this tab and return to your terminal.</p>
                   </div>
@@ -1775,14 +1872,113 @@ function registerExport(program2) {
   });
 }
 
+// src/commands/upgrade.tsx
+import React15, { useState as useState12, useEffect as useEffect13 } from "react";
+import { Box as Box16, Text as Text16 } from "ink";
+import { exec as exec2 } from "child_process";
+
+// src/lib/version.ts
+var CLI_VERSION = "1.0.5";
+
+// src/commands/upgrade.tsx
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+function isOutdated(current, latest) {
+  const cParts = current.split(".").map(Number);
+  const lParts = latest.split(".").map(Number);
+  for (let i = 0; i < 3; i++) {
+    const c = cParts[i] ?? 0;
+    const l = lParts[i] ?? 0;
+    if (l > c) return true;
+    if (c > l) return false;
+  }
+  return false;
+}
+function UpgradeUI() {
+  const [status, setStatus] = useState12("checking");
+  const [latestVersion, setLatestVersion] = useState12("");
+  const [errorMsg, setErrorMsg] = useState12("");
+  useEffect13(() => {
+    async function checkAndUpgrade() {
+      try {
+        const res = await fetch("https://registry.npmjs.org/taskair-cli/latest", {
+          signal: AbortSignal.timeout(5e3)
+          // 5s timeout
+        });
+        if (!res.ok) {
+          throw new Error(`Failed to fetch latest version from npm registry. Status: ${res.status}`);
+        }
+        const data = await res.json();
+        const latest = data.version || "1.0.4";
+        setLatestVersion(latest);
+        if (isOutdated(CLI_VERSION, latest)) {
+          setStatus("upgrading");
+          exec2("npm install -g taskair-cli", (error, stdout, stderr) => {
+            if (error) {
+              setErrorMsg(error.message || stderr || "Failed to install update");
+              setStatus("error");
+            } else {
+              setStatus("success");
+            }
+          });
+        } else {
+          setStatus("up-to-date");
+        }
+      } catch (err) {
+        setErrorMsg(err.message || "Network error checking for updates.");
+        setStatus("error");
+      }
+    }
+    checkAndUpgrade();
+  }, []);
+  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx16(MiniHeader, {}),
+    /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", borderStyle: "round", borderColor: "#7B61FF", paddingX: 2, paddingY: 1, marginTop: 1, children: [
+      /* @__PURE__ */ jsx16(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "cyan", bold: true, children: "\u2726 TaskAir Upgrade" }) }),
+      status === "checking" && /* @__PURE__ */ jsx16(Spinner, { label: `Checking npm registry for updates... (Current: v${CLI_VERSION})`, type: "orbit" }),
+      status === "upgrading" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs16(Text16, { color: "yellow", bold: true, children: [
+          "\u2726 New version detected: v",
+          CLI_VERSION,
+          " \u2192 v",
+          latestVersion
+        ] }),
+        /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Spinner, { label: "Upgrading globally via npm install -g taskair-cli...", type: "star", color: "yellow" }) })
+      ] }),
+      status === "success" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx16(StatusBadge, { type: "success", message: `TaskAir CLI successfully upgraded to v${latestVersion}!` }),
+        /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "You are now running the latest space-grade build." }) })
+      ] }),
+      status === "up-to-date" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx16(StatusBadge, { type: "success", message: `TaskAir CLI is already up to date (v${CLI_VERSION}).` }),
+        /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "No upgrade required at this time. Blast off! \u{1F680}" }) })
+      ] }),
+      status === "error" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx16(StatusBadge, { type: "error", message: `Upgrade failed: ${errorMsg}` }),
+        /* @__PURE__ */ jsxs16(Box16, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "You can try upgrading manually by running:" }),
+          /* @__PURE__ */ jsx16(Text16, { color: "cyan", bold: true, children: "  npm install -g taskair-cli" }),
+          /* @__PURE__ */ jsx16(Text16, { color: "gray", marginTop: 1, children: "If permission errors occur, run with administrative rights (sudo)." })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function registerUpgrade(program2) {
+  program2.command("upgrade").description("Upgrade TaskAir CLI to the latest version").action(async () => {
+    const { render } = await import("ink");
+    render(React15.createElement(UpgradeUI));
+  });
+}
+
 // src/index.ts
 program.name("taskair").description(
   "\u2726 Space-themed task management with E2E encryption \xB7 AI-native \xB7 Privacy-first"
-).version("1.0.4", "-v, --version", "Output the current version").helpOption("-h, --help", "Display help information");
+).version(CLI_VERSION, "-v, --version", "Output the current version").helpOption("-h, --help", "Display help information");
 registerConfig(program);
 registerLogin(program);
 registerLogout(program);
 registerWhoami(program);
+registerUpgrade(program);
 registerAdd(program);
 registerList(program);
 registerDone(program);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taskair-cli",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Space-themed, privacy-first task management CLI with E2E encryption",
   "type": "module",
   "bin": {