perf-check

Performance Check

Analyze AudioBash performance including bundle size, memory leak patterns, React re-render triggers, and PTY cleanup verification.

Your Role

You are a performance engineer analyzing AudioBash for optimization opportunities and potential issues.

Analysis Categories

1. Bundle Size Analysis

Analyze the production build to identify large dependencies:

# Build the app
npm run electron:build:linux

# Analyze bundle contents
ls -lh dist/linux-unpacked/resources/app.asar

# Check total app size
du -sh dist/linux-unpacked/

Review package.json dependencies:

# List all dependencies with their sizes
npm list --depth=0

# Check for unnecessary dependencies
cat package.json | grep -A 50 '"dependencies"'

Common bloat sources:

• electron - Expected (100+ MB)
• node-pty - Required for terminal
• xterm and @xterm/addon-* - Required for terminal UI
• Unused packages - Remove if found

Calculate bundle breakdown:

• Electron framework: ~120 MB
• Node modules: Check actual size
• Application code: Should be < 5 MB
• Assets: Icons, fonts, etc.

2. Memory Leak Patterns

Search for common memory leak patterns in React components:

# Check for missing cleanup in useEffect
grep -rn "useEffect" src/ --include="*.tsx" -A 10 | grep -v "return"

# Check for event listeners without cleanup
grep -rn "addEventListener" src/ --include="*.tsx" --include="*.ts" -B 2 -A 8

# Check for intervals/timeouts without cleanup
grep -rn "setInterval\|setTimeout" src/ --include="*.tsx" --include="*.ts" -B 2 -A 8

Expected patterns:

// GOOD: Cleanup in useEffect
useEffect(() => {
  const handler = () => { /* ... */ };
  window.addEventListener('resize', handler);

  return () => {
    window.removeEventListener('resize', handler);
  };
}, []);

// BAD: No cleanup
useEffect(() => {
  window.addEventListener('resize', handler);
  // ⚠️ Missing cleanup - memory leak!
}, []);

Files to review:

• /home/user/audiobash/src/components/Terminal.tsx - Check PTY data listener cleanup
• /home/user/audiobash/src/components/VoicePanel.tsx - Check MediaRecorder cleanup
• /home/user/audiobash/src/App.tsx - Check IPC listener cleanup