petdex-cc 0.1.0

package/dist/src/renderer/context-menu.js

@@ -0,0 +1,83 @@
+/**
+ * Context menu module.
+ *
+ * Builds the right-click context menu for the pet. Electron Menu is
+ * available via the preload bridge in the renderer process.
+ */
+import { Menu, app } from "electron";
+/**
+ * Creates the pet context menu.
+ *
+ * Menu items:
+ *  - "Show Pet" / "Hide Pet" toggle
+ *  - Separator
+ *  - "Switch Pet..."
+ *  - "Settings..."
+ *  - "About"
+ *  - Separator
+ *  - "Quit"
+ *
+ * @param win The BrowserWindow this menu controls.
+ * @returns An Electron Menu instance.
+ */
+export function createContextMenu(win) {
+    return Menu.buildFromTemplate([
+        {
+            label: win.isVisible() ? "Hide Pet" : "Show Pet",
+            click: () => {
+                if (win.isVisible()) {
+                    win.hide();
+                }
+                else {
+                    win.show();
+                }
+            },
+        },
+        { type: "separator" },
+        {
+            label: "Switch Pet...",
+            click: () => {
+                // Placeholder -- will be implemented in a future iteration.
+                const { dialog } = require("electron");
+                dialog.showMessageBox(win, {
+                    type: "info",
+                    title: "Switch Pet",
+                    message: "Pet switching is not yet implemented.",
+                    detail: "Use: npx petdex-cc install <pet-name> to switch pets.",
+                });
+            },
+        },
+        {
+            label: "Settings...",
+            click: () => {
+                const { dialog } = require("electron");
+                dialog.showMessageBox(win, {
+                    type: "info",
+                    title: "Settings",
+                    message: "Settings are not yet implemented.",
+                    detail: "Configuration will be available in a future version.",
+                });
+            },
+        },
+        {
+            label: "About",
+            click: () => {
+                const { dialog } = require("electron");
+                dialog.showMessageBox(win, {
+                    type: "info",
+                    title: "petdex-cc",
+                    message: "petdex-cc v0.1.0",
+                    detail: "Desktop pet companion for Claude Code.\nPets from https://petdex.crafter.run",
+                });
+            },
+        },
+        { type: "separator" },
+        {
+            label: "Quit",
+            click: () => {
+                app.quit();
+            },
+        },
+    ]);
+}
+//# sourceMappingURL=context-menu.js.map

package/dist/src/renderer/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../../src/renderer/context-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAiB,MAAM,UAAU,CAAC;AAEpD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,iBAAiB,CAAC,GAAkB;IAClD,OAAO,IAAI,CAAC,iBAAiB,CAAC;QAC5B;YACE,KAAK,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;YAChD,KAAK,EAAE,GAAG,EAAE;gBACV,IAAI,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC;oBACpB,GAAG,CAAC,IAAI,EAAE,CAAC;gBACb,CAAC;qBAAM,CAAC;oBACN,GAAG,CAAC,IAAI,EAAE,CAAC;gBACb,CAAC;YACH,CAAC;SACF;QACD,EAAE,IAAI,EAAE,WAAW,EAAE;QACrB;YACE,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,GAAG,EAAE;gBACV,4DAA4D;gBAC5D,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,UAAU,CAAoB,CAAC;gBAC1D,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE;oBACzB,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,YAAY;oBACnB,OAAO,EAAE,uCAAuC;oBAChD,MAAM,EAAE,uDAAuD;iBAChE,CAAC,CAAC;YACL,CAAC;SACF;QACD;YACE,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,GAAG,EAAE;gBACV,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,UAAU,CAAoB,CAAC;gBAC1D,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE;oBACzB,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,UAAU;oBACjB,OAAO,EAAE,mCAAmC;oBAC5C,MAAM,EAAE,sDAAsD;iBAC/D,CAAC,CAAC;YACL,CAAC;SACF;QACD;YACE,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,GAAG,EAAE;gBACV,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,UAAU,CAAoB,CAAC;gBAC1D,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE;oBACzB,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,WAAW;oBAClB,OAAO,EAAE,kBAAkB;oBAC3B,MAAM,EACJ,8EAA8E;iBACjF,CAAC,CAAC;YACL,CAAC;SACF;QACD,EAAE,IAAI,EAAE,WAAW,EAAE;QACrB;YACE,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,GAAG,EAAE;gBACV,GAAG,CAAC,IAAI,EAAE,CAAC;YACb,CAAC;SACF;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/src/renderer/drag.d.ts

@@ -0,0 +1,3 @@
+import type { BrowserWindow } from "electron";
+export declare function initDrag(petEl: HTMLElement, win: BrowserWindow): void;
+//# sourceMappingURL=drag.d.ts.map

package/dist/src/renderer/drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../src/renderer/drag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA2C9C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CAoBrE"}

package/dist/src/renderer/drag.js

@@ -0,0 +1,57 @@
+import { showBubble } from "./bubble.js";
+import { setPetAction } from "./pet-sprite.js";
+let dragging = false;
+let startX = 0;
+let startY = 0;
+// Click easter egg
+let clickCount = 0;
+let clickTimer = null;
+const CLICK_WINDOW_MS = 1500; // time window for counting clicks
+const CLICK_MESSAGES = [
+    { threshold: 2, text: "你戳我干嘛？" },
+    { threshold: 4, text: "好痛！别戳了！" },
+    { threshold: 6, text: "再点我就不理你了！", state: "failed" },
+    { threshold: 9, text: "呜呜...你欺负人", state: "failed" },
+    { threshold: 12, text: "我要报警了！再点一下试试！", state: "jumping" },
+    { threshold: 15, text: "✨ 勇敢的冒险者，你解锁了隐藏成就！", state: "jumping" },
+];
+function handleClick() {
+    clickCount++;
+    if (clickTimer)
+        clearTimeout(clickTimer);
+    clickTimer = setTimeout(() => {
+        clickCount = 0;
+    }, CLICK_WINDOW_MS);
+    // Find the highest matching message
+    let matched = CLICK_MESSAGES[0];
+    for (const msg of CLICK_MESSAGES) {
+        if (clickCount >= msg.threshold)
+            matched = msg;
+    }
+    if (clickCount >= CLICK_MESSAGES[0].threshold) {
+        showBubble(matched.text, 4000);
+        if (matched.state)
+            setPetAction(matched.state);
+    }
+}
+export function initDrag(petEl, win) {
+    petEl.addEventListener("mousedown", (e) => {
+        dragging = true;
+        startX = e.screenX;
+        startY = e.screenY;
+        e.preventDefault();
+        handleClick();
+    });
+    document.addEventListener("mousemove", (e) => {
+        if (!dragging)
+            return;
+        const [wx, wy] = win.getPosition();
+        win.setPosition(wx + e.screenX - startX, wy + e.screenY - startY);
+        startX = e.screenX;
+        startY = e.screenY;
+    });
+    document.addEventListener("mouseup", () => {
+        dragging = false;
+    });
+}
+//# sourceMappingURL=drag.js.map

package/dist/src/renderer/drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.js","sourceRoot":"","sources":["../../../src/renderer/drag.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,IAAI,MAAM,GAAG,CAAC,CAAC;AACf,IAAI,MAAM,GAAG,CAAC,CAAC;AAEf,mBAAmB;AACnB,IAAI,UAAU,GAAG,CAAC,CAAC;AACnB,IAAI,UAAU,GAAyC,IAAI,CAAC;AAE5D,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,kCAAkC;AAEhE,MAAM,cAAc,GAA0D;IAC5E,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;IAChC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;IACjC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpD,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpD,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE;IAC1D,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,SAAS,EAAE;CAChE,CAAC;AAEF,SAAS,WAAW;IAClB,UAAU,EAAE,CAAC;IAEb,IAAI,UAAU;QAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACzC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE;QAC3B,UAAU,GAAG,CAAC,CAAC;IACjB,CAAC,EAAE,eAAe,CAAC,CAAC;IAEpB,oCAAoC;IACpC,IAAI,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAChC,KAAK,MAAM,GAAG,IAAI,cAAc,EAAE,CAAC;QACjC,IAAI,UAAU,IAAI,GAAG,CAAC,SAAS;YAAE,OAAO,GAAG,GAAG,CAAC;IACjD,CAAC;IAED,IAAI,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QAC9C,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/B,IAAI,OAAO,CAAC,KAAK;YAAE,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAkB,EAAE,GAAkB;IAC7D,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;QACxC,QAAQ,GAAG,IAAI,CAAC;QAChB,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;QACnB,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;QACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3C,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;QACnC,GAAG,CAAC,WAAW,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;QAClE,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;QACnB,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;QACxC,QAAQ,GAAG,KAAK,CAAC;IACnB,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/src/renderer/index.html

@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!-- CSP removed for local Electron renderer -->
+  <title>petdex-cc</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    html, body {
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      background: transparent;
+      user-select: none;
+      -webkit-user-select: none;
+    }
+
+    #pet-container {
+      position: absolute;
+      width: 300px;
+      height: 320px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: flex-end;
+    }
+
+    #bubble-container {
+      position: relative;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      margin-bottom: 4px;
+      pointer-events: none;
+      z-index: 10;
+    }
+
+    #bubble {
+      position: absolute;
+      bottom: calc(100% + 10px);
+      max-width: 220px;
+      padding: 8px 12px;
+      border-radius: 12px;
+      background: rgba(255, 255, 255, 0.9);
+      font: 13px sans-serif;
+      color: #333;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+      opacity: 1;
+      transition: opacity 200ms ease-in, opacity 500ms ease-out;
+      pointer-events: none;
+      word-wrap: break-word;
+      line-height: 1.4;
+    }
+
+    #bubble.bubble-hidden {
+      opacity: 0;
+    }
+
+    #bubble::after {
+      content: '';
+      position: absolute;
+      bottom: -10px;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 0;
+      height: 0;
+      border-left: 10px solid transparent;
+      border-right: 10px solid transparent;
+      border-top: 10px solid rgba(255, 255, 255, 0.9);
+    }
+
+    #pet-sprite {
+      width: 192px;
+      height: 208px;
+      position: relative;
+      background-repeat: no-repeat;
+      background-size: 1536px 1872px;
+      image-rendering: pixelated;
+      background-image: var(--sprite-url);
+      animation: pet-state var(--sprite-duration) steps(var(--sprite-frames)) infinite;
+      --sprite-url: none;
+      --sprite-row: 0;
+      --sprite-frames: 6;
+      --sprite-duration: 1100ms;
+      --sprite-y: calc(var(--sprite-row) * -208px);
+      --sprite-end-x: calc(var(--sprite-frames) * -192px);
+    }
+
+    @keyframes pet-state {
+      from {
+        background-position: 0 var(--sprite-y);
+      }
+      to {
+        background-position: var(--sprite-end-x) var(--sprite-y);
+      }
+    }
+
+    /* ── Level badge ── */
+    #level-badge {
+      position: absolute;
+      top: 4px;
+      right: 4px;
+      padding: 2px 8px;
+      border-radius: 8px;
+      background: linear-gradient(145deg, rgba(255,255,255,0.14), rgba(255,255,255,0.04));
+      border: 1px solid rgba(255,255,255,0.2);
+      color: #fff;
+      font: 600 10px/1.4 'Cascadia Code', 'SF Mono', 'Fira Code', Consolas, monospace;
+      letter-spacing: 0.4px;
+      pointer-events: none;
+      z-index: 20;
+      white-space: nowrap;
+      display: none;
+      text-shadow: 0 0 8px var(--lv-color, #fff), 0 1px 2px rgba(0,0,0,0.5);
+      box-shadow: 0 0 8px -2px var(--lv-color, transparent),
+                  0 2px 4px rgba(0,0,0,0.2),
+                  inset 0 1px 0 rgba(255,255,255,0.1);
+      overflow: hidden;
+    }
+
+    #level-badge::after {
+      content: '';
+      position: absolute;
+      top: 0; left: -60%;
+      width: 40%; height: 100%;
+      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
+      transform: skewX(-25deg);
+      animation: badge-shine 5s ease-in-out infinite;
+    }
+
+    @keyframes badge-shine {
+      0%, 75%, 100% { left: -60%; }
+      90% { left: 140%; }
+    }
+
+    /* ── Level effect layers ── */
+    #level-glow, #level-aura, #level-halo {
+      position: absolute;
+      top: -16px; left: -16px;
+      width: 224px; height: 240px;
+      pointer-events: none;
+    }
+
+    #level-particles {
+      position: absolute;
+      top: 0; left: 0;
+      width: 192px; height: 208px;
+      overflow: visible;
+      pointer-events: none;
+    }
+
+    /* Glow — soft breathing radial */
+    #level-glow {
+      border-radius: 50%;
+      filter: blur(18px);
+      opacity: 0;
+    }
+
+    #level-glow.active {
+      background: radial-gradient(circle, var(--lv-color, #4ade80) 0%, transparent 60%);
+      animation: glow-breathe 4s ease-in-out infinite;
+    }
+
+    @keyframes glow-breathe {
+      0%, 100% { opacity: 0.1; transform: scale(0.9); }
+      50%      { opacity: 0.3; transform: scale(1.08); }
+    }
+
+    /* Aura — rotating conic-gradient ring */
+    #level-aura {
+      border-radius: 50%;
+      opacity: 0;
+    }
+
+    #level-aura.active {
+      background: conic-gradient(
+        from 0deg,
+        transparent 0%, var(--lv-color, #60a5fa) 6%, transparent 14%,
+        transparent 44%, var(--lv-color, #60a5fa) 50%, transparent 58%,
+        transparent 100%
+      );
+      -webkit-mask: radial-gradient(circle, transparent 58%, black 60%, black 78%, transparent 80%);
+              mask: radial-gradient(circle, transparent 58%, black 60%, black 78%, transparent 80%);
+      animation: aura-spin 10s linear infinite, aura-pulse 4s ease-in-out infinite;
+    }
+
+    @keyframes aura-spin  { to { transform: rotate(360deg); } }
+    @keyframes aura-pulse {
+      0%, 100% { opacity: 0.45; }
+      50%      { opacity: 0.85; }
+    }
+
+    /* Particles — floating light motes */
+    .level-particle {
+      position: absolute;
+      width: 3px; height: 3px;
+      border-radius: 50%;
+      background: var(--lv-color, #f59e0b);
+      box-shadow: 0 0 6px 1px var(--lv-color, #f59e0b);
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    .level-particle.active {
+      animation: p-float var(--p-dur, 3s) ease-out infinite var(--p-del, 0s);
+    }
+
+    @keyframes p-float {
+      0%   { opacity: 0; transform: translateY(0) scale(0.4); }
+      10%  { opacity: 0.9; transform: translateY(-5px) scale(1); }
+      100% { opacity: 0; transform: translateY(var(--p-dy, -80px)) translateX(var(--p-dx, 0px)) scale(0.2); }
+    }
+
+    /* Halo — golden shimmer ring */
+    #level-halo {
+      border-radius: 50%;
+      border: 2px solid transparent;
+      opacity: 0;
+    }
+
+    #level-halo.active {
+      border-color: #fbbf24;
+      animation: halo-glow 3s ease-in-out infinite;
+    }
+
+    @keyframes halo-glow {
+      0%, 100% { opacity: 0.45; box-shadow: 0 0 10px #fbbf2444, inset 0 0 6px #fbbf2422; }
+      50%      { opacity: 0.85; box-shadow: 0 0 24px #fbbf2488, inset 0 0 12px #fbbf2444, 0 0 40px #fbbf2422; }
+    }
+  </style>
+</head>
+<body>
+  <div id="pet-container">
+    <div id="bubble-container">
+      <div id="bubble" class="bubble-hidden"></div>
+    </div>
+    <div id="pet-sprite-wrapper" style="position: relative;">
+      <div id="pet-sprite"></div>
+      <div id="level-glow"></div>
+      <div id="level-aura"></div>
+      <div id="level-particles">
+        <div class="level-particle" style="left:18%;top:78%;--p-dur:3.2s;--p-del:0s;--p-dy:-85px;--p-dx:-8px"></div>
+        <div class="level-particle" style="left:38%;top:88%;--p-dur:2.7s;--p-del:.5s;--p-dy:-75px;--p-dx:6px"></div>
+        <div class="level-particle" style="left:58%;top:82%;--p-dur:3.4s;--p-del:.9s;--p-dy:-90px;--p-dx:-4px"></div>
+        <div class="level-particle" style="left:78%;top:72%;--p-dur:2.9s;--p-del:1.4s;--p-dy:-70px;--p-dx:10px"></div>
+        <div class="level-particle" style="left:12%;top:62%;--p-dur:3.1s;--p-del:1.8s;--p-dy:-80px;--p-dx:-12px"></div>
+        <div class="level-particle" style="left:48%;top:92%;--p-dur:3.5s;--p-del:2.2s;--p-dy:-95px;--p-dx:3px"></div>
+        <div class="level-particle" style="left:72%;top:68%;--p-dur:2.8s;--p-del:2.6s;--p-dy:-72px;--p-dx:8px"></div>
+        <div class="level-particle" style="left:28%;top:58%;--p-dur:3.3s;--p-del:3s;--p-dy:-65px;--p-dx:-6px"></div>
+      </div>
+      <div id="level-halo"></div>
+      <div id="level-badge"></div>
+    </div>
+  </div>
+  <script src="./renderer.js"></script>
+  <!-- In dev, renderer.ts compiles to renderer.js via tsc -->
+</body>
+</html>

package/dist/src/renderer/pet-sprite.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Pet sprite renderer module.
+ *
+ * Manages the CSS custom properties that drive the sprite sheet animation
+ * on the #pet-sprite element. The states array is embedded inline because
+ * this runs in the Electron renderer context which may not have module
+ * resolution for the shared types package.
+ */
+/**
+ * Sets the sprite sheet URL on the pet element via the --sprite-url CSS variable.
+ */
+export declare function setSpriteImage(url: string): void;
+/**
+ * Switches the pet animation to the state identified by `stateId`.
+ * Updates --sprite-row, --sprite-frames, and --sprite-duration.
+ *
+ * Restarts the animation by removing/re-adding the animation name so
+ * the browser replays it from frame 0.
+ */
+export declare function setPetAction(stateId: string): void;
+/**
+ * Returns the #pet-sprite HTMLElement, or null if not found.
+ */
+export declare function getPetElement(): HTMLElement | null;
+//# sourceMappingURL=pet-sprite.d.ts.map

package/dist/src/renderer/pet-sprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pet-sprite.d.ts","sourceRoot":"","sources":["../../../src/renderer/pet-sprite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAsBH;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAKhD;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAiBlD;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,WAAW,GAAG,IAAI,CAElD"}

package/dist/src/renderer/pet-sprite.js

@@ -0,0 +1,59 @@
+/**
+ * Pet sprite renderer module.
+ *
+ * Manages the CSS custom properties that drive the sprite sheet animation
+ * on the #pet-sprite element. The states array is embedded inline because
+ * this runs in the Electron renderer context which may not have module
+ * resolution for the shared types package.
+ */
+const petStates = [
+    { id: "idle", label: "Idle", row: 0, frames: 6, durationMs: 1100 },
+    { id: "running-right", label: "Running Right", row: 1, frames: 8, durationMs: 1060 },
+    { id: "running-left", label: "Running Left", row: 2, frames: 8, durationMs: 1060 },
+    { id: "waving", label: "Waving", row: 3, frames: 4, durationMs: 700 },
+    { id: "jumping", label: "Jumping", row: 4, frames: 5, durationMs: 840 },
+    { id: "failed", label: "Failed", row: 5, frames: 8, durationMs: 1220 },
+    { id: "waiting", label: "Waiting", row: 6, frames: 6, durationMs: 1010 },
+    { id: "running", label: "Running", row: 7, frames: 6, durationMs: 820 },
+    { id: "review", label: "Review", row: 8, frames: 6, durationMs: 1030 },
+];
+/**
+ * Sets the sprite sheet URL on the pet element via the --sprite-url CSS variable.
+ */
+export function setSpriteImage(url) {
+    const el = getPetElement();
+    if (el) {
+        el.style.setProperty("--sprite-url", `url("${url}")`);
+    }
+}
+/**
+ * Switches the pet animation to the state identified by `stateId`.
+ * Updates --sprite-row, --sprite-frames, and --sprite-duration.
+ *
+ * Restarts the animation by removing/re-adding the animation name so
+ * the browser replays it from frame 0.
+ */
+export function setPetAction(stateId) {
+    const el = getPetElement();
+    if (!el)
+        return;
+    const state = petStates.find((s) => s.id === stateId);
+    if (!state)
+        return;
+    el.style.setProperty("--sprite-row", String(state.row));
+    el.style.setProperty("--sprite-frames", String(state.frames));
+    el.style.setProperty("--sprite-duration", `${state.durationMs}ms`);
+    // Restart the animation so it picks up the new custom properties from frame 0.
+    const currentAnimation = el.style.animation;
+    el.style.animation = "none";
+    // Force reflow so the browser acknowledges the "none" value.
+    void el.offsetWidth;
+    el.style.animation = currentAnimation || "";
+}
+/**
+ * Returns the #pet-sprite HTMLElement, or null if not found.
+ */
+export function getPetElement() {
+    return document.getElementById("pet-sprite");
+}
+//# sourceMappingURL=pet-sprite.js.map

package/dist/src/renderer/pet-sprite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pet-sprite.js","sourceRoot":"","sources":["../../../src/renderer/pet-sprite.ts"],"names":[],"mappings":"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"}

package/dist/src/renderer/renderer.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=renderer.d.ts.map

package/dist/src/renderer/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/renderer/renderer.ts"],"names":[],"mappings":""}