@mingxy/opencode-mascot 0.7.1 → 0.7.3

package/package.json

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

package/src/components/home-mascot.tsx

@@ -71,11 +71,14 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
     renderers[currentName()].scatterIn();
   });
 
+  renderers[currentName()].setCharacterHidden(true);
+  renderers[currentName()].setProp(getProp("box") ?? null);
+
   setTimeout(() => {
-    if (!renderers[currentName()].getProp()) {
-      renderers[currentName()].setProp(getProp("box") ?? null);
-    }
-  }, 2500);
+    renderers[currentName()].setProp(null);
+    renderers[currentName()].setCharacterHidden(false);
+    renderers[currentName()].scatterIn();
+  }, 6000);
 
   const stopDrag = () => {
     isDragging = false;

package/src/components/sidebar-mascot.tsx

@@ -167,12 +167,11 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
           renderers[currentName()].setProp(busyProp);
         }, 300);
       } else {
-        renderers[currentName()].setProp(getProp("box") ?? null);
+        renderers[currentName()].setProp(null);
       }
     } else {
       setStateWithSwitch("idle");
-      // idle 时显示箱子常驻
-      renderers[currentName()].setProp(getProp("box") ?? null);
+      renderers[currentName()].setProp(null);
     }
   });
 
@@ -218,18 +217,17 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
     renderers[currentName()].scatterIn();
   });
 
-  setTimeout(() => {
-    if (scattered) return;
-    scattered = true;
-    renderers[currentName()].scatterIn();
-  }, 2000);
+  renderers[currentName()].setCharacterHidden(true);
+  renderers[currentName()].setProp(getProp("box") ?? null);
 
-  // 启动后显示箱子（在 scatter 之后）
   setTimeout(() => {
-    if (!renderers[currentName()].getProp()) {
-      renderers[currentName()].setProp(getProp("box") ?? null);
+    renderers[currentName()].setProp(null);
+    renderers[currentName()].setCharacterHidden(false);
+    if (!scattered) {
+      scattered = true;
+      renderers[currentName()].scatterIn();
     }
-  }, 2500);
+  }, 6000);
 
   return (
     <box

package/src/core/ascii-renderer.tsx

@@ -50,6 +50,7 @@ export function createAnimatedRenderer(pack: MascotPack): {
   setState: (s: MascotState) => void;
   toggleWalk: () => void;
   setDragging: (v: boolean) => void;
+  setCharacterHidden: (v: boolean) => void;
   celebrateUpdate: (newVersion: string) => void;
   bounce: () => void;
   showVersion: (version: string) => void;
@@ -77,6 +78,7 @@ export function createAnimatedRenderer(pack: MascotPack): {
   const [bomb, setBomb] = createSignal<{ fuse: string; count: string } | null>(null);
   const [scatter, setScatter] = createSignal<{ dx: number; dy: number }[] | null>(null);
   const [activeProp, setActiveProp] = createSignal<PropPack | null>(null);
+  const [characterHidden, setCharacterHiddenSignal] = createSignal(false);
   const [propFrameIdx, setPropFrameIdx] = createSignal(0);
   const [propPosition, setPropPosition] = createSignal<PropPosition | null>(null);
 
@@ -344,7 +346,9 @@ export function createAnimatedRenderer(pack: MascotPack): {
     const width = rawLines[0]?.length ?? 10;
     const blank = " ".repeat(width);
 
-    let lines: string[] = rawLines.map((line, i) => {
+    let lines: string[] = characterHidden()
+      ? rawLines.map(() => blank)
+      : rawLines.map((line, i) => {
       if (!breathPhase()) {
         if (i === 0) return blank;
         return rawLines[i - 1];
@@ -477,6 +481,10 @@ export function createAnimatedRenderer(pack: MascotPack): {
     }
   };
 
+  const setCharacterHidden = (v: boolean) => {
+    setCharacterHiddenSignal(v);
+  };
+
   const setDragging = (v: boolean) => {
     setDraggingSignal(v);
     if (v) {
@@ -650,5 +658,5 @@ export function createAnimatedRenderer(pack: MascotPack): {
 
   const getProp = () => activeProp();
 
-  return { element, getState: currentState, setState, toggleWalk, setDragging, celebrateUpdate, bounce, showVersion, scatterIn, explode, setProp, getProp };
+  return { element, getState: currentState, setState, toggleWalk, setDragging, setCharacterHidden, celebrateUpdate, bounce, showVersion, scatterIn, explode, setProp, getProp };
 }