@mingxy/opencode-mascot 0.4.23 → 0.4.25

package/package.json

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

package/src/components/home-mascot.tsx

@@ -5,7 +5,6 @@ import type { JSX } from "@opentui/solid";
 import type { MascotPack } from "../core/types";
 import { createAnimatedRenderer } from "../core/ascii-renderer";
 import { onCelebrate, onVersion } from "../core/celebration-bus";
-import { log } from "../core/logger";
 
 interface HomeMascotProps {
   mascots: Record<string, MascotPack>;
@@ -20,9 +19,11 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
   const names = Object.keys(props.mascots);
   const initialName = names[Math.floor(Math.random() * names.length)];
 
+  const cw = (typeof process !== "undefined" && process.stdout?.columns) || 80;
+
   const [currentName, setCurrentName] = createSignal(initialName);
-  const [posX, setPosX] = createSignal(0);
-  const [posY, setPosY] = createSignal(0);
+  const [posX, setPosX] = createSignal(Math.floor(Math.random() * Math.max(0, cw - 20)));
+  const [posY, setPosY] = createSignal(Math.floor(Math.random() * 3));
   const [zBoost, setZBoost] = createSignal(false);
   let dragStartX = 0;
   let dragStartY = 0;
@@ -66,7 +67,6 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
       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}`);
         const now = Date.now();
         if (now - lastClickTime < 300) {
           switchToNext();
@@ -81,22 +81,18 @@ export function HomeMascot(props: HomeMascotProps): JSX.Element {
           dragAnchorX = posX();
           dragAnchorY = posY();
           isDragging = true;
-          log("DRAG", `start anchorX=${dragAnchorX} anchorY=${dragAnchorY} startX=${dragStartX} startY=${dragStartY}`);
           renderers[currentName()].setDragging(true);
           props.api.renderer.clearSelection();
         }
       }}
       onMouseDrag={(e: any) => {
-        if (isDragging) {
-          log("MOUSE", `drag x=${e.x} y=${e.y} alt=${!!e.modifiers?.alt} dx=${e.x - dragStartX} dy=${e.y - dragStartY}`);
-        }
         if (e.modifiers?.alt && isDragging) {
           setPosX(dragAnchorX + (e.x - dragStartX));
           setPosY(dragAnchorY + (e.y - dragStartY));
         }
       }}
-      onMouseUp={() => { log("MOUSE", `up isDragging=${isDragging}`); stopDrag(); }}
-      onMouseDragEnd={() => { log("MOUSE", `dragEnd isDragging=${isDragging}`); stopDrag(); }}
+      onMouseUp={() => { stopDrag(); }}
+      onMouseDragEnd={() => { stopDrag(); }}
     >
       {renderers[currentName()]?.element() ?? null}
     </box>

package/src/components/sidebar-mascot.tsx

@@ -187,9 +187,12 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
 
   return (
     <box
-      overflow="hidden"
-      width="100%"
-      height="100%"
+      position="absolute"
+      left={posX()}
+      top={posY()}
+      alignItems="center"
+      zIndex={zBoost() ? 9999 : 100}
+      flexDirection="column"
       ref={(node: any) => {
         if (node) {
           setContainerWidth(node.width || 0);
@@ -200,54 +203,45 @@ export function SidebarMascot(props: SidebarMascotProps): JSX.Element {
           }
         }
       }}
+      onMouseDown={(e: any) => {
+        if (hideSide) { returnToView(); return; }
+
+        const now = Date.now();
+        if (now - lastClickTime < 300) {
+          switchToNext();
+          lastClickTime = 0;
+          return;
+        }
+        lastClickTime = now;
+
+        if (e.modifiers?.alt) {
+          dragStartX = e.x;
+          dragStartY = e.y;
+          dragAnchorX = posX();
+          dragAnchorY = posY();
+          isDragging = true;
+          renderers[currentName()].setDragging(true);
+          props.api.renderer.clearSelection();
+        }
+      }}
+      onMouseDrag={(e: any) => {
+        if (e.modifiers?.alt && isDragging) {
+          setPosX(clampX(dragAnchorX + (e.x - dragStartX)));
+          setPosY(clampY(dragAnchorY + (e.y - dragStartY)));
+        }
+      }}
+      onMouseUp={() => {
+        isDragging = false;
+        renderers[currentName()].setDragging(false);
+        checkEdge();
+      }}
+      onMouseDragEnd={() => {
+        isDragging = false;
+        renderers[currentName()].setDragging(false);
+        checkEdge();
+      }}
     >
-      <box
-        position="absolute"
-        left={posX()}
-        top={posY()}
-        alignItems="center"
-        zIndex={zBoost() ? 9999 : 100}
-        flexDirection="column"
-        onMouseDown={(e: any) => {
-          if (hideSide) { returnToView(); return; }
-
-          const now = Date.now();
-          if (now - lastClickTime < 300) {
-            switchToNext();
-            lastClickTime = 0;
-            return;
-          }
-          lastClickTime = now;
-
-          if (e.modifiers?.alt) {
-            dragStartX = e.x;
-            dragStartY = e.y;
-            dragAnchorX = posX();
-            dragAnchorY = posY();
-            isDragging = true;
-            renderers[currentName()].setDragging(true);
-            props.api.renderer.clearSelection();
-          }
-        }}
-        onMouseDrag={(e: any) => {
-          if (e.modifiers?.alt && isDragging) {
-            setPosX(clampX(dragAnchorX + (e.x - dragStartX)));
-            setPosY(clampY(dragAnchorY + (e.y - dragStartY)));
-          }
-        }}
-        onMouseUp={() => {
-          isDragging = false;
-          renderers[currentName()].setDragging(false);
-          checkEdge();
-        }}
-        onMouseDragEnd={() => {
-          isDragging = false;
-          renderers[currentName()].setDragging(false);
-          checkEdge();
-        }}
-      >
-        {renderers[currentName()]?.element() ?? null}
-      </box>
+      {renderers[currentName()]?.element() ?? null}
     </box>
   );
 }