@mingxy/opencode-mascot 0.7.5 → 0.7.7

package/package.json

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

package/src/components/home-mascot.tsx

@@ -74,19 +74,41 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
   renderers[currentName()].setProp(getProp("box") ?? null);
 
   const finalY = curY;
-  curY = finalY - 15;
+  const finalX = curX;
+  const fallStartY = finalY - 15;
+  const fallDuration = 500;
+  const fallStartTime = Date.now();
+  curY = fallStartY;
   applyPos();
-  let fallStep = 0;
+
   const fallInterval = setInterval(() => {
-    fallStep++;
-    curY = finalY - 15 + fallStep;
+    const elapsed = Date.now() - fallStartTime;
+    const t = Math.min(elapsed / fallDuration, 1);
+    const eased = t * t;
+    curY = Math.round(fallStartY + (finalY - fallStartY) * eased);
     applyPos();
-    if (fallStep >= 15) {
+    if (t >= 1) {
       clearInterval(fallInterval);
       curY = finalY;
       applyPos();
+
+      setTimeout(() => {
+        const shakeSeq = [1, -1, 1, -1, 0];
+        let shakeIdx = 0;
+        const shakeInterval = setInterval(() => {
+          if (shakeIdx >= shakeSeq.length) {
+            clearInterval(shakeInterval);
+            curX = finalX;
+            applyPos();
+            return;
+          }
+          curX = finalX + shakeSeq[shakeIdx];
+          applyPos();
+          shakeIdx++;
+        }, 60);
+      }, 2000);
     }
-  }, 30);
+  }, 16);
 
   setTimeout(() => {
     renderers[currentName()].setProp(null);

package/src/components/sidebar-mascot.tsx

@@ -221,16 +221,36 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
   renderers[currentName()].setProp(getProp("box") ?? null);
 
   const finalY = posY();
-  setPosY(finalY - 15);
-  let fallStep = 0;
+  const finalX = posX();
+  const fallStartY = finalY - 15;
+  const fallDuration = 500;
+  const fallStartTime = Date.now();
+  setPosY(fallStartY);
+
   const fallInterval = setInterval(() => {
-    fallStep++;
-    setPosY(finalY - 15 + fallStep);
-    if (fallStep >= 15) {
+    const elapsed = Date.now() - fallStartTime;
+    const t = Math.min(elapsed / fallDuration, 1);
+    const eased = t * t;
+    setPosY(Math.round(fallStartY + (finalY - fallStartY) * eased));
+    if (t >= 1) {
       clearInterval(fallInterval);
       setPosY(finalY);
+
+      setTimeout(() => {
+        const shakeSeq = [1, -1, 1, -1, 0];
+        let shakeIdx = 0;
+        const shakeInterval = setInterval(() => {
+          if (shakeIdx >= shakeSeq.length) {
+            clearInterval(shakeInterval);
+            setPosX(finalX);
+            return;
+          }
+          setPosX(finalX + shakeSeq[shakeIdx]);
+          shakeIdx++;
+        }, 60);
+      }, 2000);
     }
-  }, 30);
+  }, 16);
 
   setTimeout(() => {
     renderers[currentName()].setProp(null);