opencode-minimax-quota 0.1.2 → 0.1.3

package/dist/tui.js

@@ -1,7 +1,7 @@
 // src.tsx
 import { appendFileSync } from "fs";
 import { createSignal, createRoot } from "solid-js";
-import { effect, createElement, setProp, insert } from "@opentui/solid";
+import { createComponent } from "@opentui/solid";
 var LOG = "/tmp/opencode-minimax-quota.log";
 function log(...args) {
   try {
@@ -43,19 +43,13 @@ function parseQuota(data) {
 }
 async function fetchQuota() {
   const key = loadApiKey();
-  if (!key) {
-    log("fetchQuota: no API key");
-    return null;
-  }
+  if (!key) return null;
   try {
     const res = await fetch(QUOTA_API, {
       headers: { Authorization: `Bearer ${key}`, "Content-Type": "application/json" }
     });
     const data = await res.json();
-    if (data.base_resp?.status_code !== 0) {
-      log("fetchQuota: API error", data.base_resp);
-      return null;
-    }
+    if (data.base_resp?.status_code !== 0) return null;
     return parseQuota(data);
   } catch (e) {
     log("fetchQuota error:", e.message);
@@ -72,81 +66,128 @@ function fmtResetTime(ms) {
     hour12: false
   }).format(ms);
 }
-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))
-  ]);
+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 \u52A0\u8F7D...";
+          }
+        })];
+      }
+      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;
 }
 var tui = async (api) => {
   log("tui() called");
-  log("api keys:", Object.keys(api).join(","));
-  log("api.slots:", typeof api.slots, "register:", typeof api.slots?.register);
-  log("api.theme:", typeof api.theme);
-  log("api.event:", typeof api.event);
-  log("api.lifecycle:", typeof api.lifecycle);
   try {
     createRoot((dispose) => {
       log("createRoot setup");
       const [quota, setQuota] = createSignal(null);
-      log("createSignal done");
-      effect(() => {
-        log("effect running, quota=", quota()?.intervalPct);
-        const q = quota();
-        const theme = api.theme.current;
-        const el = renderQuotaBadge(theme, q);
-        log("about to register slot, el type:", typeof el, el?.constructor?.name);
-        try {
-          api.slots.register({
-            slots: {
-              session_prompt_right() {
-                log("renderer called");
-                return el;
-              }
-            }
-          });
-          log("register done");
-        } catch (e) {
-          log("register error:", e.message, e.stack);
+      api.slots.register({
+        slots: {
+          session_prompt_right() {
+            log("renderer called");
+            return Badge({ quota, theme: () => api.theme.current });
+          }
         }
       });
+      log("slot registered");
       const load = async () => {
-        log("load() fetching...");
         const q = await fetchQuota();
-        log("load() got quota:", q?.intervalPct);
+        log("load got quota:", q?.intervalPct);
         setQuota(q);
       };
       api.lifecycle.onDispose(dispose);
@@ -160,7 +201,6 @@ var tui = async (api) => {
     log("createRoot ERROR:", e.message, e.stack);
   }
 };
-log("tui defined, exporting");
 var src_default = { id: "opencode-minimax-quota", tui };
 export {
   src_default as default

package/package.json

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