@mingxy/opencode-mascot 0.4.28 → 0.4.30

package/package.json

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

package/src/components/home-mascot.tsx

@@ -20,12 +20,15 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
   const initialName = names[Math.floor(Math.random() * names.length)];
 
   const cw = (typeof process !== "undefined" && process.stdout?.columns) || 80;
-  const ch = (typeof process !== "undefined" && process.stdout?.rows) || 24;
+
+  const initX = Math.floor((Math.random() - 0.5) * Math.max(0, cw - 20));
+  const initY = -(Math.floor(Math.random() * 8) + 2);
 
   const [currentName, setCurrentName] = createSignal(initialName);
-  const [posX, setPosX] = createSignal(Math.floor(Math.random() * Math.max(0, cw - 12)));
-  const [posY, setPosY] = createSignal(-(Math.floor(Math.random() * Math.min(ch - 8, 15)) + 3));
   const [zBoost, setZBoost] = createSignal(false);
+  let boxRef: any = null;
+  let curX = initX;
+  let curY = initY;
   let dragStartX = 0;
   let dragStartY = 0;
   let dragAnchorX = 0;
@@ -44,6 +47,13 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
     setCurrentName(names[(idx + 1) % names.length]);
   };
 
+  const applyPos = () => {
+    if (boxRef) {
+      boxRef.translateX = curX;
+      boxRef.translateY = curY;
+    }
+  };
+
   onCelebrate((newVersion) => {
     setZBoost(true);
     renderers[currentName()].celebrateUpdate(newVersion);
@@ -67,11 +77,12 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
 
   return (
     <box
-      position="absolute"
-      left={posX()}
-      top={posY()}
       zIndex={zBoost() ? 9999 : 100}
       flexDirection="column"
+      ref={(node: any) => {
+        boxRef = node;
+        applyPos();
+      }}
       onMouseDown={(e: any) => {
         const now = Date.now();
         if (now - lastClickTime < 300) {
@@ -84,8 +95,8 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
         if (e.modifiers?.alt) {
           dragStartX = e.x;
           dragStartY = e.y;
-          dragAnchorX = posX();
-          dragAnchorY = posY();
+          dragAnchorX = curX;
+          dragAnchorY = curY;
           isDragging = true;
           renderers[currentName()].setDragging(true);
           props.api.renderer.clearSelection();
@@ -93,8 +104,9 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
       }}
       onMouseDrag={(e: any) => {
         if (e.modifiers?.alt && isDragging) {
-          setPosX(dragAnchorX + (e.x - dragStartX));
-          setPosY(dragAnchorY + (e.y - dragStartY));
+          curX = dragAnchorX + (e.x - dragStartX);
+          curY = dragAnchorY + (e.y - dragStartY);
+          applyPos();
         }
       }}
       onMouseUp={() => { stopDrag(); }}

package/src/core/ascii-renderer.tsx

@@ -446,7 +446,7 @@ export function createAnimatedRenderer(pack: MascotPack): {
     bounceTimers.push(setTimeout(() => {
       setJumpOffset(0);
       bounceTimers = [];
-      if (Math.random() < 0.3) {
+      if (Math.random() < 0.5) {
         fallApart();
       }
     }, 450));