opencode-crof-sidebar 0.1.1

package/README.md

@@ -0,0 +1,19 @@
+# opencode-crof-sidebar
+
+OpenCode TUI plugin that displays CrofAI usage (requests/day, credits) in the sidebar.
+
+## Installation
+
+```bash
+opencode plugin opencode-crof-sidebar
+```
+
+## Features
+
+- Shows CrofAI usage information in the sidebar when using a CrofAI model
+- Displays remaining requests per day and credits
+- Auto-refreshes every 30 seconds
+
+## Credits
+
+Nahcrof, Red44

package/dist/index.js

@@ -0,0 +1,118 @@
+// @bun
+// src/index.ts
+import { createElement, createTextNode, insert } from "@opentui/solid";
+import { createSignal } from "solid-js";
+var CROFAI_USAGE_URL = "https://crof.ai/usage_api/";
+function getCrofaiKey(api) {
+  const provider = api.state.provider.find((p) => p.name === "CrofAI");
+  const fromConfig = provider?.options?.apiKey;
+  if (fromConfig)
+    return fromConfig;
+  if (provider?.key)
+    return provider.key;
+  return process.env.CROFAI_API_KEY;
+}
+function getCrofaiProviderID(api) {
+  return api.state.provider.find((p) => p.name === "CrofAI")?.id;
+}
+function isCrofaiSession(api, sessionID, crofaiProviderID) {
+  const messages = api.state.session.messages(sessionID);
+  for (let i = messages.length - 1;i >= 0; i -= 1) {
+    const message = messages[i];
+    if (message.role === "assistant") {
+      return message.providerID === crofaiProviderID;
+    }
+    if (message.role === "user") {
+      return message.model.providerID === crofaiProviderID;
+    }
+  }
+  return false;
+}
+async function fetchUsage(key) {
+  try {
+    const res = await fetch(CROFAI_USAGE_URL, {
+      headers: { Authorization: `Bearer ${key}` }
+    });
+    if (!res.ok)
+      return null;
+    return await res.json();
+  } catch {
+    return null;
+  }
+}
+function buildSidebar(api, d, err) {
+  const t = api.theme.current;
+  const root = createElement("box", {
+    border: true,
+    borderColor: t.border,
+    backgroundColor: t.backgroundPanel,
+    paddingTop: 1,
+    paddingBottom: 1,
+    paddingLeft: 2,
+    paddingRight: 2,
+    flexDirection: "column",
+    gap: 1
+  });
+  const title = createElement("text", { fg: t.primary });
+  insert(title, createTextNode("CrofAI"));
+  insert(root, title);
+  if (err) {
+    const errText = createElement("text", { fg: t.error });
+    insert(errText, createTextNode("Failed to fetch usage"));
+    insert(root, errText);
+  } else if (!d) {
+    const loadingText = createElement("text", { fg: t.textMuted });
+    insert(loadingText, createTextNode("Loading..."));
+    insert(root, loadingText);
+  } else {
+    if (d.usable_requests !== null) {
+      const reqLine = createElement("text", { fg: t.text });
+      insert(reqLine, createTextNode("Requests: " + d.usable_requests + "/day"));
+      insert(root, reqLine);
+    } else {
+      const planText = createElement("text", { fg: t.text });
+      insert(planText, createTextNode("Pay-per-token"));
+      insert(root, planText);
+    }
+    const credLine = createElement("text", { fg: t.text });
+    insert(credLine, createTextNode("Credits: $" + d.credits.toFixed(4)));
+    insert(root, credLine);
+  }
+  return root;
+}
+var tui = async (api) => {
+  const key = getCrofaiKey(api);
+  const crofaiProviderID = getCrofaiProviderID(api);
+  if (!key || !crofaiProviderID)
+    return;
+  const [getData, setData] = createSignal(null);
+  const [getErr, setErr] = createSignal(false);
+  const refresh = async () => {
+    const result = await fetchUsage(key);
+    if (result) {
+      setData(result);
+      setErr(false);
+    } else {
+      setErr(true);
+    }
+  };
+  await refresh();
+  const usageInterval = setInterval(refresh, 30000);
+  api.lifecycle.onDispose(() => {
+    clearInterval(usageInterval);
+  });
+  api.slots.register({
+    order: 150,
+    slots: {
+      sidebar_content(_ctx, props) {
+        if (!isCrofaiSession(api, props.session_id, crofaiProviderID))
+          return null;
+        return buildSidebar(api, getData(), getErr());
+      }
+    }
+  });
+};
+var src_default = tui;
+export {
+  src_default as default
+};

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "opencode-crof-sidebar",
+  "version": "0.1.1",
+  "description": "OpenCode TUI plugin that displays CrofAI usage (requests/day, credits) in the sidebar",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./tui": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist && mkdir dist",
+    "build": "bun run clean && bun build src/index.ts --outdir dist --target=bun --external @opencode-ai/plugin --external @opencode-ai/plugin/tui --external @opentui/core --external @opentui/solid --external solid-js"
+  },
+  "peerDependencies": {
+    "@opencode-ai/plugin": "*",
+    "@opentui/core": ">=0.1.96",
+    "@opentui/solid": ">=0.1.96",
+    "solid-js": ">=1.7.0"
+  },
+  "peerDependenciesMeta": {
+    "@opencode-ai/plugin": { "optional": true },
+    "@opentui/core": { "optional": true },
+    "@opentui/solid": { "optional": true },
+    "solid-js": { "optional": true }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Red44/crofai-opencode.git"
+  },
+  "keywords": [
+    "opencode",
+    "opencode-plugin",
+    "crofai",
+    "tui",
+    "sidebar"
+  ],
+  "license": "MIT",
+  "author": "Nahcrof, Red44",
+  "engines": {
+    "opencode": ">=1.4.0"
+  }
+}