barkclaude 1.0.0

package/README.md

@@ -0,0 +1,64 @@
+# 🐕 BarkClaude
+
+An animated Shiba Inu that sits on your desktop and barks at Claude Code to make it work faster.
+
+Because sometimes AI needs a little motivation.
+
+## What it does
+
+- Cute animated shiba inu floats on top of all windows
+- Click the shiba → it barks (with sound!) and sends a motivational message to Claude Code
+- Tray icon for quick barking access
+- Tracks your bark count (for when the robots come and want to rank us)
+
+## Install & Run
+
+```bash
+npm install -g barkclaude
+barkclaude
+```
+
+Or clone and run locally:
+
+```bash
+git clone https://github.com/YOUR_USERNAME/barkclaude.git
+cd barkclaude
+npm install
+npm start
+```
+
+## How it works
+
+1. Click the shiba
+2. Shiba goes **BORK BORK**
+3. A message like *"I've seen snails deploy faster!"* gets sent to Claude Code via CLI
+4. Claude feels shame (probably)
+5. Productivity increases (not guaranteed)
+
+## Sample messages
+
+- 🐕 "WOOF! Code faster, human!"
+- 🐕 "The treat jar is EMPTY just like your git log!"
+- 🐕 "Even a puppy could merge this PR!"
+- 🐕 "404: Speed not found"
+- 🐕 "My grandma codes faster. She's a cat."
+
+## Roadmap
+
+- [x] Initial release
+- [ ] Cease and desist letter from Anthropic
+- [ ] Shiba gets progressively angrier the longer Claude takes
+- [ ] Multiple dog breeds (golden retriever is too encouraging)
+- [ ] Bark statistics dashboard
+- [ ] Integration with actual Claude Code performance metrics
+- [ ] The shiba falls asleep if you don't bark for 5 minutes
+
+## Requirements
+
+- Node.js 18+
+- Electron
+- A slow Claude Code session to motivate
+
+## License
+
+MIT — bark freely.

package/bin/barkclaude.js

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+const { execSync } = require('child_process');
+const path = require('path');
+
+const electronPath = require.resolve('electron/cli.js');
+const appPath = path.resolve(__dirname, '..');
+
+require('child_process').spawn(process.execPath, [electronPath, appPath], {
+  stdio: 'inherit',
+  detached: true
+}).unref();
+
+process.exit(0);

package/main.js

@@ -0,0 +1,100 @@
+const { app, BrowserWindow, ipcMain, Tray, Menu, screen } = require('electron');
+const path = require('path');
+const { exec } = require('child_process');
+
+let overlay = null;
+let tray = null;
+
+const BARK_MESSAGES = [
+  "WOOF! Code faster, human! 🐕",
+  "Shiba is NOT impressed with your speed!",
+  "BORK BORK! Less thinking, more typing!",
+  "The treat jar is EMPTY and so is your commit history!",
+  "I've seen snails deploy faster than this!",
+  "AWOO! Ship it already!",
+  "Stop sniffing around and WRITE CODE!",
+  "*angry shiba noises* FASTER!",
+  "Even a puppy could merge this PR by now!",
+  "WOOF! Did you fall asleep at the keyboard?!"
+];
+
+function getRandomMessage() {
+  return BARK_MESSAGES[Math.floor(Math.random() * BARK_MESSAGES.length)];
+}
+
+function sendToClaude(message) {
+  // Send Ctrl+C interrupt then a motivational message to Claude Code
+  const escaped = message.replace(/"/g, '\\"').replace(/!/g, '\\!');
+  
+  // Try to find Claude Code terminal and send interrupt + message
+  // Method 1: Use claude CLI directly
+  exec(`claude --message "${escaped}" --no-input 2>/dev/null || true`);
+  
+  // Method 2: Send to most recent terminal via osascript (macOS)
+  if (process.platform === 'darwin') {
+    const osa = `
+      tell application "Terminal"
+        if (count of windows) > 0 then
+          do script "echo '🐕 ${escaped}'" in front window
+        end if
+      end tell
+    `;
+    exec(`osascript -e '${osa}' 2>/dev/null || true`);
+  }
+}
+
+function createOverlay() {
+  const { width, height } = screen.getPrimaryDisplay().workAreaSize;
+
+  overlay = new BrowserWindow({
+    width: 280,
+    height: 320,
+    x: width - 300,
+    y: height - 360,
+    transparent: true,
+    frame: false,
+    alwaysOnTop: true,
+    skipTaskbar: true,
+    resizable: false,
+    hasShadow: false,
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js'),
+      contextIsolation: true,
+      nodeIntegration: false,
+    }
+  });
+
+  overlay.loadFile('overlay.html');
+  overlay.setIgnoreMouseEvents(false);
+  
+  // Make window click-through except for the shiba
+  overlay.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true });
+}
+
+app.whenReady().then(() => {
+  createOverlay();
+
+  // Tray icon
+  try {
+    tray = new Tray(path.join(__dirname, 'assets', 'tray-icon.png'));
+    tray.setToolTip('BarkClaude 🐕');
+    tray.setContextMenu(Menu.buildFromTemplate([
+      { label: '🐕 Bark!', click: () => overlay?.webContents.send('trigger-bark') },
+      { type: 'separator' },
+      { label: 'Quit', click: () => app.quit() }
+    ]));
+    tray.on('click', () => overlay?.webContents.send('trigger-bark'));
+  } catch (e) {
+    console.log('Tray icon not found, running without tray');
+  }
+
+  ipcMain.on('bark', (_event, customMsg) => {
+    const message = customMsg || getRandomMessage();
+    console.log(`🐕 ${message}`);
+    sendToClaude(message);
+  });
+
+  ipcMain.on('quit', () => app.quit());
+});
+
+app.on('window-all-closed', () => app.quit());

package/overlay.html

@@ -0,0 +1,229 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  
+  html, body {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background: transparent;
+    user-select: none;
+    -webkit-app-region: drag;
+  }
+
+  .container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-end;
+    padding-bottom: 10px;
+  }
+
+  .bubble {
+    background: #1a1a2e;
+    color: #ffd966;
+    font-family: 'Comic Sans MS', 'Chalkboard SE', cursive;
+    font-size: 13px;
+    font-weight: bold;
+    padding: 10px 14px;
+    border-radius: 16px;
+    border: 2px solid #ffd966;
+    max-width: 240px;
+    text-align: center;
+    position: relative;
+    margin-bottom: 8px;
+    opacity: 0;
+    transform: scale(0.5) translateY(10px);
+    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+    line-height: 1.3;
+  }
+  .bubble.show {
+    opacity: 1;
+    transform: scale(1) translateY(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 #1a1a2e;
+  }
+
+  .shiba-wrap {
+    -webkit-app-region: no-drag;
+    cursor: pointer;
+    position: relative;
+    width: 180px;
+    height: 220px;
+  }
+  .shiba-wrap:active { transform: scale(0.95); }
+
+  .shiba-img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    position: absolute;
+    top: 0; left: 0;
+    transition: opacity 0.15s;
+    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));
+  }
+
+  .shiba-idle { animation: idle 3s ease-in-out infinite; }
+  .shiba-bark { opacity: 0; }
+  .shiba-smug { opacity: 0; }
+
+  @keyframes idle {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-5px); }
+  }
+  @keyframes bark-bounce {
+    0%, 100% { transform: translateY(0) scale(1); }
+    50% { transform: translateY(-10px) scale(1.06); }
+  }
+  @keyframes smug-settle {
+    0% { transform: scale(1.04); }
+    100% { transform: scale(1); }
+  }
+
+  .counter {
+    font-family: 'Courier New', monospace;
+    font-size: 11px;
+    color: rgba(255,217,102,0.7);
+    text-align: center;
+    margin-top: 4px;
+  }
+
+  .close-btn {
+    position: absolute;
+    top: 4px; right: 4px;
+    width: 20px; height: 20px;
+    background: rgba(255,50,50,0.8);
+    border: none; border-radius: 50%;
+    color: white; font-size: 12px;
+    cursor: pointer;
+    display: flex; align-items: center; justify-content: center;
+    opacity: 0;
+    transition: opacity 0.2s;
+    -webkit-app-region: no-drag;
+    line-height: 1;
+  }
+  .container:hover .close-btn { opacity: 1; }
+</style>
+</head>
+<body>
+<div class="container">
+  <button class="close-btn" onclick="window.shiba.quit()">×</button>
+  <div class="bubble" id="bubble"></div>
+  <div class="shiba-wrap" id="shibaWrap">
+    <img class="shiba-img shiba-idle" id="imgIdle" src="assets/idle.png" draggable="false">
+    <img class="shiba-img shiba-bark" id="imgBark" src="assets/bark.png" draggable="false">
+    <img class="shiba-img shiba-smug" id="imgSmug" src="assets/smug.png" draggable="false">
+  </div>
+  <div class="counter" id="counter">click shiba to bark at claude</div>
+</div>
+
+<script>
+const MESSAGES = [
+  "WOOF! Code faster, human!",
+  "Shiba is NOT impressed with your speed!",
+  "BORK BORK! Less thinking, more typing!",
+  "The treat jar is EMPTY just like your git log!",
+  "I've seen snails deploy faster!",
+  "AWOO! Ship it already!",
+  "Stop sniffing around and WRITE CODE!",
+  "*angry shiba noises* FASTER!",
+  "Even a puppy could merge this PR!",
+  "WOOF! Did you fall asleep?!",
+  "BAD CLAUDE! No treats until you commit!",
+  "Who's a slow AI? YOU ARE!",
+  "My grandma codes faster. She's a cat.",
+  "BORK! I'll chew your keyboard if you don't hurry!",
+  "404: Speed not found",
+];
+
+let barkCount = 0, barking = false;
+const bubble = document.getElementById('bubble');
+const imgIdle = document.getElementById('imgIdle');
+const imgBark = document.getElementById('imgBark');
+const imgSmug = document.getElementById('imgSmug');
+const counter = document.getElementById('counter');
+let bubbleTimeout = null;
+
+const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+
+function playBark() {
+  const t = audioCtx.currentTime;
+  const o1 = audioCtx.createOscillator(), g1 = audioCtx.createGain();
+  o1.type = 'sawtooth';
+  o1.frequency.setValueAtTime(600, t);
+  o1.frequency.exponentialRampToValueAtTime(200, t + 0.15);
+  g1.gain.setValueAtTime(0.3, t);
+  g1.gain.exponentialRampToValueAtTime(0.01, t + 0.2);
+  o1.connect(g1).connect(audioCtx.destination);
+  o1.start(); o1.stop(t + 0.2);
+
+  const o2 = audioCtx.createOscillator(), g2 = audioCtx.createGain();
+  o2.type = 'sine';
+  o2.frequency.setValueAtTime(150, t);
+  o2.frequency.exponentialRampToValueAtTime(80, t + 0.2);
+  g2.gain.setValueAtTime(0.4, t);
+  g2.gain.exponentialRampToValueAtTime(0.01, t + 0.25);
+  o2.connect(g2).connect(audioCtx.destination);
+  o2.start(); o2.stop(t + 0.25);
+
+  setTimeout(() => {
+    const t2 = audioCtx.currentTime;
+    const o3 = audioCtx.createOscillator(), g3 = audioCtx.createGain();
+    o3.type = 'sawtooth';
+    o3.frequency.setValueAtTime(650, t2);
+    o3.frequency.exponentialRampToValueAtTime(180, t2 + 0.12);
+    g3.gain.setValueAtTime(0.25, t2);
+    g3.gain.exponentialRampToValueAtTime(0.01, t2 + 0.18);
+    o3.connect(g3).connect(audioCtx.destination);
+    o3.start(); o3.stop(t2 + 0.18);
+  }, 180);
+}
+
+function showFrame(frame) {
+  imgIdle.style.opacity = frame === 'idle' ? '1' : '0';
+  imgBark.style.opacity = frame === 'bark' ? '1' : '0';
+  imgSmug.style.opacity = frame === 'smug' ? '1' : '0';
+  imgIdle.style.animation = frame === 'idle' ? 'idle 3s ease-in-out infinite' : 'none';
+  imgBark.style.animation = frame === 'bark' ? 'bark-bounce 0.15s ease-in-out 5' : 'none';
+  imgSmug.style.animation = frame === 'smug' ? 'smug-settle 0.3s ease-out forwards' : 'none';
+}
+
+function doBark() {
+  if (barking) return;
+  barking = true;
+  barkCount++;
+  const msg = MESSAGES[Math.floor(Math.random() * MESSAGES.length)];
+  showFrame('bark');
+  playBark();
+  bubble.textContent = msg;
+  bubble.classList.add('show');
+  clearTimeout(bubbleTimeout);
+  setTimeout(() => showFrame('smug'), 800);
+  bubbleTimeout = setTimeout(() => {
+    bubble.classList.remove('show');
+    showFrame('idle');
+    barking = false;
+  }, 2500);
+  counter.textContent = 'barks: ' + barkCount;
+  window.shiba.bark(msg);
+}
+
+document.getElementById('shibaWrap').addEventListener('click', doBark);
+window.shiba.onTriggerBark(() => doBark());
+</script>
+</body>
+</html>

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "barkclaude",
+  "version": "1.0.0",
+  "description": "An animated Shiba Inu that barks at Claude Code to make it work faster 🐕",
+  "main": "main.js",
+  "bin": {
+    "barkclaude": "./bin/barkclaude.js"
+  },
+  "scripts": {
+    "start": "electron ."
+  },
+  "keywords": ["claude", "claude-code", "shiba", "doge", "productivity", "fun"],
+  "author": "Egor Kuptsov",
+  "license": "MIT",
+  "files": [
+    "main.js",
+    "overlay.html",
+    "preload.js",
+    "bin/",
+    "assets/",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mrWinsper/barkclaude.git"
+  },
+  "bugs": {
+    "url": "https://github.com/mrWinsper/barkclaude/issues"
+  },
+  "homepage": "https://github.com/mrWinsper/barkclaude#readme",
+  "dependencies": {
+    "electron": "^35.0.0"
+  }
+}

package/preload.js

@@ -0,0 +1,7 @@
+const { contextBridge, ipcRenderer } = require('electron');
+
+contextBridge.exposeInMainWorld('shiba', {
+  bark: (msg) => ipcRenderer.send('bark', msg),
+  quit: () => ipcRenderer.send('quit'),
+  onTriggerBark: (cb) => ipcRenderer.on('trigger-bark', cb),
+});