opencode-brl-cost 0.1.0 → 0.1.2

package/README.md

@@ -4,14 +4,14 @@ OpenCode **TUI plugin** that pins the current session's cost to the bottom bar,
 
 ## How it works
 
-- Renders a fixed status bar via the `app_bottom` TUI slot.
+- Renders a fixed status bar via the `app_bottom` TUI slot (bottom-right of the screen).
 - Shows **the active session's total cost** (`session.cost`, USD) converted with a **hardcoded rate of R$ 5,00 / US$ 1,00**.
-- On the home screen (no session selected) the bar stays empty. It never shows a stale value.
+- Falls back to `R$ 0,00` when there's no session or no cost.
 - Currency formatting uses `Intl.NumberFormat` with `pt-BR` (e.g. `R$ 1,23`).
 
 ## Install
 
-TUI plugins are loaded from a file plugin or an npm package. Add the plugin to `tui.json`:
+Add the plugin to `tui.json`:
 
 ```json
 {
@@ -19,26 +19,39 @@ TUI plugins are loaded from a file plugin or an npm package. Add the plugin to `
 }
 ```
 
-Then restart OpenCode. The bottom bar appears when a session is open.
+Then **restart OpenCode**. The bottom bar appears at the bottom-right.
 
-This repo is published as a `.tsx` source plugin (the format OpenCode's TUI loader transpiles natively),
-mirroring `@br4zz4/opencode-skill-picker`.
+> Pin a version for stability: `"opencode-brl-cost@0.1.2"`.
+
+## Why this shape
+
+Per the `qwert:opencode-plugin` skill, OpenCode plugins must ship a **built `.js`** via npm with an
+`exports["./tui"]` entrypoint. The runtime does **not** transpile `.tsx`/`.ts` from `node_modules` — it
+fails silently. So this package publishes `dist/index.js` (esbuild output), never raw `.tsx`.
 
 ## Local development
 
 ```bash
 npm install
+npm run build      # → dist/index.js
 npm run typecheck
 ```
 
-To test locally, point `tui.json` at the source file:
+To test a local checkout without publishing, point `tui.json` at the built file:
 
 ```json
 {
-  "plugin": ["file:///absolute/path/to/opencode-brl-cost/index.tsx"]
+  "plugin": ["file:///absolute/path/to/opencode-brl-cost/dist/index.js"]
 }
 ```
 
+## Publish
+
+```bash
+npm version patch
+npm publish
+```
+
 ## Roadmap
 
 - Configurable USD→BRL rate (instead of the hardcoded 5)
@@ -47,4 +60,4 @@ To test locally, point `tui.json` at the source file:
 
 ## License
 
-MIT
+AGPL-3.0 · Copyright (C) 2025 oporpino <dev@porpi.no>

package/dist/index.js

@@ -0,0 +1,39 @@
+// src/index.tsx
+import { jsx } from "@opentui/solid/jsx-runtime";
+var BRL_PER_USD = 5;
+var formatBRL = (usd) => {
+  const rounded = Math.round(usd * BRL_PER_USD * 100) / 100;
+  return new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL"
+  }).format(rounded);
+};
+var tui = async (api) => {
+  const currentSessionID = () => {
+    const route = api.route.current;
+    return route.name === "session" && typeof route.params?.sessionID === "string" ? route.params.sessionID : void 0;
+  };
+  const currentCostBRL = () => {
+    const sessionID = currentSessionID();
+    if (!sessionID) return formatBRL(0);
+    const session = api.state.session.get(sessionID);
+    return formatBRL(typeof session?.cost === "number" ? session.cost : 0);
+  };
+  api.slots.register({
+    slots: {
+      app_bottom(ctx) {
+        const theme = ctx.theme.current;
+        return /* @__PURE__ */ jsx("box", { flexDirection: "row", justifyContent: "flex-end", paddingRight: 2, children: /* @__PURE__ */ jsx("text", { fg: theme.textMuted, children: currentCostBRL() }) });
+      }
+    }
+  });
+};
+var plugin = {
+  id: "opencode-brl-cost",
+  tui
+};
+var index_default = plugin;
+export {
+  index_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx"],
+  "sourcesContent": ["import type { TuiPlugin, TuiPluginModule } from \"@opencode-ai/plugin/tui\"\nimport type { Session } from \"@opencode-ai/sdk/v2\"\n\nconst BRL_PER_USD = 5\n\nconst formatBRL = (usd: number) => {\n  const rounded = Math.round(usd * BRL_PER_USD * 100) / 100\n  return new Intl.NumberFormat(\"pt-BR\", {\n    style: \"currency\",\n    currency: \"BRL\",\n  }).format(rounded)\n}\n\nconst tui: TuiPlugin = async (api) => {\n  const currentSessionID = (): string | undefined => {\n    const route = api.route.current\n    return route.name === \"session\" && typeof route.params?.sessionID === \"string\"\n      ? route.params.sessionID\n      : undefined\n  }\n\n  const currentCostBRL = (): string => {\n    const sessionID = currentSessionID()\n    if (!sessionID) return formatBRL(0)\n    const session = api.state.session.get(sessionID) as Session | undefined\n    return formatBRL(typeof session?.cost === \"number\" ? session.cost : 0)\n  }\n\n  api.slots.register({\n    slots: {\n      app_bottom(ctx) {\n        const theme = ctx.theme.current\n        return (\n          <box flexDirection=\"row\" justifyContent=\"flex-end\" paddingRight={2}>\n            <text fg={theme.textMuted}>{currentCostBRL()}</text>\n          </box>\n        )\n      },\n    },\n  })\n}\n\nconst plugin: TuiPluginModule = {\n  id: \"opencode-brl-cost\",\n  tui,\n}\n\nexport default plugin"],
+  "mappings": ";AAkCY;AA/BZ,IAAM,cAAc;AAEpB,IAAM,YAAY,CAAC,QAAgB;AACjC,QAAM,UAAU,KAAK,MAAM,MAAM,cAAc,GAAG,IAAI;AACtD,SAAO,IAAI,KAAK,aAAa,SAAS;AAAA,IACpC,OAAO;AAAA,IACP,UAAU;AAAA,EACZ,CAAC,EAAE,OAAO,OAAO;AACnB;AAEA,IAAM,MAAiB,OAAO,QAAQ;AACpC,QAAM,mBAAmB,MAA0B;AACjD,UAAM,QAAQ,IAAI,MAAM;AACxB,WAAO,MAAM,SAAS,aAAa,OAAO,MAAM,QAAQ,cAAc,WAClE,MAAM,OAAO,YACb;AAAA,EACN;AAEA,QAAM,iBAAiB,MAAc;AACnC,UAAM,YAAY,iBAAiB;AACnC,QAAI,CAAC,UAAW,QAAO,UAAU,CAAC;AAClC,UAAM,UAAU,IAAI,MAAM,QAAQ,IAAI,SAAS;AAC/C,WAAO,UAAU,OAAO,SAAS,SAAS,WAAW,QAAQ,OAAO,CAAC;AAAA,EACvE;AAEA,MAAI,MAAM,SAAS;AAAA,IACjB,OAAO;AAAA,MACL,WAAW,KAAK;AACd,cAAM,QAAQ,IAAI,MAAM;AACxB,eACE,oBAAC,SAAI,eAAc,OAAM,gBAAe,YAAW,cAAc,GAC/D,8BAAC,UAAK,IAAI,MAAM,WAAY,yBAAe,GAAE,GAC/C;AAAA,MAEJ;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,IAAM,SAA0B;AAAA,EAC9B,IAAI;AAAA,EACJ;AACF;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/package.json

@@ -1,17 +1,19 @@
 {
   "name": "opencode-brl-cost",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "OpenCode TUI plugin that shows the session cost in Brazilian Reais (R$)",
   "type": "module",
-  "main": "./index.tsx",
-  "files": [
-    "index.tsx"
-  ],
+  "main": "./dist/index.js",
   "exports": {
-    ".": "./index.tsx",
-    "./tui": "./index.tsx"
+    ".": "./dist/index.js",
+    "./tui": "./dist/index.js"
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
+    "build": "node scripts/build.mjs",
+    "prepublishOnly": "npm run build",
     "typecheck": "tsc --noEmit"
   },
   "keywords": [
@@ -22,12 +24,12 @@
     "brl",
     "currency"
   ],
-  "license": "MIT",
+  "license": "AGPL-3.0",
+  "author": "oporpino <dev@porpi.no>",
   "devDependencies": {
     "@opencode-ai/plugin": "1.18.29",
     "@opentui/solid": "0.4.5",
-    "@opencode-ai/sdk": "1.18.29",
-    "solid-js": "^1.8.0",
+    "esbuild": "^0.28.0",
     "typescript": "5.8.2"
   }
 }

package/index.tsx

@@ -1,77 +0,0 @@
-/** @jsxImportSource @opentui/solid */
-import { createSignal } from "solid-js"
-import type { TuiPlugin, TuiPluginModule } from "@opencode-ai/plugin/tui"
-
-const BRL_PER_USD = 5
-
-const formatBRL = (usd: number) => {
-  const rounded = Math.round(usd * BRL_PER_USD * 100) / 100
-  return new Intl.NumberFormat("pt-BR", {
-    style: "currency",
-    currency: "BRL",
-  }).format(rounded)
-}
-
-const tui: TuiPlugin = async (api) => {
-  const [cost, setCost] = createSignal<string | undefined>(undefined)
-  const [busy, setBusy] = createSignal(false)
-
-  const currentSessionID = (): string | undefined => {
-    const route = api.route.current
-    return route.name === "session" && typeof route.params?.sessionID === "string"
-      ? route.params.sessionID
-      : undefined
-  }
-
-  const refresh = async () => {
-    const sessionID = currentSessionID()
-    if (!sessionID) {
-      setCost(undefined)
-      return
-    }
-
-    // Prefer the live SDK session (server truth, has cost); fall back to the store.
-    let usd: number | undefined
-    try {
-      const res = await api.client.session.get({ sessionID }, { throwOnError: true })
-      usd = res.data?.cost
-    } catch {
-      const session = api.state.session.get(sessionID)
-      usd = session?.cost
-    }
-    setCost(typeof usd === "number" ? formatBRL(usd) : undefined)
-  }
-
-  void refresh()
-
-  api.event.on("session.updated", (event) => {
-    if (event.properties.sessionID === currentSessionID()) void refresh()
-  })
-  api.event.on("session.idle", (event) => {
-    if (event.properties.sessionID === currentSessionID()) void refresh()
-  })
-  api.event.on("tui.session.select", (event) => {
-    if (event.properties.sessionID === currentSessionID()) void refresh()
-  })
-
-  api.slots.register({
-    slots: {
-      app_bottom(ctx) {
-        const theme = ctx.theme.current
-        const value = cost() ?? formatBRL(0)
-        return (
-          <box flexDirection="row" justifyContent="flex-end" paddingRight={2} gap={1}>
-            <text fg={theme.textMuted}>{value}</text>
-          </box>
-        )
-      },
-    },
-  })
-}
-
-const plugin: TuiPluginModule = {
-  id: "opencode-brl-cost",
-  tui,
-}
-
-export default plugin