clawcontrol 0.2.1 → 0.2.2

package/bin/clawcontrol.js

@@ -8,32 +8,96 @@ import { execFileSync } from "node:child_process";
 import { createRequire } from "node:module";
 import { fileURLToPath } from "node:url";
 import { dirname, resolve } from "node:path";
+import { readFileSync } from "node:fs";
 
 const args = process.argv.slice(2);
 
-// Handle --version and --help without needing bun
+// ── Helpers ──────────────────────────────────────────────────────────
+
+const require = createRequire(import.meta.url);
+const pkg = require("../package.json");
+const currentVersion = pkg.version;
+
+/** Compare two semver strings. Returns -1, 0, or 1. */
+function compareSemver(a, b) {
+  const pa = a.split(".").map(Number);
+  const pb = b.split(".").map(Number);
+  for (let i = 0; i < 3; i++) {
+    if (pa[i] < pb[i]) return -1;
+    if (pa[i] > pb[i]) return 1;
+  }
+  return 0;
+}
+
+/** Fetch the latest version from the npm registry. Returns version string or null. */
+async function fetchLatestVersion(timeoutMs = 3000) {
+  try {
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), timeoutMs);
+    const res = await fetch("https://registry.npmjs.org/clawcontrol/latest", {
+      signal: controller.signal,
+    });
+    clearTimeout(timer);
+    if (!res.ok) return null;
+    const data = await res.json();
+    return data.version ?? null;
+  } catch {
+    return null;
+  }
+}
+
+/** Run bun add -g clawcontrol@latest. Returns true on success. */
+function performUpdate() {
+  try {
+    execFileSync("bun", ["add", "-g", "clawcontrol@latest"], {
+      stdio: "pipe",
+    });
+    // Verify the new version by re-reading package.json from disk
+    const pkgPath = resolve(dirname(fileURLToPath(import.meta.url)), "../package.json");
+    const newPkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+    console.log(`\x1b[32m[update] Updated to v${newPkg.version}\x1b[0m`);
+    return true;
+  } catch (e) {
+    if (e.code === "ENOENT") {
+      console.error(
+        "\x1b[31m[update] Update failed: bun is not installed.\x1b[0m\n" +
+          "  Install it: curl -fsSL https://bun.sh/install | bash"
+      );
+    } else {
+      const detail = e.stderr ? e.stderr.toString().trim() : e.message;
+      console.error(`\x1b[31m[update] Update failed: ${detail}\x1b[0m`);
+    }
+    return false;
+  }
+}
+
+// ── --version ────────────────────────────────────────────────────────
+
 if (args.includes("--version") || args.includes("-v")) {
-  const require = createRequire(import.meta.url);
-  const pkg = require("../package.json");
-  console.log(`clawcontrol v${pkg.version}`);
+  console.log(`clawcontrol v${currentVersion}`);
   process.exit(0);
 }
 
+// ── --help ───────────────────────────────────────────────────────────
+
 if (args.includes("--help") || args.includes("-h")) {
-  const require = createRequire(import.meta.url);
-  const pkg = require("../package.json");
   console.log(`
-clawcontrol v${pkg.version}
+clawcontrol v${currentVersion}
 ${pkg.description}
 
 Usage:
   clawcontrol            Launch the interactive TUI
   clawcontrol --help     Show this help message
   clawcontrol --version  Show the version number
+  clawcontrol --update   Update to the latest version
 
 Options:
   -h, --help     Show this help message
   -v, --version  Show the version number
+  -u, --update   Update clawcontrol to the latest version
+
+Environment:
+  CLAWCONTROL_SKIP_UPDATE=1   Skip the automatic update check on startup
 
 Documentation & source:
   https://github.com/ipenywis/clawcontrol
@@ -41,6 +105,51 @@ Documentation & source:
   process.exit(0);
 }
 
+// ── --update (manual) ────────────────────────────────────────────────
+
+if (args.includes("--update") || args.includes("-u")) {
+  console.log("\x1b[36m[update] Checking for updates...\x1b[0m");
+  const latest = await fetchLatestVersion(10000); // generous 10s timeout for manual
+  if (latest === null) {
+    console.error("\x1b[31m[update] Could not reach npm registry.\x1b[0m");
+    process.exit(1);
+  }
+  if (compareSemver(currentVersion, latest) >= 0) {
+    console.log(`\x1b[32m[update] Already up to date (v${currentVersion})\x1b[0m`);
+    process.exit(0);
+  }
+  console.log(`\x1b[36m[update] New version available: v${currentVersion} -> v${latest}\x1b[0m`);
+  console.log("\x1b[36m[update] Updating clawcontrol...\x1b[0m");
+  const ok = performUpdate();
+  process.exit(ok ? 0 : 1);
+}
+
+// ── Auto-update on startup ───────────────────────────────────────────
+
+if (process.env.CLAWCONTROL_SKIP_UPDATE !== "1") {
+  const latest = await fetchLatestVersion(3000);
+  if (latest !== null && compareSemver(currentVersion, latest) < 0) {
+    console.log(`\x1b[36m[update] New version available: v${currentVersion} -> v${latest}\x1b[0m`);
+    console.log("\x1b[36m[update] Updating clawcontrol...\x1b[0m");
+    const ok = performUpdate();
+    if (ok) {
+      console.log("\x1b[36m[update] Restarting with updated version...\x1b[0m");
+      try {
+        execFileSync(process.argv[0], process.argv.slice(1), {
+          stdio: "inherit",
+          env: { ...process.env, CLAWCONTROL_SKIP_UPDATE: "1" },
+        });
+        process.exit(0);
+      } catch (e) {
+        process.exit(e.status ?? 1);
+      }
+    }
+    // If update failed, fall through and run the current version
+  }
+}
+
+// ── Launch the TUI via bun ───────────────────────────────────────────
+
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const script = resolve(__dirname, "../dist/index.js");
 

package/dist/index.js

@@ -5,7 +5,7 @@ import { createCliRenderer } from "@opentui/core";
 import { createRoot } from "@opentui/react";
 
 // src/App.tsx
-import { useState as useState12, useCallback as useCallback4, useRef as useRef7 } from "react";
+import { useState as useState13, useCallback as useCallback4, useRef as useRef8 } from "react";
 import { useRenderer as useRenderer2 } from "@opentui/react";
 
 // src/components/Home.tsx
@@ -151,6 +151,7 @@ var COMMANDS = [
   { name: "/logs", description: "View deployment logs" },
   { name: "/dashboard", description: "Open OpenClaw dashboard in browser" },
   { name: "/destroy", description: "Destroy a deployment" },
+  { name: "/channels", description: "View configured channels" },
   { name: "/templates", description: "Manage deployment templates" },
   { name: "/help", description: "Show help" }
 ];
@@ -167,6 +168,7 @@ function Home({ context }) {
     "/logs": "logs",
     "/dashboard": "dashboard",
     "/destroy": "destroy",
+    "/channels": "channels",
     "/templates": "templates",
     "/help": "help"
   };
@@ -7415,22 +7417,175 @@ function DashboardView({ context }) {
   return null;
 }
 
+// src/components/ChannelsView.tsx
+import { useState as useState12, useRef as useRef7 } from "react";
+import { useKeyboard as useKeyboard13 } from "@opentui/react";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs13 } from "@opentui/react/jsx-runtime";
+function maskToken(token) {
+  if (token.length <= 10) return "****";
+  return token.slice(0, 6) + "..." + token.slice(-4);
+}
+function ChannelsView({ context }) {
+  const [viewState, setViewState] = useState12("listing");
+  const [selectedIndex, setSelectedIndex] = useState12(0);
+  const [revealed, setRevealed] = useState12(false);
+  const deployments = context.deployments;
+  const selectedDeployment = deployments[selectedIndex];
+  const stateRef = useRef7({ viewState, selectedIndex });
+  stateRef.current = { viewState, selectedIndex };
+  useKeyboard13((key) => {
+    const current = stateRef.current;
+    if (current.viewState === "listing") {
+      if (deployments.length === 0) {
+        if (key.name === "escape") {
+          context.navigateTo("home");
+        }
+        return;
+      }
+      if (key.name === "up" && current.selectedIndex > 0) {
+        setSelectedIndex(current.selectedIndex - 1);
+      } else if (key.name === "down" && current.selectedIndex < deployments.length - 1) {
+        setSelectedIndex(current.selectedIndex + 1);
+      } else if (key.name === "return") {
+        setRevealed(false);
+        setViewState("detail");
+      } else if (key.name === "escape") {
+        context.navigateTo("home");
+      }
+    } else if (current.viewState === "detail") {
+      if (key.name === "r") {
+        setRevealed((prev) => !prev);
+      } else if (key.name === "escape") {
+        setRevealed(false);
+        setViewState("listing");
+      }
+    }
+  });
+  if (deployments.length === 0) {
+    return /* @__PURE__ */ jsxs13("box", { flexDirection: "column", width: "100%", padding: 1, children: [
+      /* @__PURE__ */ jsxs13("box", { flexDirection: "row", marginBottom: 2, children: [
+        /* @__PURE__ */ jsx13("text", { fg: t.accent, children: "/channels" }),
+        /* @__PURE__ */ jsx13("text", { fg: t.fg.secondary, children: " - Communication Channels" })
+      ] }),
+      /* @__PURE__ */ jsxs13(
+        "box",
+        {
+          flexDirection: "column",
+          borderStyle: "single",
+          borderColor: t.border.default,
+          padding: 1,
+          children: [
+            /* @__PURE__ */ jsx13("text", { fg: t.status.warning, children: "No deployments found!" }),
+            /* @__PURE__ */ jsx13("text", { fg: t.fg.secondary, marginTop: 1, children: "Run /new to create a deployment first." })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx13("text", { fg: t.fg.muted, marginTop: 2, children: "Esc: Back" })
+    ] });
+  }
+  if (viewState === "detail" && selectedDeployment) {
+    const dep = selectedDeployment;
+    const agent = dep.config.openclawAgent;
+    return /* @__PURE__ */ jsxs13("box", { flexDirection: "column", width: "100%", padding: 1, children: [
+      /* @__PURE__ */ jsxs13("box", { flexDirection: "row", marginBottom: 2, children: [
+        /* @__PURE__ */ jsx13("text", { fg: t.accent, children: "/channels" }),
+        /* @__PURE__ */ jsxs13("text", { fg: t.fg.secondary, children: [
+          " - ",
+          dep.config.name
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs13(
+        "box",
+        {
+          flexDirection: "column",
+          borderStyle: "single",
+          borderColor: t.border.focus,
+          padding: 1,
+          marginBottom: 1,
+          children: [
+            /* @__PURE__ */ jsx13("text", { fg: t.accent, marginBottom: 1, children: "Channel Details" }),
+            /* @__PURE__ */ jsxs13("box", { flexDirection: "row", children: [
+              /* @__PURE__ */ jsx13("text", { fg: t.fg.secondary, width: 20, children: "Deployment:" }),
+              /* @__PURE__ */ jsx13("text", { fg: t.fg.primary, children: dep.config.name })
+            ] }),
+            agent ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+              /* @__PURE__ */ jsxs13("box", { flexDirection: "row", children: [
+                /* @__PURE__ */ jsx13("text", { fg: t.fg.secondary, width: 20, children: "Channel:" }),
+                /* @__PURE__ */ jsx13("text", { fg: t.fg.primary, children: agent.channel })
+              ] }),
+              /* @__PURE__ */ jsxs13("box", { flexDirection: "row", children: [
+                /* @__PURE__ */ jsx13("text", { fg: t.fg.secondary, width: 20, children: "Bot Token:" }),
+                /* @__PURE__ */ jsx13("text", { fg: t.fg.primary, children: revealed ? agent.telegramBotToken : maskToken(agent.telegramBotToken) })
+              ] }),
+              /* @__PURE__ */ jsxs13("box", { flexDirection: "row", children: [
+                /* @__PURE__ */ jsx13("text", { fg: t.fg.secondary, width: 20, children: "Allowed Users:" }),
+                /* @__PURE__ */ jsx13("text", { fg: t.fg.primary, children: agent.telegramAllowFrom || "Any" })
+              ] })
+            ] }) : /* @__PURE__ */ jsx13("box", { flexDirection: "row", marginTop: 1, children: /* @__PURE__ */ jsx13("text", { fg: t.fg.muted, children: "No channel configured for this deployment." }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx13("text", { fg: t.fg.muted, marginTop: 1, children: agent ? "R: Reveal/hide secrets | Esc: Back to list" : "Esc: Back to list" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs13("box", { flexDirection: "column", width: "100%", padding: 1, children: [
+    /* @__PURE__ */ jsxs13("box", { flexDirection: "row", marginBottom: 2, children: [
+      /* @__PURE__ */ jsx13("text", { fg: t.accent, children: "/channels" }),
+      /* @__PURE__ */ jsxs13("text", { fg: t.fg.secondary, children: [
+        " - Communication Channels (",
+        deployments.length,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx13(
+      "box",
+      {
+        flexDirection: "column",
+        borderStyle: "single",
+        borderColor: t.border.default,
+        padding: 1,
+        children: deployments.map((dep, index) => {
+          const isSelected = index === selectedIndex;
+          const agent = dep.config.openclawAgent;
+          return /* @__PURE__ */ jsxs13(
+            "box",
+            {
+              flexDirection: "row",
+              backgroundColor: isSelected ? t.selection.bg : void 0,
+              children: [
+                /* @__PURE__ */ jsx13("text", { fg: isSelected ? t.selection.indicator : t.fg.primary, children: isSelected ? "> " : "  " }),
+                /* @__PURE__ */ jsx13("text", { fg: isSelected ? t.selection.fg : t.fg.primary, width: 22, children: dep.config.name }),
+                agent ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                  /* @__PURE__ */ jsx13("text", { fg: isSelected ? t.fg.primary : t.fg.secondary, width: 12, children: agent.channel }),
+                  /* @__PURE__ */ jsx13("text", { fg: t.fg.muted, children: agent.telegramAllowFrom ? `users: ${agent.telegramAllowFrom}` : "" })
+                ] }) : /* @__PURE__ */ jsx13("text", { fg: t.fg.muted, children: "No channel" })
+              ]
+            },
+            dep.config.name
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx13("text", { fg: t.fg.muted, marginTop: 2, children: "Up/Down: Select | Enter: Details | Esc: Back" })
+  ] });
+}
+
 // src/App.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "@opentui/react/jsx-runtime";
 function App({ lacksTrueColor: lacksTrueColor2 }) {
   const renderer = useRenderer2();
-  const [currentView, setCurrentView] = useState12("home");
-  const [selectedDeployment, setSelectedDeployment] = useState12(null);
-  const [deployments, setDeployments] = useState12(() => {
+  const [currentView, setCurrentView] = useState13("home");
+  const [selectedDeployment, setSelectedDeployment] = useState13(null);
+  const [deployments, setDeployments] = useState13(() => {
     try {
       return getAllDeployments();
     } catch {
       return [];
     }
   });
-  const [selectedTemplate, setSelectedTemplate] = useState12(null);
-  const [editingDeployment, setEditingDeployment] = useState12(null);
-  const wasDraggingRef = useRef7(false);
+  const [selectedTemplate, setSelectedTemplate] = useState13(null);
+  const [editingDeployment, setEditingDeployment] = useState13(null);
+  const wasDraggingRef = useRef8(false);
   const handleMouseDrag = useCallback4(() => {
     wasDraggingRef.current = true;
   }, []);
@@ -7472,34 +7627,36 @@ function App({ lacksTrueColor: lacksTrueColor2 }) {
   const renderView = () => {
     switch (currentView) {
       case "home":
-        return /* @__PURE__ */ jsx13(Home, { context });
+        return /* @__PURE__ */ jsx14(Home, { context });
       case "new":
-        return /* @__PURE__ */ jsx13(NewDeployment, { context });
+        return /* @__PURE__ */ jsx14(NewDeployment, { context });
       case "list":
-        return /* @__PURE__ */ jsx13(ListView, { context });
+        return /* @__PURE__ */ jsx14(ListView, { context });
       case "deploy":
-        return /* @__PURE__ */ jsx13(DeployView, { context });
+        return /* @__PURE__ */ jsx14(DeployView, { context });
       case "deploying":
-        return /* @__PURE__ */ jsx13(DeployingView, { context });
+        return /* @__PURE__ */ jsx14(DeployingView, { context });
       case "status":
-        return /* @__PURE__ */ jsx13(StatusView, { context });
+        return /* @__PURE__ */ jsx14(StatusView, { context });
       case "ssh":
-        return /* @__PURE__ */ jsx13(SSHView, { context });
+        return /* @__PURE__ */ jsx14(SSHView, { context });
       case "logs":
-        return /* @__PURE__ */ jsx13(LogsView, { context });
+        return /* @__PURE__ */ jsx14(LogsView, { context });
       case "dashboard":
-        return /* @__PURE__ */ jsx13(DashboardView, { context });
+        return /* @__PURE__ */ jsx14(DashboardView, { context });
       case "destroy":
-        return /* @__PURE__ */ jsx13(DestroyView, { context });
+        return /* @__PURE__ */ jsx14(DestroyView, { context });
       case "help":
-        return /* @__PURE__ */ jsx13(HelpView, { context });
+        return /* @__PURE__ */ jsx14(HelpView, { context });
       case "templates":
-        return /* @__PURE__ */ jsx13(TemplatesView, { context });
+        return /* @__PURE__ */ jsx14(TemplatesView, { context });
+      case "channels":
+        return /* @__PURE__ */ jsx14(ChannelsView, { context });
       default:
-        return /* @__PURE__ */ jsx13(Home, { context });
+        return /* @__PURE__ */ jsx14(Home, { context });
     }
   };
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "scrollbox",
     {
       width: "100%",
@@ -7521,7 +7678,7 @@ function App({ lacksTrueColor: lacksTrueColor2 }) {
         showArrows: false
       },
       children: [
-        lacksTrueColor2 && /* @__PURE__ */ jsx13(
+        lacksTrueColor2 && /* @__PURE__ */ jsx14(
           "box",
           {
             width: "100%",
@@ -7532,7 +7689,7 @@ function App({ lacksTrueColor: lacksTrueColor2 }) {
               paddingBottom: 0,
               backgroundColor: t.status.warning
             },
-            children: /* @__PURE__ */ jsx13("text", { fg: "#000000", children: "\u26A0 Your terminal does not support true color. Colors may look wrong. For full color support, use Ghostty, iTerm2, Kitty, or WezTerm \u2014 or upgrade to macOS 26+ for Terminal.app true color support." })
+            children: /* @__PURE__ */ jsx14("text", { fg: "#000000", children: "\u26A0 Your terminal does not support true color. Colors may look wrong. For full color support, use Ghostty, iTerm2, Kitty, or WezTerm \u2014 or upgrade to macOS 26+ for Terminal.app true color support." })
           }
         ),
         renderView()
@@ -7542,7 +7699,7 @@ function App({ lacksTrueColor: lacksTrueColor2 }) {
 }
 
 // src/index.tsx
-import { jsx as jsx14 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx15 } from "@opentui/react/jsx-runtime";
 var args = process.argv.slice(2);
 if (args.includes("--version") || args.includes("-v")) {
   const require2 = createRequire(import.meta.url);
@@ -7579,6 +7736,6 @@ async function main() {
     useMouse: true
   });
   const root = createRoot(renderer);
-  root.render(/* @__PURE__ */ jsx14(App, { lacksTrueColor }));
+  root.render(/* @__PURE__ */ jsx15(App, { lacksTrueColor }));
 }
 main().catch(console.error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clawcontrol",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "CLI tool for deploying and managing OpenClaw instances on VPS providers",
   "type": "module",
   "main": "dist/index.js",