@daliovic/cc-statusline 1.1.1 → 1.2.0

package/README.md

@@ -3,7 +3,7 @@
 A minimal, informative statusline for [Claude Code](https://claude.ai/claude-code) CLI.
 
 ```
-🤖 Opus 4.5 │ 📊 53% 106K │ ⏱ 26% 2h09 ▼1h32/46% 2d15 ▼1d04
+🤖 Opus 4.5 │ 📊 53% 106K │ ⏱ 26% 2h09 ▼1h32/46% 2d15 ▼1d04 │ 🕌 Asr 15:32 (2h15)
 ```
 
 ## Features
@@ -12,6 +12,8 @@ A minimal, informative statusline for [Claude Code](https://claude.ai/claude-cod
 - **Context usage** - Percentage + token count (turns orange at 75%)
 - **Usage limits** - 5-hour session and 7-day limits with reset times
 - **Budget delta** - Shows if you're under (▼ green) or over (▲ red) your expected usage rate
+- **Prayer times** - Next prayer name, time, and countdown (auto-detects location)
+- **Customizable** - Interactive wizard to configure colors, visibility, and thresholds
 
 ## Installation
 
@@ -70,6 +72,31 @@ This lets you customize:
 
 Config is saved to `~/.claude/cc-statusline.json`.
 
+### Prayer Times
+
+Prayer times are enabled by default and auto-detect your location via IP. Configure via `--config`:
+
+- **Calculation method** - Umm Al-Qura (default), ISNA, Muslim World League, and more
+- **Location** - Auto-detect or manual lat/lng
+
+Supported calculation methods:
+| Code | Method |
+|------|--------|
+| 0 | Shia Ithna-Ansari |
+| 1 | University of Islamic Sciences, Karachi |
+| 2 | Islamic Society of North America (ISNA) |
+| 3 | Muslim World League |
+| 4 | Umm Al-Qura, Makkah (default) |
+| 5 | Egyptian General Authority |
+| 7 | Institute of Geophysics, Tehran |
+| 8 | Gulf Region |
+| 9 | Kuwait |
+| 10 | Qatar |
+| 11 | Majlis Ugama Islam Singapura |
+| 12 | UOIF France |
+| 13 | Diyanet Turkey |
+| 14 | Spiritual Administration of Muslims of Russia |
+
 ### Environment Variables
 
 | Variable | Default | Description |
@@ -86,13 +113,13 @@ Config is saved to `~/.claude/cc-statusline.json`.
 ## Output Format
 
 ```
-🤖 Model │ 📊 Context% Tokens │ ⏱ 5hr% Time Delta/7day% Time Delta
+🤖 Model │ 📊 Context% Tokens │ ⏱ 5hr% Time Delta/7day% Time Delta │ 🕌 Prayer Time (countdown)
 ```
 
-**Colors:**
+**Default Colors** (customizable via `--config`):
 - Cyan: Model name and icons
 - Gray: Percentages and times
-- Orange: Context at 75%+
+- Orange: Context at threshold
 - Green ▼: Under budget
 - Red ▲: Over budget
 

package/dist/config.js

@@ -2,6 +2,23 @@ import { readFileSync, writeFileSync, existsSync, mkdirSync } from "node:fs";
 import { homedir } from "node:os";
 import { join, dirname } from "node:path";
 export const CONFIG_PATH = join(homedir(), ".claude", "cc-statusline.json");
+export const PRAYER_CACHE_PATH = join(homedir(), ".claude", "cc-statusline-prayer.json");
+export const PRAYER_METHODS = {
+    0: "Shia Ithna-Ansari",
+    1: "University of Islamic Sciences, Karachi",
+    2: "Islamic Society of North America (ISNA)",
+    3: "Muslim World League",
+    4: "Umm Al-Qura, Makkah",
+    5: "Egyptian General Authority of Survey",
+    7: "Institute of Geophysics, University of Tehran",
+    8: "Gulf Region",
+    9: "Kuwait",
+    10: "Qatar",
+    11: "Majlis Ugama Islam Singapura",
+    12: "Union Organization Islamic de France",
+    13: "Diyanet İşleri Başkanlığı, Turkey",
+    14: "Spiritual Administration of Muslims of Russia",
+};
 export const DEFAULT_CONFIG = {
     show: {
         model: true,
@@ -9,6 +26,7 @@ export const DEFAULT_CONFIG = {
         usage5hr: true,
         usage7day: true,
         delta: true,
+        prayer: true,
     },
     thresholds: {
         contextWarning: 75,
@@ -21,6 +39,11 @@ export const DEFAULT_CONFIG = {
         usage: 248, // gray
         deltaUnder: 32, // green
         deltaOver: 31, // red
+        prayer: 36, // cyan
+    },
+    prayer: {
+        method: 4, // Umm Al-Qura
+        location: null, // auto-detect via IP
     },
 };
 export function loadConfig() {
@@ -35,6 +58,7 @@ export function loadConfig() {
             show: { ...DEFAULT_CONFIG.show, ...loaded.show },
             thresholds: { ...DEFAULT_CONFIG.thresholds, ...loaded.thresholds },
             colors: { ...DEFAULT_CONFIG.colors, ...loaded.colors },
+            prayer: { ...DEFAULT_CONFIG.prayer, ...loaded.prayer },
         };
     }
     catch {

package/dist/prayer.js

@@ -0,0 +1,123 @@
+import { readFileSync, writeFileSync, existsSync } from "node:fs";
+import { PRAYER_CACHE_PATH } from "./config.js";
+const PRAYER_ORDER = ["Fajr", "Sunrise", "Dhuhr", "Asr", "Maghrib", "Isha"];
+function getTodayDate() {
+    const now = new Date();
+    return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+}
+function parseTime(timeStr) {
+    const [hours, minutes] = timeStr.split(":").map(Number);
+    const now = new Date();
+    now.setHours(hours, minutes, 0, 0);
+    return now;
+}
+function formatTimeLeft(diffMs) {
+    if (diffMs <= 0)
+        return "0m";
+    const totalMins = Math.floor(diffMs / (1000 * 60));
+    const hours = Math.floor(totalMins / 60);
+    const mins = totalMins % 60;
+    if (hours > 0) {
+        return `${hours}h${String(mins).padStart(2, "0")}`;
+    }
+    return `${mins}m`;
+}
+async function getLocationFromIP() {
+    try {
+        const res = await fetch("http://ip-api.com/json/?fields=lat,lon");
+        if (!res.ok)
+            return null;
+        const data = await res.json();
+        return { latitude: data.lat, longitude: data.lon };
+    }
+    catch {
+        return null;
+    }
+}
+async function fetchPrayerTimesFromAPI(location, method) {
+    try {
+        const timestamp = Math.floor(Date.now() / 1000);
+        const url = `https://api.aladhan.com/v1/timings/${timestamp}?latitude=${location.latitude}&longitude=${location.longitude}&method=${method}`;
+        const res = await fetch(url);
+        if (!res.ok)
+            return null;
+        const data = await res.json();
+        return data.data.timings;
+    }
+    catch {
+        return null;
+    }
+}
+function loadCache() {
+    try {
+        if (!existsSync(PRAYER_CACHE_PATH))
+            return null;
+        const content = readFileSync(PRAYER_CACHE_PATH, "utf-8");
+        return JSON.parse(content);
+    }
+    catch {
+        return null;
+    }
+}
+function saveCache(cache) {
+    try {
+        writeFileSync(PRAYER_CACHE_PATH, JSON.stringify(cache));
+    }
+    catch {
+        // Ignore cache write errors
+    }
+}
+function isCacheValid(cache, location, method) {
+    return (cache.date === getTodayDate() &&
+        cache.method === method &&
+        Math.abs(cache.location.latitude - location.latitude) < 0.1 &&
+        Math.abs(cache.location.longitude - location.longitude) < 0.1);
+}
+export async function getNextPrayer(configLocation, method) {
+    // Get location
+    const location = configLocation ?? (await getLocationFromIP());
+    if (!location)
+        return null;
+    // Check cache
+    const cache = loadCache();
+    let times;
+    if (cache && isCacheValid(cache, location, method)) {
+        times = cache.times;
+    }
+    else {
+        // Fetch fresh data
+        const fetched = await fetchPrayerTimesFromAPI(location, method);
+        if (!fetched)
+            return null;
+        times = fetched;
+        // Save to cache
+        saveCache({
+            date: getTodayDate(),
+            location,
+            method,
+            times,
+        });
+    }
+    // Find next prayer
+    const now = new Date();
+    for (const name of PRAYER_ORDER) {
+        const prayerTime = parseTime(times[name]);
+        if (prayerTime > now) {
+            const diffMs = prayerTime.getTime() - now.getTime();
+            return {
+                name,
+                time: times[name],
+                timeLeft: formatTimeLeft(diffMs),
+            };
+        }
+    }
+    // All prayers passed, return tomorrow's Fajr
+    const tomorrowFajr = parseTime(times.Fajr);
+    tomorrowFajr.setDate(tomorrowFajr.getDate() + 1);
+    const diffMs = tomorrowFajr.getTime() - now.getTime();
+    return {
+        name: "Fajr",
+        time: times.Fajr,
+        timeLeft: formatTimeLeft(diffMs),
+    };
+}

package/dist/statusline.js

@@ -3,6 +3,7 @@ import { readFileSync, writeFileSync, existsSync } from "node:fs";
 import { homedir } from "node:os";
 import { join } from "node:path";
 import { loadConfig } from "./config.js";
+import { getNextPrayer } from "./prayer.js";
 // Handle --config flag first and exit
 if (process.argv.includes("--config")) {
     const { runWizard } = await import("./wizard.js");
@@ -27,6 +28,7 @@ const color = {
     usage: `\x1b[38;5;${userConfig.colors.usage}m`,
     deltaUnder: `\x1b[38;5;${userConfig.colors.deltaUnder}m`,
     deltaOver: `\x1b[38;5;${userConfig.colors.deltaOver}m`,
+    prayer: `\x1b[38;5;${userConfig.colors.prayer}m`,
 };
 // === Helpers ===
 function formatTokens(tokens) {
@@ -240,6 +242,13 @@ async function main() {
             segments.push(`${color.model}\u{23F1}${color.reset} ${parts.join(`${color.dim}/${color.reset}`)}`);
         }
     }
+    // Prayer times
+    if (userConfig.show.prayer) {
+        const prayer = await getNextPrayer(userConfig.prayer.location, userConfig.prayer.method);
+        if (prayer) {
+            segments.push(`${color.prayer}\u{1F54C} ${prayer.name} ${prayer.time}${color.dim} (${prayer.timeLeft})${color.reset}`);
+        }
+    }
     // Output
     console.log(segments.join(` ${color.dim}\u{2502}${color.reset} `));
 }

package/dist/wizard.js

@@ -1,5 +1,5 @@
 import { select, checkbox, input, confirm } from "@inquirer/prompts";
-import { DEFAULT_CONFIG, loadConfig, saveConfig, CONFIG_PATH } from "./config.js";
+import { DEFAULT_CONFIG, loadConfig, saveConfig, CONFIG_PATH, PRAYER_METHODS } from "./config.js";
 // ANSI color helper
 function colorize(code, text) {
     return `\x1b[38;5;${code}m${text}\x1b[0m`;
@@ -26,6 +26,9 @@ function showPreview(config) {
             parts.push(`\u{23F1} ${usageParts.join("/")}`);
         }
     }
+    if (config.show.prayer) {
+        parts.push(colorize(c.prayer, "\u{1F54C} Asr 15:32") + " \x1b[2m(2h15)\x1b[0m");
+    }
     console.log("\n  Preview: " + parts.join(" \x1b[2m\u{2502}\x1b[0m ") + "\n");
 }
 async function visibilityMenu(config) {
@@ -35,6 +38,7 @@ async function visibilityMenu(config) {
         { name: "5-hour usage limit", value: "usage5hr", checked: config.show.usage5hr },
         { name: "7-day usage limit", value: "usage7day", checked: config.show.usage7day },
         { name: "Budget delta arrows", value: "delta", checked: config.show.delta },
+        { name: "Prayer times", value: "prayer", checked: config.show.prayer },
     ];
     const selected = await checkbox({
         message: "Toggle items to show (space to toggle, enter to confirm)",
@@ -45,6 +49,7 @@ async function visibilityMenu(config) {
     config.show.usage5hr = selected.includes("usage5hr");
     config.show.usage7day = selected.includes("usage7day");
     config.show.delta = selected.includes("delta");
+    config.show.prayer = selected.includes("prayer");
 }
 async function colorsMenu(config) {
     const colorOptions = [
@@ -54,6 +59,7 @@ async function colorsMenu(config) {
         { name: `Usage (current: ${colorize(config.colors.usage, String(config.colors.usage))})`, value: "usage" },
         { name: `Delta under budget (current: ${colorize(config.colors.deltaUnder, String(config.colors.deltaUnder))})`, value: "deltaUnder" },
         { name: `Delta over budget (current: ${colorize(config.colors.deltaOver, String(config.colors.deltaOver))})`, value: "deltaOver" },
+        { name: `Prayer (current: ${colorize(config.colors.prayer, String(config.colors.prayer))})`, value: "prayer" },
         { name: "Back", value: "back" },
     ];
     while (true) {
@@ -83,6 +89,74 @@ async function colorsMenu(config) {
         }
     }
 }
+async function prayerMenu(config) {
+    const methodChoices = Object.entries(PRAYER_METHODS).map(([code, name]) => ({
+        name: `${name}${Number(code) === config.prayer.method ? " (current)" : ""}`,
+        value: code,
+    }));
+    methodChoices.push({ name: "Back", value: "back" });
+    while (true) {
+        const choice = await select({
+            message: "Prayer settings",
+            choices: [
+                { name: `Calculation method: ${PRAYER_METHODS[config.prayer.method]}`, value: "method" },
+                { name: config.prayer.location
+                        ? `Location: ${config.prayer.location.latitude}, ${config.prayer.location.longitude}`
+                        : "Location: Auto-detect (IP)", value: "location" },
+                { name: "Back", value: "back" },
+            ],
+        });
+        if (choice === "back")
+            break;
+        if (choice === "method") {
+            const method = await select({
+                message: "Select calculation method",
+                choices: methodChoices,
+            });
+            if (method !== "back") {
+                config.prayer.method = Number(method);
+            }
+        }
+        else if (choice === "location") {
+            const locChoice = await select({
+                message: "Location setting",
+                choices: [
+                    { name: "Auto-detect from IP (recommended)", value: "auto" },
+                    { name: "Enter manually", value: "manual" },
+                ],
+            });
+            if (locChoice === "auto") {
+                config.prayer.location = null;
+            }
+            else {
+                const lat = await input({
+                    message: "Latitude",
+                    default: config.prayer.location?.latitude?.toString() || "",
+                    validate: (val) => {
+                        const num = parseFloat(val);
+                        if (isNaN(num) || num < -90 || num > 90)
+                            return "Enter -90 to 90";
+                        return true;
+                    },
+                });
+                const lng = await input({
+                    message: "Longitude",
+                    default: config.prayer.location?.longitude?.toString() || "",
+                    validate: (val) => {
+                        const num = parseFloat(val);
+                        if (isNaN(num) || num < -180 || num > 180)
+                            return "Enter -180 to 180";
+                        return true;
+                    },
+                });
+                config.prayer.location = {
+                    latitude: parseFloat(lat),
+                    longitude: parseFloat(lng),
+                };
+            }
+        }
+    }
+}
 async function thresholdsMenu(config) {
     const contextWarning = await input({
         message: "Context warning threshold % (turns orange)",
@@ -118,6 +192,7 @@ export async function runWizard() {
                 { name: "Visibility (show/hide items)", value: "visibility" },
                 { name: "Colors", value: "colors" },
                 { name: "Thresholds", value: "thresholds" },
+                { name: "Prayer settings", value: "prayer" },
                 { name: "Reset to defaults", value: "reset" },
                 { name: "Save & Exit", value: "save" },
                 { name: "Exit without saving", value: "exit" },
@@ -135,6 +210,9 @@ export async function runWizard() {
             case "thresholds":
                 await thresholdsMenu(config);
                 break;
+            case "prayer":
+                await prayerMenu(config);
+                break;
             case "reset":
                 const confirmReset = await confirm({
                     message: "Reset all settings to defaults?",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daliovic/cc-statusline",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Minimal Claude Code statusline with usage limits and budget tracking",
   "type": "module",
   "main": "dist/statusline.js",