opencode-minimax-quota 0.1.6 → 0.1.8

package/dist/tui.js

@@ -1,7 +1,7 @@
 // src.tsx
 import { appendFileSync } from "fs";
 import { createSignal, createRoot } from "solid-js";
-import { createComponent } from "@opentui/solid";
+import { createElement, setProp, insert } from "@opentui/solid";
 var LOG = "/tmp/opencode-minimax-quota.log";
 function log(...args) {
   try {
@@ -71,109 +71,36 @@ function fmtResetTime(ms) {
     hour12: false
   }).format(ms);
 }
-function Badge(props) {
-  const theme = () => props.theme;
-  const q = () => props.quota();
-  const iColor = () => (q()?.intervalPct ?? 0) > 20 ? theme().success : theme().error;
-  const wColor = () => (q()?.weeklyPct ?? 0) > 20 ? theme().success : theme().error;
-  const root = createComponent("box", {
-    get flexDirection() {
-      return "row";
-    },
-    get gap() {
-      return 1;
-    },
-    get alignItems() {
-      return "center";
-    },
-    get children() {
-      const cur = q();
-      const curTheme = theme();
-      if (!cur) {
-        return [createComponent("text", {
-          get fg() {
-            return curTheme.textMuted;
-          },
-          get children() {
-            return "MiniMax loading...";
-          }
-        })];
-      }
-      const iColorVal = iColor();
-      const wColorVal = wColor();
-      return [
-        createComponent("text", {
-          get fg() {
-            return curTheme.textMuted;
-          },
-          get children() {
-            return "MiniMax";
-          }
-        }),
-        createComponent("text", {
-          get fg() {
-            return curTheme.text;
-          },
-          get children() {
-            return [
-              "5h:",
-              createComponent("span", {
-                get style() {
-                  return { fg: iColorVal };
-                },
-                get children() {
-                  return `${cur.intervalPct}%`;
-                }
-              })
-            ];
-          }
-        }),
-        createComponent("text", {
-          get fg() {
-            return curTheme.textMuted;
-          },
-          get children() {
-            return fmtResetTime(cur.intervalResetMs);
-          }
-        }),
-        createComponent("text", {
-          get fg() {
-            return curTheme.textMuted;
-          },
-          get children() {
-            return "\xB7";
-          }
-        }),
-        createComponent("text", {
-          get fg() {
-            return curTheme.text;
-          },
-          get children() {
-            return [
-              "\u5468:",
-              createComponent("span", {
-                get style() {
-                  return { fg: wColorVal };
-                },
-                get children() {
-                  return `${cur.weeklyPct}%`;
-                }
-              })
-            ];
-          }
-        }),
-        createComponent("text", {
-          get fg() {
-            return curTheme.textMuted;
-          },
-          get children() {
-            return fmtResetTime(cur.weeklyResetMs);
-          }
-        })
-      ];
-    }
-  });
-  return root;
+function makeBox(props, children) {
+  const el = createElement("box");
+  for (const [k, v] of Object.entries(props || {})) setProp(el, k, v);
+  for (const c of children || []) insert(el, c);
+  return el;
+}
+function makeText(props, ...children) {
+  const el = createElement("text");
+  for (const [k, v] of Object.entries(props || {})) setProp(el, k, v);
+  for (const c of children || []) insert(el, c);
+  return el;
+}
+function makeSpan(props, ...children) {
+  const el = createElement("span");
+  for (const [k, v] of Object.entries(props || {})) setProp(el, k, v);
+  for (const c of children || []) insert(el, c);
+  return el;
+}
+function renderQuotaBadge(theme, q) {
+  if (!q) return makeText({ fg: theme.textMuted }, "MiniMax loading...");
+  const iColor = q.intervalPct > 20 ? theme.success : theme.error;
+  const wColor = q.weeklyPct > 20 ? theme.success : theme.error;
+  return makeBox({ flexDirection: "row", gap: 1, alignItems: "center" }, [
+    makeText({ fg: theme.textMuted }, "MiniMax"),
+    makeText({ fg: theme.text }, ["5h:", makeSpan({ style: { fg: iColor } }, `${q.intervalPct}%`)]),
+    makeText({ fg: theme.textMuted }, fmtResetTime(q.intervalResetMs)),
+    makeText({ fg: theme.textMuted }, "\xB7"),
+    makeText({ fg: theme.text }, ["\u5468:", makeSpan({ style: { fg: wColor } }, `${q.weeklyPct}%`)]),
+    makeText({ fg: theme.textMuted }, fmtResetTime(q.weeklyResetMs))
+  ]);
 }
 var tui = async (api) => {
   log("tui() called");
@@ -181,11 +108,16 @@ var tui = async (api) => {
     createRoot((dispose) => {
       log("createRoot setup");
       const [quota, setQuota] = createSignal(null);
-      api.slots.register({
+      let currentQuota = null;
+      let currentTheme = null;
+      const unregister = api.slots.register({
         slots: {
-          session_prompt_right() {
-            log("renderer called, quota:", quota()?.intervalPct);
-            return Badge({ quota, theme: () => api.theme.current });
+          session_prompt_right(context) {
+            log("renderer called, quota:", currentQuota?.intervalPct);
+            const theme = currentTheme || context.theme.current;
+            const el = renderQuotaBadge(theme, currentQuota);
+            log("renderer returned element:", typeof el, el?.constructor?.name);
+            return el;
           }
         }
       });
@@ -194,6 +126,8 @@ var tui = async (api) => {
         log("load() fetching...");
         const q = await fetchQuota();
         log("load() got quota:", q?.intervalPct);
+        currentQuota = q;
+        currentTheme = api.theme.current;
         setQuota(q);
       };
       api.lifecycle.onDispose(dispose);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-minimax-quota",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "OpenCode TUI plugin to display MiniMax token plan quota (5h + weekly) in the prompt bar",
   "type": "module",
   "main": "./dist/tui.js",