@mingxy/opencode-mascot 0.7.2 → 0.7.4

package/package.json

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

package/src/components/home-mascot.tsx

@@ -71,14 +71,29 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
     renderers[currentName()].scatterIn();
   });
 
-  setTimeout(() => {
-    if (!renderers[currentName()].getProp()) {
-      renderers[currentName()].setProp(getProp("box") ?? null);
-      setTimeout(() => {
-        renderers[currentName()].setProp(null);
-      }, 6000);
+  renderers[currentName()].setCharacterHidden(true);
+  renderers[currentName()].setProp(getProp("box") ?? null);
+
+  const finalY = curY;
+  curY = finalY - 15;
+  applyPos();
+  let fallStep = 0;
+  const fallInterval = setInterval(() => {
+    fallStep++;
+    curY = finalY - 15 + fallStep;
+    applyPos();
+    if (fallStep >= 15) {
+      clearInterval(fallInterval);
+      curY = finalY;
+      applyPos();
     }
-  }, 2500);
+  }, 30);
+
+  setTimeout(() => {
+    renderers[currentName()].setProp(null);
+    renderers[currentName()].setCharacterHidden(false);
+    renderers[currentName()].scatterIn();
+  }, 6000);
 
   const stopDrag = () => {
     isDragging = false;

package/src/components/sidebar-mascot.tsx

@@ -217,20 +217,29 @@ 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);
+
+  const finalY = posY();
+  setPosY(finalY - 15);
+  let fallStep = 0;
+  const fallInterval = setInterval(() => {
+    fallStep++;
+    setPosY(finalY - 15 + fallStep);
+    if (fallStep >= 15) {
+      clearInterval(fallInterval);
+      setPosY(finalY);
+    }
+  }, 30);
 
   setTimeout(() => {
-    if (!renderers[currentName()].getProp()) {
-      renderers[currentName()].setProp(getProp("box") ?? null);
-      setTimeout(() => {
-        renderers[currentName()].setProp(null);
-      }, 6000);
+    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 };
 }