@naarang/glancebar 1.0.1 → 1.0.3

package/README.md

@@ -3,16 +3,17 @@
 [![npm version](https://img.shields.io/npm/v/%40naarang%2Fglancebar)](https://www.npmjs.com/package/@naarang/glancebar)
 [![license](https://img.shields.io/github/license/vishal-android-freak/glancebar)](https://github.com/vishal-android-freak/glancebar/blob/main/LICENSE)
 
-A customizable statusline for [Claude Code](https://claude.ai/claude-code) - display calendar events, tasks, and more at a glance.
+A customizable statusline for [Claude Code](https://claude.com/product/claude-code) - display calendar events, tasks, and more at a glance.
 
 ## Features
 
-- Display upcoming calendar events from multiple Google accounts
-- Color-coded events per account
-- Countdown display for imminent events
-- Water break reminders to stay hydrated
-- Fully configurable via CLI
-- Cross-platform support (Windows, macOS, Linux)
+- **Session info** - Project name, git branch, model, cost, lines changed, and context usage
+- **Calendar events** - Upcoming events from multiple Google accounts
+- **Meeting warnings** - Red alert when a meeting is 5 minutes away
+- **Health reminders** - Water, stretch, and eye break reminders
+- **Color-coded** - Everything has distinct colors for quick scanning
+- **Fully configurable** via CLI
+- **Cross-platform** support (Windows, macOS, Linux)
 
 ## Requirements
 
@@ -47,7 +48,7 @@ npm install -g @naarang/glancebar
 # 1. Run setup guide
 glancebar setup
 
-# 2. Add your Google account
+# 2. Add your Google account (after setting up credentials)
 glancebar auth --add your-email@gmail.com
 
 # 3. Test it
@@ -138,11 +139,10 @@ glancebar config --max-title 80
 # Toggle calendar name display
 glancebar config --show-calendar false
 
-# Enable/disable water reminders
+# Enable/disable health reminders
 glancebar config --water-reminder true
-
-# Set water reminder interval (in minutes)
-glancebar config --water-interval 45
+glancebar config --stretch-reminder true
+glancebar config --eye-reminder true
 
 # Reset to defaults
 glancebar config --reset
@@ -150,15 +150,44 @@ glancebar config --reset
 
 ## Display Format
 
+Example output:
+```
+glancebar | main* | Opus | $0.12 | +156 -23 | 9.7k/200k (5%) | In 15m: Team Standup (work)
+```
+
+### Session Info (from Claude Code)
+
+| Field | Color | Example |
+|-------|-------|---------|
+| Project name | Blue | `glancebar`, `my-app` |
+| Git branch | Magenta | `main`, `feature-x*` (asterisk = uncommitted changes) |
+| Model name | Yellow | `Opus`, `Sonnet` |
+| Cost | Green | `$0.01`, `$0.1234` |
+| Lines changed | Green/Red | `+156 -23` |
+| Context usage | Green/Yellow/Red | `9.7k/200k (5%)` |
+
+Context usage color changes based on percentage:
+- **Green**: < 50%
+- **Yellow**: 50-80%
+- **Red**: > 80%
+
+### Calendar Events
+
 | State | Format | Example |
 |-------|--------|---------|
+| **Meeting warning** | Red alert when ≤5m away | `Meeting in 3m - wrap up!` |
 | Upcoming (within threshold) | `In Xm: Title (account)` | `In 15m: Team Standup (work)` |
 | Current | `Now: Title (account)` | `Now: Team Standup (work)` |
 | Later | `HH:MM AM/PM: Title (account)` | `2:30 PM: Meeting (work)` |
 | No events | `No upcoming events` | |
-| Water reminder | Random hydration message | `Stay hydrated! Drink some water` |
 
-Events are color-coded by account (cyan, magenta, green, orange, blue, pink, yellow, purple).
+### Health Reminders (~30% chance)
+
+| Type | Color | Example |
+|------|-------|---------|
+| Water | Cyan | `Stay hydrated! Drink some water` |
+| Stretch | Green | `Time to stretch! Stand up and move` |
+| Eye break | Magenta | `Eye break! Look 20ft away for 20s` |
 
 ## Configuration
 
@@ -180,8 +209,9 @@ All configuration is stored in `~/.glancebar/`:
 | `countdownThresholdMinutes` | 60 | Minutes threshold for countdown display |
 | `maxTitleLength` | 120 | Maximum event title length |
 | `showCalendarName` | true | Show account name after event |
-| `waterReminderEnabled` | false | Enable water break reminders |
-| `waterReminderIntervalMinutes` | 45 | Minutes between water reminders |
+| `waterReminderEnabled` | true | Enable random water break reminders |
+| `stretchReminderEnabled` | true | Enable random stretch/posture reminders |
+| `eyeReminderEnabled` | true | Enable random eye break reminders (20-20-20 rule) |
 
 ## Building from Source
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naarang/glancebar",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A customizable statusline for Claude Code - display calendar events, tasks, and more at a glance",
   "author": "Vishal Dubey",
   "license": "MIT",

package/src/cli.ts

@@ -16,7 +16,8 @@ interface Config {
   countdownThresholdMinutes: number;
   maxTitleLength: number;
   waterReminderEnabled: boolean;
-  waterReminderIntervalMinutes: number;
+  stretchReminderEnabled: boolean;
+  eyeReminderEnabled: boolean;
 }
 
 const COLORS: Record<string, string> = {
@@ -48,7 +49,8 @@ const DEFAULT_CONFIG: Config = {
   countdownThresholdMinutes: 60,
   maxTitleLength: 120,
   waterReminderEnabled: true,
-  waterReminderIntervalMinutes: 30,
+  stretchReminderEnabled: true,
+  eyeReminderEnabled: true,
 };
 
 const WATER_REMINDERS = [
@@ -62,6 +64,26 @@ const WATER_REMINDERS = [
   "Quick reminder: Drink water!",
 ];
 
+const STRETCH_REMINDERS = [
+  "Time to stretch! Stand up and move",
+  "Stretch break! Roll your shoulders",
+  "Stand up and stretch your legs",
+  "Posture check! Sit up straight",
+  "Take a quick stretch break",
+  "Move your body! Quick stretch",
+  "Stretch your neck and shoulders",
+  "Stand up! Your body will thank you",
+];
+
+const EYE_REMINDERS = [
+  "Eye break! Look 20ft away for 20s",
+  "Rest your eyes - look at something distant",
+  "20-20-20: Look away from screen",
+  "Give your eyes a break!",
+  "Look away from the screen for a moment",
+  "Eye rest time! Focus on something far",
+];
+
 function getConfigDir(): string {
   const home = process.env.HOME || process.env.USERPROFILE || "";
   return join(home, ".glancebar");
@@ -75,10 +97,6 @@ function getTokensDir(): string {
   return join(getConfigDir(), "tokens");
 }
 
-function getCredentialsPath(): string {
-  return join(getConfigDir(), "credentials.json");
-}
-
 function ensureConfigDir(): void {
   const dir = getConfigDir();
   if (!existsSync(dir)) {
@@ -118,11 +136,15 @@ interface Credentials {
   web?: { client_id: string; client_secret: string };
 }
 
+function getCredentialsPath(): string {
+  return join(getConfigDir(), "credentials.json");
+}
+
 function loadCredentials(): Credentials {
   const credPath = getCredentialsPath();
   if (!existsSync(credPath)) {
     throw new Error(
-      `credentials.json not found at ${credPath}\n\nPlease download OAuth credentials from Google Cloud Console and save to:\n${credPath}`
+      `credentials.json not found at ${credPath}\n\nPlease download OAuth credentials from Google Cloud Console and save to:\n${credPath}\n\nRun 'glancebar setup' for detailed instructions.`
     );
   }
   return JSON.parse(readFileSync(credPath, "utf-8"));
@@ -412,6 +434,20 @@ function formatCountdown(minutes: number): string {
   return mins === 0 ? `In ${hours}h` : `In ${hours}h${mins}m`;
 }
 
+function getMeetingWarning(event: CalendarEvent | null): string | null {
+  if (!event) return null;
+
+  const now = new Date();
+  const minutesUntil = Math.round((event.start.getTime() - now.getTime()) / 60000);
+
+  // Warning when meeting is 5 minutes or less away
+  if (minutesUntil > 0 && minutesUntil <= 5) {
+    return `${COLORS.brightRed}Meeting in ${minutesUntil}m - wrap up!${COLORS.reset}`;
+  }
+
+  return null;
+}
+
 function formatTime(date: Date): string {
   const hours = date.getHours();
   const minutes = date.getMinutes();
@@ -442,14 +478,15 @@ Usage:
   glancebar config --max-title <length>          Set max title length (default: 120)
   glancebar config --show-calendar <true|false>  Show calendar name (default: true)
   glancebar config --water-reminder <true|false> Enable/disable water reminders (default: true)
-  glancebar config --water-interval <mins>       Set water reminder interval (default: 30)
+  glancebar config --stretch-reminder <true|false> Enable/disable stretch reminders (default: true)
+  glancebar config --eye-reminder <true|false>   Enable/disable eye break reminders (default: true)
   glancebar config --reset           Reset to default configuration
   glancebar setup                    Show setup instructions
 
 Examples:
   glancebar auth --add user@gmail.com
   glancebar config --lookahead 12
-  glancebar config --water-interval 45
+  glancebar config --stretch-reminder false
 
 Config location: ${getConfigDir()}
 `);
@@ -684,17 +721,31 @@ function handleConfig(args: string[]) {
     return;
   }
 
-  // Handle --water-interval
-  const waterIntervalIndex = args.indexOf("--water-interval");
-  if (waterIntervalIndex !== -1) {
-    const value = parseInt(args[waterIntervalIndex + 1], 10);
-    if (isNaN(value) || value < 5 || value > 120) {
-      console.error("Error: water-interval must be between 5 and 120 minutes");
+  // Handle --stretch-reminder
+  const stretchReminderIndex = args.indexOf("--stretch-reminder");
+  if (stretchReminderIndex !== -1) {
+    const value = args[stretchReminderIndex + 1]?.toLowerCase();
+    if (value !== "true" && value !== "false") {
+      console.error("Error: --stretch-reminder must be 'true' or 'false'");
+      process.exit(1);
+    }
+    config.stretchReminderEnabled = value === "true";
+    saveConfig(config);
+    console.log(`Stretch reminder ${value === "true" ? "enabled" : "disabled"}`);
+    return;
+  }
+
+  // Handle --eye-reminder
+  const eyeReminderIndex = args.indexOf("--eye-reminder");
+  if (eyeReminderIndex !== -1) {
+    const value = args[eyeReminderIndex + 1]?.toLowerCase();
+    if (value !== "true" && value !== "false") {
+      console.error("Error: --eye-reminder must be 'true' or 'false'");
       process.exit(1);
     }
-    config.waterReminderIntervalMinutes = value;
+    config.eyeReminderEnabled = value === "true";
     saveConfig(config);
-    console.log(`Water reminder interval set to ${value} minutes`);
+    console.log(`Eye break reminder ${value === "true" ? "enabled" : "disabled"}`);
     return;
   }
 
@@ -713,38 +764,195 @@ Calendar Settings:
 
 Reminders:
   Water reminder:      ${config.waterReminderEnabled ? "enabled" : "disabled"}
-  Water interval:      ${config.waterReminderIntervalMinutes} minutes
+  Stretch reminder:    ${config.stretchReminderEnabled ? "enabled" : "disabled"}
+  Eye break reminder:  ${config.eyeReminderEnabled ? "enabled" : "disabled"}
 `);
 }
 
-function shouldShowWaterReminder(config: Config): boolean {
-  if (!config.waterReminderEnabled) return false;
+function getRandomReminder(config: Config): string | null {
+  const enabledReminders: Array<() => string> = [];
 
-  const now = new Date();
-  const minutes = now.getHours() * 60 + now.getMinutes();
+  if (config.waterReminderEnabled) {
+    enabledReminders.push(() => {
+      const reminder = WATER_REMINDERS[Math.floor(Math.random() * WATER_REMINDERS.length)];
+      return `${COLORS.brightCyan}${reminder}${COLORS.reset}`;
+    });
+  }
+
+  if (config.stretchReminderEnabled) {
+    enabledReminders.push(() => {
+      const reminder = STRETCH_REMINDERS[Math.floor(Math.random() * STRETCH_REMINDERS.length)];
+      return `${COLORS.brightGreen}${reminder}${COLORS.reset}`;
+    });
+  }
+
+  if (config.eyeReminderEnabled) {
+    enabledReminders.push(() => {
+      const reminder = EYE_REMINDERS[Math.floor(Math.random() * EYE_REMINDERS.length)];
+      return `${COLORS.brightMagenta}${reminder}${COLORS.reset}`;
+    });
+  }
+
+  if (enabledReminders.length === 0) return null;
 
-  // Show water reminder if current minute falls on the interval
-  return minutes % config.waterReminderIntervalMinutes === 0;
+  // ~30% chance to show any reminder
+  if (Math.random() >= 0.3) return null;
+
+  // Pick a random reminder type from enabled ones
+  const randomPicker = enabledReminders[Math.floor(Math.random() * enabledReminders.length)];
+  return randomPicker();
 }
 
-function getWaterReminder(): string {
-  const reminder = WATER_REMINDERS[Math.floor(Math.random() * WATER_REMINDERS.length)];
-  return `${COLORS.brightCyan}${reminder}${COLORS.reset}`;
+interface ClaudeCodeStatus {
+  model?: { display_name?: string };
+  cost?: {
+    total_cost_usd?: number;
+    total_lines_added?: number;
+    total_lines_removed?: number;
+  };
+  cwd?: string;
+  workspace?: {
+    project_dir?: string;
+  };
+  context_window?: {
+    context_window_size?: number;
+    current_usage?: {
+      input_tokens?: number;
+      output_tokens?: number;
+      cache_creation_input_tokens?: number;
+      cache_read_input_tokens?: number;
+    };
+  };
 }
 
-async function outputStatusline() {
-  // Consume stdin (Claude Code sends JSON)
+function getGitBranch(cwd?: string): string | null {
   try {
-    for await (const _ of Bun.stdin.stream()) break;
-  } catch {}
+    const { execSync } = require("child_process");
+    const branch = execSync("git rev-parse --abbrev-ref HEAD", {
+      cwd: cwd || process.cwd(),
+      encoding: "utf-8",
+      stdio: ["pipe", "pipe", "pipe"],
+    }).trim();
+
+    // Check if there are uncommitted changes
+    let isDirty = false;
+    try {
+      const status = execSync("git status --porcelain", {
+        cwd: cwd || process.cwd(),
+        encoding: "utf-8",
+        stdio: ["pipe", "pipe", "pipe"],
+      }).trim();
+      isDirty = status.length > 0;
+    } catch {}
+
+    return isDirty ? `${branch}*` : branch;
+  } catch {
+    return null;
+  }
+}
+
+function getProjectName(projectDir?: string): string | null {
+  if (!projectDir) return null;
+  // Extract the last part of the path as project name
+  const parts = projectDir.replace(/\\/g, "/").split("/").filter(Boolean);
+  return parts.length > 0 ? parts[parts.length - 1] : null;
+}
+
+async function readStdinJson(): Promise<ClaudeCodeStatus | null> {
+  try {
+    const chunks: Uint8Array[] = [];
+    for await (const chunk of Bun.stdin.stream()) {
+      chunks.push(chunk);
+    }
+    if (chunks.length === 0) return null;
+    const text = Buffer.concat(chunks).toString("utf-8").trim();
+    if (!text) return null;
+    return JSON.parse(text);
+  } catch {
+    return null;
+  }
+}
+
+function formatSessionInfo(status: ClaudeCodeStatus): string {
+  const parts: string[] = [];
+
+  // Project name
+  const projectName = getProjectName(status.workspace?.project_dir);
+  if (projectName) {
+    parts.push(`${COLORS.brightBlue}${projectName}${COLORS.reset}`);
+  }
+
+  // Git branch
+  const gitBranch = getGitBranch(status.cwd || status.workspace?.project_dir);
+  if (gitBranch) {
+    parts.push(`${COLORS.magenta}${gitBranch}${COLORS.reset}`);
+  }
+
+  // Model name
+  if (status.model?.display_name) {
+    parts.push(`${COLORS.brightYellow}${status.model.display_name}${COLORS.reset}`);
+  }
+
+  // Cost
+  if (status.cost?.total_cost_usd !== undefined) {
+    const cost = status.cost.total_cost_usd;
+    const costStr = cost < 0.01 ? `$${cost.toFixed(4)}` : `$${cost.toFixed(2)}`;
+    parts.push(`${COLORS.green}${costStr}${COLORS.reset}`);
+  }
+
+  // Lines changed
+  const linesAdded = status.cost?.total_lines_added || 0;
+  const linesRemoved = status.cost?.total_lines_removed || 0;
+  if (linesAdded > 0 || linesRemoved > 0) {
+    const linesStr = `${COLORS.green}+${linesAdded}${COLORS.reset} ${COLORS.red}-${linesRemoved}${COLORS.reset}`;
+    parts.push(linesStr);
+  }
+
+  // Context usage (using current_usage for accurate context window state)
+  if (status.context_window?.current_usage && status.context_window?.context_window_size) {
+    const usage = status.context_window.current_usage;
+    // Sum all token types for total context usage
+    const totalUsed =
+      (usage.input_tokens || 0) +
+      (usage.output_tokens || 0) +
+      (usage.cache_creation_input_tokens || 0) +
+      (usage.cache_read_input_tokens || 0);
+    const windowSize = status.context_window.context_window_size;
+    const percentage = Math.round((totalUsed / windowSize) * 100);
+    const usedK = (totalUsed / 1000).toFixed(1);
+    const windowK = Math.round(windowSize / 1000);
+
+    // Color based on usage: green < 50%, yellow 50-80%, red > 80%
+    let color = COLORS.green;
+    if (percentage >= 80) color = COLORS.red;
+    else if (percentage >= 50) color = COLORS.yellow;
+
+    parts.push(`${color}${usedK}k/${windowK}k (${percentage}%)${COLORS.reset}`);
+  }
+
+  return parts.join(" | ");
+}
+
+async function outputStatusline() {
+  // Read and parse stdin from Claude Code
+  const status = await readStdinJson();
 
   try {
     const config = loadConfig();
     const parts: string[] = [];
 
-    // Check for water reminder first
-    if (shouldShowWaterReminder(config)) {
-      parts.push(getWaterReminder());
+    // Add session info from Claude Code
+    if (status) {
+      const sessionInfo = formatSessionInfo(status);
+      if (sessionInfo) {
+        parts.push(sessionInfo);
+      }
+    }
+
+    // Check for health reminder (water, stretch, eye break)
+    const reminder = getRandomReminder(config);
+    if (reminder) {
+      parts.push(reminder);
     }
 
     // Get calendar events
@@ -752,6 +960,12 @@ async function outputStatusline() {
       const events = await getUpcomingEvents(config);
       const event = getCurrentOrNextEvent(events);
 
+      // Check for meeting warning (within 5 minutes)
+      const meetingWarning = getMeetingWarning(event);
+      if (meetingWarning) {
+        parts.push(meetingWarning);
+      }
+
       if (event) {
         parts.push(formatEvent(event, config));
       } else if (parts.length === 0) {