opencode-sysinfo 1.0.0

package/README.md

@@ -0,0 +1,54 @@
+# opencode-sysinfo
+
+OpenCode TUI plugin that shows system info in the sidebar: hostname, project, RAM, CPU (with sparkline), battery status, and session duration.
+
+## Motivation
+
+I work on multiple laptops — home, office, client sites — all accessed via SSH from a single terminal. Switching between them, especially on the same project, it's easy to lose track of where you are. A quick `uname -n` helps, but it breaks flow.
+
+This plugin puts the hostname, project directory, resource usage, and battery level right in the OpenCode sidebar. At a glance, you know which machine you're on, how it's doing, and how long you've been connected. No more wondering "am I on the office laptop or the client one?"
+
+## Example
+
+```
+┌─ 🖥 Env Info ──────────────┐
+│ Machine: thinkpad-x1      │
+│ Project: your-project-name│
+│ RAM: 4.2/15.6 GB          │
+│ BAT: 67% ⚡                │
+│ CPU: 14% (12 cores)       │
+│ ▁▃▂▁▁▂▄▆███▇▆▄▃▂▁▁▂▃▄     │
+│ Session: 2h 15m           │
+└───────────────────────────┘
+```
+
+## Installation
+
+Add to your `tui.json` (project root or `~/.config/opencode/tui.json`):
+
+```json
+{
+  "plugin": ["opencode-sysinfo"]
+}
+```
+
+OpenCode will auto-install the package from npm on next startup.
+
+## Requirements
+
+- Linux (tested). Battery reading requires `/sys/class/power_supply/BAT0`.
+- OpenCode with TUI support.
+
+## Development
+
+```bash
+git clone <repo>
+cd opencode-sysinfo
+bun install
+bun test        # run tests (20 tests)
+bun run build   # build dist/
+```
+
+## License
+
+MIT

package/dist/tui.js

@@ -0,0 +1,150 @@
+// src/tui.tsx
+import { template as _$template } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { hostname, freemem, totalmem, cpus } from "os";
+import path from "path";
+import { readFileSync, existsSync } from "fs";
+import { createSignal, createMemo, onCleanup } from "solid-js";
+
+// src/utils.ts
+var SPARK_CHARS = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
+function calcCpuPercent(prev, curr) {
+  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);
+}
+function sparkline(values) {
+  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("");
+}
+function formatDuration(ms) {
+  const s = Math.floor(ms / 1e3);
+  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`;
+}
+
+// src/tui.tsx
+var _tmpl$ = /* @__PURE__ */ _$template(`<svg><text>Session: </svg>`, false, true, false);
+var _tmpl$2 = /* @__PURE__ */ _$template(`<box borderstyle=single title="\u{1F5A5} Env Info"><text fg=cyan>Machine: </text><text fg=green>Project: </text><text fg=yellow>RAM: <!>/<!> GB</text><text fg=magenta>CPU: <!>% (<!> cores)</text><text fg=magenta>`);
+var _tmpl$3 = /* @__PURE__ */ _$template(`<svg><text>BAT: <!>%</svg>`, false, true, false);
+var 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) {
+  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));
+  }, 1e3);
+  onCleanup(() => clearInterval(timer));
+  const theme = () => props.api.theme.current;
+  return (() => {
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+    _$insert(_el$, dur, null);
+    _$effect(() => _$setAttribute(_el$, "fg", theme().info));
+    return _el$;
+  })();
+}
+var tui = async (api) => {
+  const host = hostname();
+  const project = path.basename(process.cwd());
+  const cores = cpus().length;
+  const [cpuPct, setCpuPct] = createSignal(0);
+  const [history, setHistory] = createSignal([]);
+  const [ramUsed, setRamUsed] = createSignal("0");
+  const [ramTotal, setRamTotal] = createSignal("0");
+  const [batPct, setBatPct] = createSignal(null);
+  const [batStatus, setBatStatus] = createSignal(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;
+  }, 2e3);
+  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 void 0;
+    return blinkOn() ? "red" : void 0;
+  });
+  const spark = createMemo(() => sparkline(history()));
+  api.slots.register({
+    order: 10,
+    slots: {
+      sidebar_content(_ctx, props) {
+        return (() => {
+          var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$6.nextSibling, _el$9 = _el$8.firstChild, _el$10 = _el$9.nextSibling, _el$0 = _el$10.nextSibling, _el$11 = _el$0.nextSibling, _el$1 = _el$11.nextSibling, _el$12 = _el$8.nextSibling, _el$13 = _el$12.firstChild, _el$16 = _el$13.nextSibling, _el$14 = _el$16.nextSibling, _el$17 = _el$14.nextSibling, _el$15 = _el$17.nextSibling, _el$18 = _el$12.nextSibling;
+          _$insert(_el$4, host, null);
+          _$insert(_el$6, project, null);
+          _$insert(_el$8, ramUsed, _el$10);
+          _$insert(_el$8, ramTotal, _el$11);
+          _$insert(_el$3, (() => {
+            var _c$ = _$memo(() => !!batPct());
+            return () => _c$() && (() => {
+              var _el$19 = _tmpl$3(), _el$20 = _el$19.firstChild, _el$22 = _el$20.nextSibling, _el$21 = _el$22.nextSibling;
+              _$insert(_el$19, batPct, _el$22);
+              _$insert(_el$19, () => batStatus() === "Charging" ? " \u26A1" : "", null);
+              _$effect(() => _$setAttribute(_el$19, "fg", batStatus() === "Charging" ? "green" : "yellow"));
+              return _el$19;
+            })();
+          })(), _el$12);
+          _$insert(_el$12, cpuPct, _el$16);
+          _$insert(_el$12, cores, _el$17);
+          _$insert(_el$18, spark);
+          _$insert(_el$3, _$createComponent(SessionDuration, {
+            api,
+            get session_id() {
+              return props.session_id;
+            }
+          }), null);
+          _$effect(() => _$setAttribute(_el$3, "bordercolor", border()));
+          return _el$3;
+        })();
+      }
+    }
+  });
+};
+var tui_default = {
+  id: "sidebar-info",
+  tui
+};
+export {
+  tui_default as default
+};

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "opencode-sysinfo",
+  "version": "1.0.0",
+  "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" }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup",
+    "test": "bun test",
+    "prepublishOnly": "bun run build"
+  },
+  "peerDependencies": {
+    "@opencode-ai/plugin": ">=1.14.0",
+    "@opentui/core": ">=0.3.4",
+    "@opentui/solid": ">=0.3.4",
+    "solid-js": ">=1.9.0"
+  },
+  "devDependencies": {
+    "@opencode-ai/plugin": "^1.17.13",
+    "@opentui/core": "^0.4.3",
+    "@opentui/solid": "^0.4.3",
+    "bun-types": "latest",
+    "esbuild-plugin-solid": "^0.6.0",
+    "solid-js": "^1.9.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.8.0"
+  },
+  "keywords": ["opencode", "plugin", "tui", "sidebar", "system-info"],
+  "license": "MIT"
+}