opencode-sysinfo 1.0.0 → 1.0.2

package/dist/tui.tsx

@@ -0,0 +1,104 @@
+/** @jsxImportSource @opentui/solid */
+import type { TuiPlugin, TuiPluginApi } from "@opencode-ai/plugin/tui";
+import { hostname, freemem, totalmem, cpus } from "node:os";
+import path from "node:path";
+import { readFileSync, existsSync } from "node:fs";
+import { createSignal, createMemo, onCleanup } from "solid-js";
+import { calcCpuPercent, sparkline, formatDuration } from "./utils";
+
+const HISTORY_SIZE = 20;
+
+function sampleCpuTimes() {
+  return cpus().map((c) => ({
+    idle: c.times.idle,
+    total: Object.values(c.times).reduce((a, b) => a + b, 0),
+  }));
+}
+
+function SessionDuration(props: { api: TuiPluginApi; session_id: string }) {
+  const [dur, setDur] = createSignal("");
+
+  const timer = setInterval(() => {
+    const session = props.api.state.session.get(props.session_id);
+    if (!session?.time?.created) return;
+    const ms = Date.now() - session.time.created;
+    setDur(formatDuration(ms));
+  }, 1000);
+
+  onCleanup(() => clearInterval(timer));
+
+  const theme = () => props.api.theme.current;
+  return <text fg={theme().info}>Session: {dur()}</text>;
+}
+
+const tui: TuiPlugin = async (api) => {
+  const host = hostname();
+  const project = path.basename(process.cwd());
+  const cores = cpus().length;
+
+  const [cpuPct, setCpuPct] = createSignal(0);
+  const [history, setHistory] = createSignal<number[]>([]);
+  const [ramUsed, setRamUsed] = createSignal("0");
+  const [ramTotal, setRamTotal] = createSignal("0");
+  const [batPct, setBatPct] = createSignal<string | null>(null);
+  const [batStatus, setBatStatus] = createSignal<string | null>(null);
+  const [blinkOn, setBlinkOn] = createSignal(false);
+
+  function readBattery() {
+    const bat = "/sys/class/power_supply/BAT0";
+    if (!existsSync(bat)) return;
+    try {
+      setBatPct(readFileSync(`${bat}/capacity`, "utf8").trim());
+      setBatStatus(readFileSync(`${bat}/status`, "utf8").trim());
+    } catch {}
+  }
+
+  let prev = sampleCpuTimes();
+
+  readBattery();
+
+  const timer = setInterval(() => {
+    const curr = sampleCpuTimes();
+    const pct = calcCpuPercent(prev, curr);
+    setCpuPct(pct);
+    setHistory((h) => [...h.slice(-(HISTORY_SIZE - 1)), pct]);
+    setRamUsed(((totalmem() - freemem()) / 1024 ** 3).toFixed(1));
+    setRamTotal((totalmem() / 1024 ** 3).toFixed(1));
+    readBattery();
+    prev = curr;
+  }, 2000);
+
+  onCleanup(() => clearInterval(timer));
+
+  const blinkTimer = setInterval(() => setBlinkOn((b) => !b), 500);
+  onCleanup(() => clearInterval(blinkTimer));
+
+  const border = createMemo(() => {
+    const pct = batPct();
+    if (!pct || parseInt(pct) >= 20) return undefined;
+    return blinkOn() ? "red" : undefined;
+  });
+
+  const spark = createMemo(() => sparkline(history()));
+
+  api.slots.register({
+    order: 10,
+    slots: {
+      sidebar_content(_ctx, props) {
+        return (
+          <box borderStyle="single" borderColor={border()} title="🖥 Env Info">
+            <text fg="cyan">Machine: {host}</text>
+            <text fg="green">Project: {project}</text>
+            <text fg="yellow">RAM: {ramUsed()}/{ramTotal()} GB</text>
+            {batPct() && <text fg={batStatus() === "Charging" ? "green" : "yellow"}>BAT: {batPct()}%{batStatus() === "Charging" ? " ⚡" : ""}</text>}
+            <text fg="magenta">CPU: {cpuPct()}% ({cores} cores)</text>
+            <text fg="magenta">{spark()}</text>
+            <SessionDuration api={api} session_id={props.session_id} />
+          </box>
+        );
+      },
+    },
+  });
+};
+
+export default { id: "sidebar-info", tui };

package/dist/utils.ts

@@ -0,0 +1,32 @@
+export const SPARK_CHARS = ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█"];
+
+export function calcCpuPercent(
+  prev: { idle: number; total: number }[],
+  curr: { idle: number; total: number }[],
+): number {
+  const deltas = curr.map((s, i) => ({
+    idle: s.idle - prev[i].idle,
+    total: s.total - prev[i].total,
+  }));
+  const totalIdle = deltas.reduce((s, d) => s + d.idle, 0);
+  const totalAll = deltas.reduce((s, d) => s + d.total, 0);
+  return totalAll === 0 ? 0 : Math.round((1 - totalIdle / totalAll) * 100);
+}
+
+export function sparkline(values: number[]): string {
+  return values
+    .map((v) => {
+      const clamped = Math.max(0, Math.min(100, v));
+      return SPARK_CHARS[Math.round((clamped / 100) * (SPARK_CHARS.length - 1))];
+    })
+    .join("");
+}
+
+export function formatDuration(ms: number): string {
+  const s = Math.floor(ms / 1000);
+  if (s < 60) return `${s}s`;
+  const m = Math.floor(s / 60);
+  if (m < 60) return `${m}m ${s % 60}s`;
+  const h = Math.floor(m / 60);
+  return `${h}h ${m % 60}m`;
+}

package/package.json

@@ -1,15 +1,21 @@
 {
   "name": "opencode-sysinfo",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "OpenCode TUI plugin that shows system info (hostname, RAM, CPU, battery) in the sidebar",
   "type": "module",
   "exports": {
-    ".": { "import": "./dist/tui.js" },
-    "./tui": { "import": "./dist/tui.js" }
+    ".": {
+      "import": "./dist/tui.tsx"
+    },
+    "./tui": {
+      "import": "./dist/tui.tsx"
+    }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && cp src/tui.tsx src/utils.ts dist/",
     "test": "bun test",
     "prepublishOnly": "bun run build"
   },
@@ -29,6 +35,12 @@
     "tsup": "^8.0.0",
     "typescript": "^5.8.0"
   },
-  "keywords": ["opencode", "plugin", "tui", "sidebar", "system-info"],
+  "keywords": [
+    "opencode",
+    "plugin",
+    "tui",
+    "sidebar",
+    "system-info"
+  ],
   "license": "MIT"
 }