@mingxy/opencode-mascot 0.4.13 → 0.4.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mingxy/opencode-mascot",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "description": "OpenCode TUI mascot plugin framework - customizable ASCII mascots for your terminal",
   "author": "mingxy",
   "license": "MIT",

package/src/builtins/yueer/index.ts

@@ -98,7 +98,6 @@ const yueerEffects: MascotPack["effects"] = {
 
     const ahogeAlt = get("ahogeAlt") as boolean;
     const waveSide = get("waveSide") as boolean;
-    const zzzPhase = get("zzzPhase") as number;
     const stompActive = get("stompActive") as boolean;
     const stompAlt = get("stompAlt") as boolean;
     const flapAlt = get("flapAlt") as boolean;
@@ -156,18 +155,6 @@ const yueerEffects: MascotPack["effects"] = {
       }
     }
 
-    if (zzzPhase > 0 && state === "sleeping") {
-      const baseWidth = 10;
-      for (let i = 0; i < result.length; i++) {
-        if (result[i].includes("-.-")) {
-          const zzz = "Z" + "z".repeat(zzzPhase - 1);
-          const padded = result[i].padEnd(baseWidth);
-          result[i] = padded + " " + zzz;
-          break;
-        }
-      }
-    }
-
     if ((state === "busy" || state === "thinking")) {
       const idx = get("bubbleIdx") as number;
       const ahogeLine = result.findIndex(l => l.includes("☆") || l.includes("★"));

package/src/components/home-mascot.tsx

@@ -63,8 +63,6 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
     <box
       left={posX()}
       top={posY()}
-      width={12}
-      height={6}
       zIndex={zBoost() ? 9999 : 100}
       flexDirection="column"
       onMouseDown={(e: any) => {
@@ -97,8 +95,8 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
           setPosY(dragAnchorY + (e.y - dragStartY));
         }
       }}
-      onMouseUp={() => { stopDrag(); }}
-      onMouseDragEnd={() => { stopDrag(); }}
+      onMouseUp={() => { log("MOUSE", `up isDragging=${isDragging}`); stopDrag(); }}
+      onMouseDragEnd={() => { log("MOUSE", `dragEnd isDragging=${isDragging}`); stopDrag(); }}
     >
       {renderers[currentName()]?.element() ?? null}
     </box>

package/src/core/ascii-renderer.tsx

@@ -67,9 +67,11 @@ export function createAnimatedRenderer(pack: MascotPack): {
   const [celebrate, setCelebrate] = createSignal<{ text: string; count: number } | null>(null);
   const [flashColor, setFlashColor] = createSignal<string | null>(null);
   const [dragMsg, setDragMsg] = createSignal<string | null>(null);
+  const [zzz, setZzz] = createSignal<string | null>(null);
 
   let flashTimer: ReturnType<typeof setInterval> | null = null;
   let dragMsgTimer: ReturnType<typeof setInterval> | null = null;
+  let zzzTimer: ReturnType<typeof setInterval> | null = null;
   let bounceTimers: ReturnType<typeof setTimeout>[] = [];
   let celebrateTimers: ReturnType<typeof setTimeout>[] = [];
   let versionTimer: ReturnType<typeof setTimeout> | null = null;
@@ -264,6 +266,7 @@ export function createAnimatedRenderer(pack: MascotPack): {
     stopBounce();
     stopCelebrate();
     stopVersion();
+    if (zzzTimer) { clearInterval(zzzTimer); zzzTimer = null; }
   });
 
   // ─── Render ───
@@ -277,6 +280,7 @@ export function createAnimatedRenderer(pack: MascotPack): {
     celebrate();
     flashColor();
     dragMsg();
+    zzz();
 
     for (const [, [get]] of extraSignals) {
       get();
@@ -318,6 +322,7 @@ export function createAnimatedRenderer(pack: MascotPack): {
       <box flexDirection="column" alignItems="flex-start" left={left} top={top}>
         {cel ? <box position="absolute" top={-1} left={0}><text fg={flashColor() ?? fg}>{cel.text}</text></box> : null}
         {dm ? <box position="absolute" top={-1} left={0}><text fg="#FF4081">{dm}</text></box> : null}
+        {zzz() ? <box position="absolute" top={-1} left={0}><text fg={flashColor() ?? fg}>{zzz()}</text></box> : null}
         {lines.map((line: string) => (
           <text fg={flashColor() ?? fg}>{line}</text>
         ))}
@@ -340,12 +345,25 @@ export function createAnimatedRenderer(pack: MascotPack): {
 
     if (s === "thinking" || s === "busy") {
       stopFlash();
+      setZzz(null);
       flashTimer = setInterval(() => {
         setFlashColor(FLASH_COLORS[Math.floor(Math.random() * FLASH_COLORS.length)]);
       }, 120);
     } else {
       stopFlash();
     }
+
+    if (s === "sleeping") {
+      let phase = 1;
+      setZzz("Z");
+      zzzTimer = setInterval(() => {
+        phase = (phase % 3) + 1;
+        setZzz("Z" + "z".repeat(phase - 1));
+      }, 1500);
+    } else {
+      if (zzzTimer) { clearInterval(zzzTimer); zzzTimer = null; }
+      setZzz(null);
+    }
   };
 
   const toggleWalk = () => {