Building CodeTune v1.2.0: Islamic Date Tracking & Audio Sync in a VS Code Extension

How I implemented Fajr-based day tracking, fixed audio sync between webview and extension host, and modularized a VS Code Islamic productivity extension I've been building CodeTune — a VS Code extension that helps Muslim developers stay spiritually connected while coding. It plays Quran recitations, shows Islamic reminders, tracks Dhikr, and calculates prayer times — all without leaving the editor. Version 1.2.0 was a big release: 14 bug fixes, a complete modularization of the JavaScript layer, and most importantly — a proper Islamic day tracking system that respects Fajr as the start of the day, not midnight. Here's a full technical breakdown of what changed and why. 🕌 The Core Challenge: Islamic Day Boundaries In Islam, the new day begins at Maghrib (sunset) for lunar calendar events, and spiritually, many scholars consider Fajr (dawn) as the boundary for daily worship goals like Quran recitation and Dhikr. This means if a user is doing Dhikr at 2:00 AM , they're still in yesterday's