@owloops/claude-powerline 1.23.3 → 1.23.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -98
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -12,99 +12,10 @@
|
|
|
12
12
|
|
|
13
13
|
[](https://github.com/hesreallyhim/awesome-claude-code)
|
|
14
14
|
|
|
15
|
-
### Demo
|
|
16
|
-
|
|
17
15
|
<img src="images/demo-tui.gif" alt="Claude Powerline TUI Mode Demo" width="600"/>
|
|
18
16
|
|
|
19
|
-
_Live demonstration: real-time usage tracking, git integration, and theme showcase_
|
|
20
|
-
|
|
21
|
-
<table>
|
|
22
|
-
<tr>
|
|
23
|
-
<td align="center">
|
|
24
|
-
<img src="images/claude-powerline-dark.png" width="500" alt="Dark Theme"><br>
|
|
25
|
-
<strong>Dark</strong>
|
|
26
|
-
</td>
|
|
27
|
-
<td align="center">
|
|
28
|
-
<img src="images/claude-powerline-light.png" width="500" alt="Light Theme"><br>
|
|
29
|
-
<strong>Light</strong>
|
|
30
|
-
</td>
|
|
31
|
-
</tr>
|
|
32
|
-
<tr>
|
|
33
|
-
<td align="center">
|
|
34
|
-
<img src="images/claude-powerline-nord.png" width="500" alt="Nord Theme"><br>
|
|
35
|
-
<strong>Nord</strong>
|
|
36
|
-
</td>
|
|
37
|
-
<td align="center">
|
|
38
|
-
<img src="images/claude-powerline-tokyo-night.png" width="500" alt="Tokyo Night Theme"><br>
|
|
39
|
-
<strong>Tokyo Night</strong>
|
|
40
|
-
</td>
|
|
41
|
-
</tr>
|
|
42
|
-
<tr>
|
|
43
|
-
<td align="center">
|
|
44
|
-
<img src="images/claude-powerline-rose-pine.png" width="500" alt="Rose Pine Theme"><br>
|
|
45
|
-
<strong>Rose Pine</strong>
|
|
46
|
-
</td>
|
|
47
|
-
<td align="center">
|
|
48
|
-
<img src="images/claude-powerline-custom.png" width="500" alt="Custom Theme"><br>
|
|
49
|
-
<em>Create your own!</em>
|
|
50
|
-
</td>
|
|
51
|
-
</tr>
|
|
52
|
-
</table>
|
|
53
17
|
</div>
|
|
54
18
|
|
|
55
|
-
## Features
|
|
56
|
-
|
|
57
|
-
<table>
|
|
58
|
-
<tr>
|
|
59
|
-
<td width="50%">
|
|
60
|
-
|
|
61
|
-
**Real-time usage tracking**
|
|
62
|
-
|
|
63
|
-
Monitor session costs, 5-hour billing windows, and daily budgets with percentage alerts.
|
|
64
|
-
|
|
65
|
-
</td>
|
|
66
|
-
<td width="50%">
|
|
67
|
-
|
|
68
|
-
**Git integration**
|
|
69
|
-
|
|
70
|
-
Branch status, commits ahead/behind, working tree changes, and repository info at a glance.
|
|
71
|
-
|
|
72
|
-
</td>
|
|
73
|
-
</tr>
|
|
74
|
-
<tr>
|
|
75
|
-
<td width="50%">
|
|
76
|
-
|
|
77
|
-
**6 built-in themes**
|
|
78
|
-
|
|
79
|
-
Dark, light, nord, tokyo-night, rose-pine, and gruvbox themes with full custom color support.
|
|
80
|
-
|
|
81
|
-
</td>
|
|
82
|
-
<td width="50%">
|
|
83
|
-
|
|
84
|
-
**Multiple styles**
|
|
85
|
-
|
|
86
|
-
Minimal, powerline, capsule, and TUI panel display with unicode or ASCII character sets.
|
|
87
|
-
|
|
88
|
-
</td>
|
|
89
|
-
</tr>
|
|
90
|
-
<tr>
|
|
91
|
-
<td width="50%">
|
|
92
|
-
|
|
93
|
-
**Auto-wrap layout**
|
|
94
|
-
|
|
95
|
-
Segments automatically wrap to new lines based on terminal width. No more cutoff.
|
|
96
|
-
|
|
97
|
-
</td>
|
|
98
|
-
<td width="50%">
|
|
99
|
-
|
|
100
|
-
**Zero dependencies**
|
|
101
|
-
|
|
102
|
-
Lightweight and fast with no external dependencies to install.
|
|
103
|
-
|
|
104
|
-
</td>
|
|
105
|
-
</tr>
|
|
106
|
-
</table>
|
|
107
|
-
|
|
108
19
|
## Installation
|
|
109
20
|
|
|
110
21
|
Requires Node.js 18+, Claude Code, and Git 2.0+. For best display, install a [Nerd Font](https://www.nerdfonts.com/) or use `--charset=text` for ASCII-only symbols.
|
|
@@ -135,20 +46,17 @@ Add to your Claude Code `settings.json`:
|
|
|
135
46
|
}
|
|
136
47
|
```
|
|
137
48
|
|
|
138
|
-
Start a Claude session and the statusline appears at the bottom.
|
|
49
|
+
Start a Claude session and the statusline appears at the bottom. Using `npx` automatically downloads and runs the latest version without manual updates.
|
|
139
50
|
|
|
140
|
-
|
|
51
|
+
## Styles
|
|
141
52
|
|
|
142
|
-
|
|
53
|
+
<img src="images/claude-powerline-styles.png" alt="Claude Powerline Styles" width="700">
|
|
143
54
|
|
|
144
|
-
##
|
|
55
|
+
## Themes
|
|
145
56
|
|
|
146
|
-
<img src="images/claude-powerline-
|
|
57
|
+
<img src="images/claude-powerline-themes.png" alt="Claude Powerline Themes" width="700">
|
|
147
58
|
|
|
148
|
-
-
|
|
149
|
-
- **powerline** -- Arrow-shaped separators between segments (best with Nerd Font)
|
|
150
|
-
- **capsule** -- Rounded pill-shaped segments (best with Nerd Font)
|
|
151
|
-
- **tui** -- Bordered panel with responsive multi-line layout. TUI mode is **opinionated**: it always displays all data regardless of segment configuration. Only theme, charset, and budget thresholds are respected.
|
|
59
|
+
6 built-in themes (dark, light, nord, tokyo-night, rose-pine, gruvbox) or [create your own](#configuration).
|
|
152
60
|
|
|
153
61
|
<details>
|
|
154
62
|
<summary><h2>Configuration</h2></summary>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@owloops/claude-powerline",
|
|
3
|
-
"version": "1.23.
|
|
3
|
+
"version": "1.23.5",
|
|
4
4
|
"description": "Beautiful vim-style powerline statusline for Claude Code with real-time usage tracking, git integration, and custom themes",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.mjs",
|