Reddot UI Library

Docs
Claude Code Statusline

Claude Code Statusline

Configuration statusline personnalisée pour Claude Code affichant informations git et contexte

Installation

$npx shadcn@latest add https://reddot.dottools.xyz/r/claude-code-statusline.json

À propos

Cette configuration ajoute une statusline personnalisée à Claude Code qui affiche :

  • Nom du répertoire courant
  • Branche git active (en cyan)
  • Nombre de fichiers staged (S)
  • Nombre de fichiers unstaged (U)
  • Nombre de commits ahead (A)
  • Pourcentage du contexte utilisé (en jaune)

Prérequis

  • Claude Code CLI installé
  • ccstatusline installé globalement : npm install -g ccstatusline
  • Git configuré dans votre projet

Configuration

Étape 1 : Installer ccstatusline

npm install -g ccstatusline

Étape 2 : Installer via registry

Utilisez le registry pour installer les scripts :

$npx shadcn@latest add https://reddot.dottools.xyz/r/claude-code-statusline.json

Cela installe :

  • ~/.config/ccstatusline/settings.json - Config ccstatusline
  • ~/.claude/statusline-command.sh - Script git info
  • ~/.claude/statusline-wrapper.sh - Wrapper combinant les deux

Étape 3 : Rendre scripts exécutables

chmod +x ~/.claude/statusline-command.sh
chmod +x ~/.claude/statusline-wrapper.sh

Étape 4 : Configurer Claude Code

Ajoutez dans .claude/settings.json :

{
  "statusLine": {
    "type": "command",
    "command": "bash ~/.claude/statusline-wrapper.sh",
    "padding": 0
  }
}

Étape 5 : Redémarrer Claude Code

Redémarrez Claude Code pour voir la statusline.

Rendu

La statusline affichera :

makemycv | main | S: 0 | U: 1 | A: 0 | 17.3%

Où :

  • makemycv : nom du dossier courant
  • main : branche git (cyan)
  • S: 0 : 0 fichiers staged (vert)
  • U: 1 : 1 fichier unstaged (rouge)
  • A: 0 : 0 commits ahead (bleu)
  • 17.3% : contexte utilisé (jaune)

Personnalisation

Modifier les couleurs du contexte

Éditez ~/.config/ccstatusline/settings.json :

{
  "id": "1",
  "type": "context-percentage",
  "color": "yellow",  // Changez ici : red, green, blue, etc.
  "bold": true
}

Modifier format git info

Éditez ~/.claude/statusline-command.sh pour changer l'affichage :

printf '%s | \033[01;36m%s\033[00m | S: %s | U: %s | A: %s' \
  "$dir_name" "$branch" "$staged" "$unstaged" "$ahead"

Afficher d'autres stats git

Ajoutez dans statusline-command.sh :

# Commits behind
behind=$(git -C "$cwd" --no-optional-locks rev-list --count HEAD..@{u} 2>/dev/null || echo 0)
 
# Nombre de stash
stashes=$(git -C "$cwd" --no-optional-locks stash list 2>/dev/null | wc -l | tr -d ' ')

Crédits

Inspiré de The Perfect Claude Code Status Line par Matt Pocock.