@gamflaz/opencode-todolist 1.0.11 → 1.0.12

package/dist/icons/svg-icon.js

@@ -10,15 +10,16 @@ import { createElement as _$createElement } from "@opentui/solid";
 import { usePlugin } from "@opencode/plugin/tui";
 import { rgbToHex } from "@opentui/core";
 import { Resvg } from "@resvg/resvg-js";
-import { createMemo, createSignal, onCleanup, Show } from "solid-js";
+import { createMemo, createSignal, onCleanup, Show, splitProps } from "solid-js";
 import { supportsImageRendering } from "./image-capabilities.js";
 export function SvgIcon(props) {
-  const {
-    source: _,
-    color: __,
-    fallback,
-    ...prop
-  } = props;
+  // Solid props are getters. Destructuring them reads each value exactly once
+  // at creation time, which freezes the prop instead of tracking it. That made
+  // the collapsed `▶` / expanded `▼` fallback glyph stick on terminals without
+  // image support, where the text fallback is the branch that renders.
+  // splitProps keeps every accessor live while still separating the props this
+  // component consumes from the ones forwarded to the rendered element.
+  const [local, rest] = splitProps(props, ["source", "color", "fallback"]);
   const context = usePlugin();
   const [imageSupported, setImageSupported] = createSignal(supportsImageRendering(context.renderer.capabilities));
   const updateImageSupport = capabilities => {
@@ -26,11 +27,11 @@ export function SvgIcon(props) {
   };
   context.renderer.on("capabilities", updateImageSupport);
   onCleanup(() => context.renderer.off("capabilities", updateImageSupport));
-  const iconColor = () => props.color ? typeof props.color === "string" ? props.color : rgbToHex(props.color) : "currentColor";
+  const iconColor = () => local.color ? typeof local.color === "string" ? local.color : rgbToHex(local.color) : "currentColor";
   const pngBuffer = createMemo(() => {
     const bgToken = context.theme.background.base;
     const bg = rgbToHex(bgToken);
-    let svg = props.source.replace(/stroke="[^"]*"/g, `stroke="${iconColor()}"`).replace(/color="[^"]*"/g, `color="${iconColor()}"`);
+    let svg = local.source.replace(/stroke="[^"]*"/g, `stroke="${iconColor()}"`).replace(/color="[^"]*"/g, `color="${iconColor()}"`);
     const resvg = new Resvg(svg, {
       fitTo: {
         mode: "width",
@@ -49,7 +50,7 @@ export function SvgIcon(props) {
         var _el$2 = _$createElement("text"),
           _el$3 = _$createElement("span");
         _$insertNode(_el$2, _el$3);
-        _$insert(_el$3, fallback);
+        _$insert(_el$3, () => local.fallback);
         _$effect(_$p => _$setProp(_el$3, "style", {
           fg: iconColor()
         }, _$p));
@@ -68,7 +69,7 @@ export function SvgIcon(props) {
         get height() {
           return props.height ?? 1;
         }
-      }, prop), false);
+      }, rest), false);
       return _el$;
     }
   });

package/dist/tui/todo-panel.js

@@ -382,9 +382,9 @@ function watchSessionTodos(sessionID, onChange) {
   });
 }
 export function TodoProgress(props) {
-  const {
-    context
-  } = props;
+  // `context` is a stable reference for the lifetime of the plugin, so reading
+  // it once is safe. Reactive props below are read through accessors instead.
+  const context = props.context;
   const sessionID = () => props.sessionID ?? "";
   const theme = () => context.theme;
   const [refresh, setRefresh] = createSignal(0);
@@ -562,7 +562,7 @@ export function TodoProgress(props) {
       _$setProp(_el$17, "flexGrow", 1);
       _$setProp(_el$17, "onMouseDown", e => {
         if (e.button === 0) {
-          e.stopPropagation?.();
+          e.stopPropagation();
           setIsCollapsed(v => !v);
         }
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamflaz/opencode-todolist",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Hierarchical todo list plugin for OpenCode with a real-time TUI widget.",
   "type": "module",
   "files": [
@@ -45,7 +45,8 @@
     "compile": "bun run build && node scripts/build-jsx.mjs",
     "build:jsx": "node scripts/build-jsx.mjs",
     "dev": "tsc-watch -p tsconfig.build.json --onSuccess \"node scripts/build-jsx.mjs\"",
-    "test": "bun test/todo.test.ts",
+    "test": "bun test/icon.test.ts && bun test/skill.test.ts && bun test/skill.folder.test.ts",
+    "test:todo": "bun test/todo.test.ts",
     "typecheck": "tsc --noEmit",
     "check": "bun run typecheck && bun run test",
     "update": "git pull && bun run check && bun run compile"