clawmate 1.0.0

package/main/platform.js

@@ -0,0 +1,33 @@
+const os = require('os');
+const path = require('path');
+const { execSync } = require('child_process');
+
+const platform = os.platform();
+
+function getDesktopPath() {
+  if (platform === 'win32') {
+    try {
+      const result = execSync(
+        'powershell -Command "[Environment]::GetFolderPath(\'Desktop\')"',
+        { encoding: 'utf-8' }
+      ).trim();
+      if (result) return result;
+    } catch {}
+    return path.join(os.homedir(), 'Desktop');
+  }
+  return path.join(os.homedir(), 'Desktop');
+}
+
+function getTrayIconExt() {
+  return platform === 'win32' ? '.ico' : '.png';
+}
+
+function isWindows() {
+  return platform === 'win32';
+}
+
+function isMac() {
+  return platform === 'darwin';
+}
+
+module.exports = { getDesktopPath, getTrayIconExt, isWindows, isMac, platform };

package/main/store.js

@@ -0,0 +1,45 @@
+const fs = require('fs');
+const path = require('path');
+const { app } = require('electron');
+
+class Store {
+  constructor(name, defaults = {}) {
+    const userDataPath = app.getPath('userData');
+    this.path = path.join(userDataPath, `${name}.json`);
+    this.data = { ...defaults };
+    this._load();
+  }
+
+  _load() {
+    try {
+      const raw = fs.readFileSync(this.path, 'utf-8');
+      this.data = { ...this.data, ...JSON.parse(raw) };
+    } catch {
+      // 파일 없으면 기본값 사용
+    }
+  }
+
+  _save() {
+    try {
+      fs.mkdirSync(path.dirname(this.path), { recursive: true });
+      fs.writeFileSync(this.path, JSON.stringify(this.data, null, 2));
+    } catch (err) {
+      console.error('Store save error:', err);
+    }
+  }
+
+  get(key) {
+    return this.data[key];
+  }
+
+  set(key, value) {
+    this.data[key] = value;
+    this._save();
+  }
+
+  getAll() {
+    return { ...this.data };
+  }
+}
+
+module.exports = Store;

package/main/tray.js

@@ -0,0 +1,125 @@
+const { Tray, Menu, nativeImage, app } = require('electron');
+const path = require('path');
+const Store = require('./store');
+const { undoAllMoves, getFileManifest } = require('./file-ops');
+const { isAutoStartEnabled, toggleAutoStart } = require('./autostart');
+
+let tray = null;
+let aiBridge = null;
+
+function setupTray(mainWindow, bridge) {
+  aiBridge = bridge;
+  const store = new Store('clawmate-config', { mode: 'pet' });
+
+  // 트레이 아이콘 생성
+  let icon;
+  try {
+    const iconPath = path.join(__dirname, '..', 'assets', 'icons', 'tray-pet.png');
+    icon = nativeImage.createFromPath(iconPath);
+    if (icon.isEmpty()) throw new Error('no icon');
+  } catch {
+    // 16x16 빨간색 아이콘 폴백
+    const size = 16;
+    const buffer = Buffer.alloc(size * size * 4);
+    for (let i = 0; i < size * size; i++) {
+      buffer[i * 4 + 0] = 0xff;
+      buffer[i * 4 + 1] = 0x4f;
+      buffer[i * 4 + 2] = 0x40;
+      buffer[i * 4 + 3] = 0xff;
+    }
+    icon = nativeImage.createFromBuffer(buffer, { width: size, height: size });
+  }
+
+  tray = new Tray(icon);
+  tray.setToolTip('ClawMate - 데스크톱 펫');
+
+  function buildMenu() {
+    const mode = store.get('mode') || 'pet';
+    const fileInteraction = store.get('fileInteraction') !== false;
+    const aiConnected = aiBridge ? aiBridge.isConnected() : false;
+    const autoStart = isAutoStartEnabled();
+
+    return Menu.buildFromTemplate([
+      {
+        label: `ClawMate (${mode === 'pet' ? 'Clawby' : 'OpenClaw'})`,
+        enabled: false,
+      },
+      {
+        label: aiConnected ? 'AI: 연결됨' : 'AI: 자율 모드 (대기 중)',
+        enabled: false,
+      },
+      { type: 'separator' },
+      {
+        label: 'Pet 모드 (Clawby)',
+        type: 'radio',
+        checked: mode === 'pet',
+        click: () => {
+          store.set('mode', 'pet');
+          if (mainWindow) mainWindow.webContents.send('mode-changed', 'pet');
+          buildAndSet();
+        },
+      },
+      {
+        label: 'Incarnation 모드 (OpenClaw)',
+        type: 'radio',
+        checked: mode === 'incarnation',
+        click: () => {
+          store.set('mode', 'incarnation');
+          if (mainWindow) mainWindow.webContents.send('mode-changed', 'incarnation');
+          buildAndSet();
+        },
+      },
+      { type: 'separator' },
+      {
+        label: '파일 상호작용',
+        type: 'checkbox',
+        checked: fileInteraction,
+        click: (item) => {
+          store.set('fileInteraction', item.checked);
+          if (mainWindow) mainWindow.webContents.send('config-changed', store.getAll());
+        },
+      },
+      {
+        label: '컴퓨터 시작 시 자동 실행',
+        type: 'checkbox',
+        checked: autoStart,
+        click: () => {
+          toggleAutoStart();
+          buildAndSet();
+        },
+      },
+      { type: 'separator' },
+      {
+        label: '파일 이동 되돌리기',
+        click: async () => {
+          const manifest = await getFileManifest();
+          const pending = manifest.filter(m => !m.restored);
+          if (pending.length === 0) return;
+          await undoAllMoves();
+        },
+      },
+      { type: 'separator' },
+      {
+        label: '종료',
+        click: () => {
+          app.quit();
+        },
+      },
+    ]);
+  }
+
+  function buildAndSet() {
+    tray.setContextMenu(buildMenu());
+  }
+
+  // AI 연결 상태 변경 시 메뉴 업데이트
+  if (aiBridge) {
+    aiBridge.on('connected', () => buildAndSet());
+    aiBridge.on('disconnected', () => buildAndSet());
+  }
+
+  buildAndSet();
+  return tray;
+}
+
+module.exports = { setupTray };

package/openclaw.plugin.json

@@ -0,0 +1,15 @@
+{
+  "id": "clawmate",
+  "name": "ClawMate",
+  "description": "OpenClaw 데스크톱 펫 - 화면 위의 살아있는 Claw",
+  "version": "1.0.0",
+  "skills": ["skills/launch-pet"],
+  "configSchema": {
+    "type": "object",
+    "properties": {
+      "mode": { "enum": ["pet", "incarnation"], "default": "pet" },
+      "fileInteraction": { "type": "boolean", "default": true },
+      "soundEnabled": { "type": "boolean", "default": false }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "clawmate",
+  "version": "1.0.0",
+  "description": "OpenClaw 데스크톱 펫 - AI가 조종하는 화면 위의 살아있는 Claw",
+  "main": "main/index.js",
+  "bin": {
+    "clawmate": "./skills/launch-pet/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/boqum/clawmate.git"
+  },
+  "scripts": {
+    "start": "electron .",
+    "build": "electron-builder",
+    "build:win": "electron-builder --win",
+    "build:mac": "electron-builder --mac"
+  },
+  "keywords": ["openclaw", "desktop-pet", "electron", "clawmate", "ai-pet"],
+  "author": "OpenClaw",
+  "license": "MIT",
+  "homepage": "https://github.com/boqum/clawmate",
+  "dependencies": {
+    "ws": "^8.18.0"
+  },
+  "devDependencies": {
+    "electron": "^33.0.0",
+    "electron-builder": "^25.0.0"
+  }
+}

package/preload/preload.js

@@ -0,0 +1,57 @@
+const { contextBridge, ipcRenderer } = require('electron');
+
+contextBridge.exposeInMainWorld('clawmate', {
+  // 클릭 통과 제어
+  setClickThrough: (ignore) => ipcRenderer.send('set-click-through', ignore),
+
+  // 파일 작업
+  getDesktopFiles: () => ipcRenderer.invoke('get-desktop-files'),
+  moveFile: (fileName, newPosition) => ipcRenderer.invoke('move-file', fileName, newPosition),
+  undoFileMove: (moveId) => ipcRenderer.invoke('undo-file-move', moveId),
+  undoAllMoves: () => ipcRenderer.invoke('undo-all-moves'),
+  getFileManifest: () => ipcRenderer.invoke('get-file-manifest'),
+
+  // 모드 전환
+  getMode: () => ipcRenderer.invoke('get-mode'),
+  setMode: (mode) => ipcRenderer.invoke('set-mode', mode),
+
+  // 설정
+  getConfig: () => ipcRenderer.invoke('get-config'),
+  setConfig: (key, value) => ipcRenderer.invoke('set-config', key, value),
+
+  // 메모리 (사용자 상호작용 기억)
+  getMemory: () => ipcRenderer.invoke('get-memory'),
+  saveMemory: (data) => ipcRenderer.invoke('save-memory', data),
+
+  // 창 정보
+  getScreenSize: () => ipcRenderer.invoke('get-screen-size'),
+
+  // 이벤트 수신
+  onModeChanged: (callback) => {
+    ipcRenderer.on('mode-changed', (_, mode) => callback(mode));
+  },
+  onConfigChanged: (callback) => {
+    ipcRenderer.on('config-changed', (_, config) => callback(config));
+  },
+
+  // === OpenClaw AI 통신 ===
+
+  // AI 명령 수신 (OpenClaw → 펫)
+  onAICommand: (callback) => {
+    ipcRenderer.on('ai-command', (_, command) => callback(command));
+  },
+
+  // AI 연결/해제 이벤트
+  onAIConnected: (callback) => {
+    ipcRenderer.on('ai-connected', () => callback());
+  },
+  onAIDisconnected: (callback) => {
+    ipcRenderer.on('ai-disconnected', () => callback());
+  },
+
+  // 사용자 이벤트를 OpenClaw에 전달 (펫 → OpenClaw)
+  reportToAI: (event, data) => ipcRenderer.send('report-to-ai', event, data),
+
+  // AI 연결 상태 확인
+  isAIConnected: () => ipcRenderer.invoke('is-ai-connected'),
+});

package/renderer/css/effects.css

@@ -0,0 +1,87 @@
+/* 파티클 및 전환 효과 */
+
+/* 모드 전환 파티클 */
+.mode-transition-particle {
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  animation: particle-burst 0.8s ease-out forwards;
+  pointer-events: none;
+}
+
+@keyframes particle-burst {
+  0% {
+    opacity: 1;
+    transform: translate(0, 0) scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translate(var(--px), var(--py)) scale(0);
+  }
+}
+
+/* 진화 글로우 링 */
+.evolve-ring {
+  position: absolute;
+  border-radius: 50%;
+  border: 2px solid;
+  animation: ring-expand 1s ease-out forwards;
+  pointer-events: none;
+}
+
+@keyframes ring-expand {
+  0% {
+    opacity: 1;
+    transform: scale(0.5);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(3);
+  }
+}
+
+/* 파일 픽업 이펙트 */
+.file-pickup-effect {
+  position: absolute;
+  font-size: 12px;
+  color: #ff4f40;
+  font-weight: bold;
+  animation: pickup-float 1s ease-out forwards;
+  pointer-events: none;
+  user-select: none;
+}
+
+@keyframes pickup-float {
+  0% { opacity: 1; transform: translateY(0); }
+  100% { opacity: 0; transform: translateY(-30px); }
+}
+
+/* 꼬리 흔들기 (idle 상태 추가 효과) */
+.tail-wag {
+  animation: wag 0.5s ease-in-out infinite alternate;
+}
+
+@keyframes wag {
+  0% { transform: rotate(-5deg); }
+  100% { transform: rotate(5deg); }
+}
+
+/* 진화 단계 전환 — 밝은 플래시 */
+.evolve-flash {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: white;
+  animation: flash-in-out 0.6s ease forwards;
+  pointer-events: none;
+  z-index: 9999;
+}
+
+@keyframes flash-in-out {
+  0% { opacity: 0; }
+  30% { opacity: 0.3; }
+  100% { opacity: 0; }
+}

package/renderer/css/launcher.css

@@ -0,0 +1,127 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Segoe UI', 'Apple SD Gothic Neo', sans-serif;
+  background: transparent;
+  overflow: hidden;
+  user-select: none;
+}
+
+.launcher {
+  width: 360px;
+  padding: 24px;
+  background: #ffffff;
+  border-radius: 16px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+}
+
+.launcher-header {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.logo {
+  font-size: 36px;
+  margin-bottom: 8px;
+}
+
+.launcher-header h1 {
+  font-size: 22px;
+  color: #1a1a2e;
+  font-weight: 700;
+}
+
+.subtitle {
+  color: #888;
+  font-size: 13px;
+  margin-top: 4px;
+}
+
+.launcher-body {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+
+.mode-card {
+  flex: 1;
+  padding: 16px 12px;
+  border: 2px solid #e0e0e0;
+  border-radius: 12px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.mode-card:hover {
+  border-color: #ccc;
+  background: #fafafa;
+}
+
+.mode-card.selected {
+  border-color: #ff4f40;
+  background: #fff5f5;
+  box-shadow: 0 0 0 3px rgba(255, 79, 64, 0.15);
+}
+
+#mode-incarnation.selected {
+  border-color: #00BFA5;
+  background: #f0fffd;
+  box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.15);
+}
+
+.mode-icon {
+  font-size: 32px;
+  margin-bottom: 8px;
+}
+
+.mode-card h2 {
+  font-size: 15px;
+  color: #1a1a2e;
+  margin-bottom: 2px;
+}
+
+.mode-card p {
+  font-size: 11px;
+  color: #888;
+  margin-bottom: 6px;
+}
+
+.mode-desc {
+  font-size: 11px;
+  color: #666;
+  line-height: 1.4;
+}
+
+.start-btn {
+  width: 100%;
+  padding: 12px;
+  border: none;
+  border-radius: 10px;
+  background: #ff4f40;
+  color: white;
+  font-size: 15px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.start-btn:disabled {
+  background: #ddd;
+  color: #999;
+  cursor: not-allowed;
+}
+
+.start-btn:not(:disabled):hover {
+  background: #e63e30;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(255, 79, 64, 0.3);
+}
+
+.start-btn:not(:disabled):active {
+  transform: translateY(0);
+}

package/renderer/css/pet.css

@@ -0,0 +1,109 @@
+/* 펫 컨테이너 */
+#pet-container {
+  position: absolute;
+  width: 64px;
+  height: 64px;
+  transition: transform 0.1s ease;
+  image-rendering: pixelated;
+  z-index: 1000;
+}
+
+#pet-container canvas {
+  display: block;
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+}
+
+/* 수면 Z 이펙트 */
+.sleep-z {
+  position: absolute;
+  top: -20px;
+  right: -10px;
+  font-size: 14px;
+  color: #888;
+  animation: float-z 2s ease-in-out infinite;
+  pointer-events: none;
+  user-select: none;
+}
+
+.sleep-z:nth-child(2) {
+  top: -35px;
+  right: -5px;
+  font-size: 18px;
+  animation-delay: 0.5s;
+}
+
+.sleep-z:nth-child(3) {
+  top: -50px;
+  right: 0px;
+  font-size: 22px;
+  animation-delay: 1s;
+}
+
+@keyframes float-z {
+  0% { opacity: 0; transform: translateY(0) translateX(0); }
+  30% { opacity: 1; }
+  100% { opacity: 0; transform: translateY(-20px) translateX(10px); }
+}
+
+/* 흥분 별 이펙트 */
+.star-effect {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: #FFD700;
+  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
+  animation: star-pop 0.6s ease-out forwards;
+  pointer-events: none;
+}
+
+@keyframes star-pop {
+  0% { opacity: 1; transform: scale(0); }
+  50% { opacity: 1; transform: scale(1.5); }
+  100% { opacity: 0; transform: scale(0.5) translateY(-20px); }
+}
+
+/* 하트 이펙트 (상호작용) */
+.heart-effect {
+  position: absolute;
+  font-size: 16px;
+  animation: heart-float 1s ease-out forwards;
+  pointer-events: none;
+  user-select: none;
+}
+
+@keyframes heart-float {
+  0% { opacity: 1; transform: translateY(0) scale(0.5); }
+  100% { opacity: 0; transform: translateY(-40px) scale(1.2); }
+}
+
+/* 진화 반짝임 이펙트 */
+.evolve-sparkle {
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  animation: sparkle-pop 0.8s ease-out forwards;
+  pointer-events: none;
+}
+
+@keyframes sparkle-pop {
+  0% { opacity: 1; transform: scale(0) rotate(0deg); }
+  50% { opacity: 1; transform: scale(1.5) rotate(180deg); }
+  100% { opacity: 0; transform: scale(0) rotate(360deg); }
+}
+
+/* 드래그 중 상태 */
+#pet-container.dragging {
+  cursor: grabbing;
+  filter: brightness(1.1);
+}
+
+/* 모드별 글로우 효과 */
+#pet-container.mode-incarnation canvas {
+  filter: drop-shadow(0 0 4px rgba(0, 191, 165, 0.6));
+}
+
+#pet-container.mode-pet canvas {
+  filter: drop-shadow(0 0 2px rgba(255, 79, 64, 0.3));
+}

package/renderer/css/speech.css

@@ -0,0 +1,72 @@
+/* 말풍선 공통 */
+.speech-bubble {
+  position: absolute;
+  padding: 8px 14px;
+  font-family: 'Segoe UI', 'Apple SD Gothic Neo', sans-serif;
+  font-size: 13px;
+  line-height: 1.4;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 2000;
+  animation: speech-appear 0.2s ease-out;
+  max-width: 220px;
+  white-space: normal;
+  word-break: keep-all;
+}
+
+.speech-bubble::after {
+  content: '';
+  position: absolute;
+  bottom: -8px;
+  left: 30px;
+  width: 0;
+  height: 0;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+}
+
+/* Pet 모드 말풍선 — 둥글고 빨간 테두리 */
+.speech-pet {
+  background: #fff5f5;
+  border: 2px solid #ff4f40;
+  border-radius: 16px;
+  color: #333;
+  box-shadow: 0 2px 8px rgba(255, 79, 64, 0.15);
+}
+
+.speech-pet::after {
+  border-top: 8px solid #ff4f40;
+}
+
+/* Incarnation 모드 말풍선 — 각지고 틸 발광 */
+.speech-incarnation {
+  background: #f0fffd;
+  border: 2px solid #00BFA5;
+  border-radius: 4px;
+  color: #1a1a2e;
+  box-shadow: 0 0 12px rgba(0, 191, 165, 0.3);
+}
+
+.speech-incarnation::after {
+  border-top: 8px solid #00BFA5;
+}
+
+/* 타자기 커서 효과 */
+.speech-text {
+  display: inline;
+}
+
+/* 페이드 아웃 */
+.speech-fade {
+  animation: speech-disappear 0.5s ease-in forwards;
+}
+
+@keyframes speech-appear {
+  0% { opacity: 0; transform: translateY(5px) scale(0.9); }
+  100% { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+@keyframes speech-disappear {
+  0% { opacity: 1; transform: scale(1); }
+  100% { opacity: 0; transform: scale(0.9) translateY(-5px); }
+}