@mingxy/opencode-mascot 0.4.10 → 0.4.12

package/package.json

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

package/src/components/home-mascot.tsx

@@ -23,6 +23,7 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
   const [currentName, setCurrentName] = createSignal(initialName);
   const [posX, setPosX] = createSignal(0);
   const [posY, setPosY] = createSignal(0);
+  const [zBoost, setZBoost] = createSignal(false);
   let dragStartX = 0;
   let dragStartY = 0;
   let dragAnchorX = 0;
@@ -42,11 +43,15 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
   };
 
   onCelebrate((newVersion) => {
+    setZBoost(true);
     renderers[currentName()].celebrateUpdate(newVersion);
+    setTimeout(() => setZBoost(false), 2000);
   });
 
   onVersion((version) => {
+    setZBoost(true);
     renderers[currentName()].showVersion(version);
+    setTimeout(() => setZBoost(false), 3500);
   });
 
   const stopDrag = () => {
@@ -60,7 +65,7 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
       top={posY()}
       width={12}
       height={6}
-      zIndex={100}
+      zIndex={zBoost() ? 9999 : 100}
       flexDirection="column"
       onMouseDown={(e: any) => {
         log("MOUSE", `down x=${e.x} y=${e.y} alt=${!!e.modifiers?.alt} btn=${e.button}`);
@@ -92,9 +97,8 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
           setPosY(dragAnchorY + (e.y - dragStartY));
         }
       }}
-      onMouseUp={() => { log("MOUSE", `up isDragging=${isDragging}`); stopDrag(); }}
-      onMouseDragEnd={() => { log("MOUSE", `dragEnd isDragging=${isDragging}`); stopDrag(); }}
-      onMouseOut={() => { log("MOUSE", `out isDragging=${isDragging}`); if (isDragging) stopDrag(); }}
+      onMouseUp={() => { stopDrag(); }}
+      onMouseDragEnd={() => { stopDrag(); }}
     >
       {renderers[currentName()]?.element() ?? null}
     </box>

package/src/components/sidebar-mascot.tsx

@@ -43,6 +43,7 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
   const [posX, setPosX] = createSignal(20);
   const [posY, setPosY] = createSignal(2);
   const [containerWidth, setContainerWidth] = createSignal(0);
+  const [zBoost, setZBoost] = createSignal(false);
   let dragStartX = 0;
   let dragStartY = 0;
   let dragAnchorX = 0;
@@ -173,11 +174,15 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
   });
 
   onCelebrate((newVersion) => {
+    setZBoost(true);
     renderers[currentName()].celebrateUpdate(newVersion);
+    setTimeout(() => setZBoost(false), 2000);
   });
 
   onVersion((version) => {
+    setZBoost(true);
     renderers[currentName()].showVersion(version);
+    setTimeout(() => setZBoost(false), 3500);
   });
 
   return (
@@ -186,7 +191,7 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
       left={posX()}
       top={posY()}
       alignItems="center"
-      zIndex={100}
+      zIndex={zBoost() ? 9999 : 100}
       flexDirection="column"
       ref={(node: any) => {
         if (node) {
@@ -235,12 +240,6 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
         renderers[currentName()].setDragging(false);
         checkEdge();
       }}
-      onMouseOut={() => {
-        if (isDragging) {
-          isDragging = false;
-          renderers[currentName()].setDragging(false);
-        }
-      }}
     >
       {renderers[currentName()]?.element() ?? null}
     </box>