CodeTune
Fine-tune your VS Code experience
๐ CodeTune - Islamic Coding Companion
Transform your VS Code into a spiritual environment.
Authentic Islamic reminders, Quran recitation, prayer times, and spiritual focus tools โ all without leaving your editor.
๐ Installation โข โจ Features โข ๐ Usage โข โ๏ธ Configuration โข ๐ Troubleshooting
๐ Overview
CodeTune integrates spirituality seamlessly into your development workflow. It helps you maintain faith and focus by providing context-aware Islamic content, prayer times based on your location, and a high-quality Quran player โ all without leaving your editor.
"Indeed, in the remembrance of Allah do hearts find rest." (Surah Ar-Ra'd, 13:28)
CodeTune Dashboard Demo
๐ What's New in v1.3.0 "Tawasul"
๐ Full 5-Language Internationalization (MAJOR)
- 100% Translation Coverage: Complete localization across English, Arabic (ุงูุนุฑุจูุฉ), Spanish (Espaรฑol), French (Franรงais), and Russian (ะ ัััะบะธะน)
- Live Runtime Switching: Instant UI updates when changing language with zero window reload
- Bi-directional Layouts: Polished RTL (Right-to-Left) for Arabic and LTR for European languages
- Zero Hardcoded Strings: Every button, modal, label, and notification is fully localized
๐ Ayah Al-Kursi After-Prayer Reminders (NEW)
- Post-Prayer Admonition: Automatic notification 15โ40 minutes after each prayer and immediate prompt upon marking prayer completed:
ยซWhoever recites Ayah Al-Kursi after each obligatory prayer, nothing prevents him from entering Paradise except death.ยป
- Modal Recitation View: Full Arabic text in authentic Uthmani script with Harakat plus full English translation in a dedicated dialog
- Extended Daily Azkar: Added Ayah Al-Kursi and Sayyid Al-Istighfar to Morning & Evening Azkar
โ๏ธ Glassmorphic Settings & Persistent Preferences
- Modern Settings Card: Sleek design matching the rest of the spiritual dashboard
- Rock-Solid Persistence: Settings sync seamlessly between VS Code configuration,
globalState, andlocalStorage - Zero Console Errors: All configuration keys officially registered in schema
๐จ Contrast Theme Engine
- Light & Dark Themes: Native contrast modes with real-time reactive CSS variables
โก IPC Performance & Bug Fixes
- Heartbeat Optimization: Eliminated 1-second IPC polling spam; replaced with a 30s heartbeat & client UI ticker
- Surah Al-Fatihah Fix: Corrected selection validation in player that was blocking playback of Surah 1
- Component Global Scope: Reliable event handling and communication across all UI components
๐ Previous: v1.2.0 "Fajr"
๐ Islamic Date Tracking System
- Fajr-Based Day Tracking: Daily goals now reset at Fajr (dawn) instead of midnight
- Timezone-Safe Date Arithmetic: Noon-anchored date calculations prevent DST errors
- Smart Streak Calculation: Streak survives until next Fajr, not midnight
- Fajr Time Sync: Prayer times flow from API to SpiritualTracker automatically
๐ต Audio โ Tracker Sync Fix
- Accumulator Pattern: Short listening sessions (45s) no longer lost โ milliseconds accumulate until a full minute
- Webview-to-Extension Bridge: localStorage data now properly crosses to SpiritualTracker
- Real-Time Dashboard Update: Quran listening minutes show in progress bar immediately
๐ 14 Bug Fixes
- Config registration, 403 Forbidden, message handlers, duplicate buttons, dhikr counter sync, modal transparency, and more
๐ง Smart Focus Mode
- Coding-Aware Notifications: Detects when you're actively typing and pauses reminders automatically
- Auto-Resume: Notifications resume after you stop coding โ never breaking your flow again
- Quiet Hours: Configurable night hours where all notifications are fully silenced
๐ Spiritual Progress Dashboard
- Daily Goals Tracker: Visual progress bars for Quran listening minutes and Dhikr count
- Streak System: Tracks consecutive days of spiritual activity with motivational messages
- Achievements: Unlock badges like "One Week Warrior" (7-day streak) and "Legend" (30-day streak)
- Weekly Summary: Overview of your spiritual activity over the last 7 days
- All-Time Stats: Total Quran minutes, Dhikr count, and personal records
๐ก๏ธ Intelligent Error Recovery
- "You're Offline" Screen: Beautiful network status UI with pending retry queue
- Auto-Retry: Automatically re-attempts failed audio streaming when connection returns
- User-Friendly Errors: No scary stack traces โ just clear, helpful messages
- Exponential Backoff: Smart retry logic that doesn't hammer the server
Friday Surah Al-Kahf Reminder
๐ Reliability & Security Improvements
- XSS Protection: All dynamic content is fully sanitized before rendering
- Memory Leak Prevention: All intervals, timers, and event listeners are properly disposed
- Error Black Box: Background error logging for debugging without UI clutter
- Retry Manager: Robust network request handling with configurable max retries
โจ Features
๐ง Smart Focus Mode
- Detects active coding (typing, file saves) and pauses non-urgent reminders
- Quiet Hours setting prevents notifications during sleep/prayer times
- Zero configuration โ works intelligently out of the box
๐ Spiritual Progress Tracker
- Daily Goals: Log Quran listening time and Dhikr count with simple modal inputs
- Streak Counter: Days-in-a-row tracker with midnight-safe date logic
- Achievements: Gamified spiritual milestones to keep you motivated
- Weekly Heatmap: See which days you were most spiritually active
๐ค Intelligent Reminders System
- Time-Aware Azkar: Morning Azkar (Fajr โ Sunrise), Evening Azkar (Asr โ Maghrib)
- Friday Special: Enhanced Friday content โ Jumu'ah duas, Surah Al-Kahf enforcement, Salawat
- Customizable: Intervals from 5 minutes to 4 hours
- Authentic Content: 500+ verified Adia, Hadis, and Quranic wisdom
๐ Prayer Times & Calendar
- Live Countdown: Real-time countdown to next prayer with precise astronomical calculation
- Hijri Date: Umm al-Qura calendar with accurate date display
- Auto-Location: Automatic timezone detection โ no manual setup needed
๐ต Premium Quran Player
- 15+ Reciters: Mishary Alafasy, Al-Sudais, Abdul Basit, Al-Minshawy, Maher Al-Muaiqly, and more
- Smart Auto-Reading: Auto-page turner with adaptive speed for Khatmah
- Background Play: Independent volume and seamless CDN streaming
- Statistics: Daily/Weekly/Monthly listening metrics
Premium Quran Player Interface
๐งฟ Islamic Dhikr Counters
- Tasbih (ุณูุจูุญูุงูู ุงูููููู / ุงููุญูู ูุฏู ููููููู / ุงูููููู ุฃูููุจูุฑู)
- Istighfar, Salawat with Friday-aware daily targets
- Adhkar collection with one-click increment
- Persistent cross-session storage
Built-in Quran Reader with Auto-Scroll
๐ Installation
- Open VS Code
- Press
Ctrl+Shift+Xto open Extensions - Search for "CodeTune"
- Click Install
- Click the ๐ Mosque icon in the Activity Bar to open the dashboard
๐ Usage
Activity Bar Dashboard
Click the Mosque Icon (๐) in the left Activity Bar to access everything.
| Command | Shortcut | Description |
|---|---|---|
CodeTune: Play Quran | Ctrl+Shift+Q | Start/Resume recitation |
CodeTune: Stop | โ | Stop playback |
CodeTune: Open Settings | โ | Open configuration panel |
Logging Spiritual Activity
In the Spiritual Progress section:
- Click ๐ Log Quran Time โ enter minutes โ dashboard updates automatically
- Click โจ Track Dhikr โ enter count โ streak and goals update
Smart Focus Mode
Just code normally โ the extension watches your activity. When you stop typing for 30+ seconds, any pending notifications are delivered. You'll never see a popup mid-keystroke.
โ๏ธ Configuration
All settings are available in the UI panel. No JSON editing required.
๐ฟ Reminders
| Setting | Default | Description |
|---|---|---|
Enable Reminders | On | Master toggle |
Interval | 60 min | Frequency (5โ240 min) |
Morning/Evening Azkar | On | Time-specific content |
Working Hours Only | Off | Limit to 9 AMโ6 PM |
๐ Tracker
| Setting | Default | Description |
|---|---|---|
Daily Quran Goal | 30 min | Target minutes per day |
Daily Dhikr Goal | 100 | Target count per day |
๐ต Audio
| Setting | Default | Description |
|---|---|---|
Reciter | Alafasy | Choose from 15+ reciters |
Volume | 70% | Independent audio level |
๐ง Technical Details
- Prayer Calculation: Adhan library with Egyptian calculation method
- Audio: High-quality MP3 streaming from Islamic Network CDN
- Privacy: No data collected. All stats stored locally on your machine
- Architecture: Clean Extension Host / Webview separation with secure
postMessagebridge - Error Handling: Background
ErrorReporterwith exponential backoffRetryManager
๐ Troubleshooting
| Issue | Solution |
|---|---|
| Audio not playing | Check internet connection โ audio streams from CDN. Use the offline retry button in the Error Recovery panel |
| Wrong Prayer Times | Ensure system timezone is correct. The extension uses astronomical calculation |
| Dashboard not updating | Click Log Quran Time โ the backend sends fresh data after each action |
| Notifications not appearing | Check if Smart Focus Mode is holding them. Stop typing for 30s and they'll appear |
| Settings not saving | Settings auto-save on change. Restart VS Code if needed |
๐ค Contributing
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes
- Open a Pull Request
Please ensure all Islamic content additions are verified against authentic sources (Quran, Bukhari, Muslim, etc.)
โค๏ธ License & Attribution
- License: MIT
- Audio: Islamic Network CDN
- Prayer Times: Adhan.js
- Fonts: Google Fonts โ Amiri Quran, Scheherazade New, Noto Naskh Arabic
Related Products
โ
โ
โ
โ
โ
โ
โ
โ
โ
โ
โ
โ