- Updated handleVersionSelect function in App.tsx to accept 'nlt' type
- Resolved TS2322 compilation error for NLT in version selector
- NLT can now be selected from UI and compilation succeeds
NLT is fully functional in the application!
- Added NLT as third option in VersionSelector component
- Added NLT logo and card with proper styling
- Updated TypeScript interface to include 'nlt' option
- Positioned NLT card below ESV/NKJV grid for clean layout
- Includes proper logo image and descriptive text for NLT
NLT is now fully integrated into the version selection UI!
**NLT Integration:**
- Added NLT directory structure matching ESV/NKJV pattern
- Updated Dockerfile to COPY NLT /app/NLT
- Added NLT_DATA_DIR path and search engine initialization
- Updated getDataDir and /versions endpoints to support NLT
- Frontend will automatically include NLT in version dropdown
**NKJV Fixes:**
- Fixed thousands of NKJV chapter files (encoding, formatting issues)
- All NKJV content now serves correctly
- Preserves existing favorites and search functionality
**Complete 3-Version Bible Library:**
- ESV (English Standard Version) ✓
- NKJV (New King James Version) ✓
- NLT (New Living Translation) ✓
All versions now follow consistent directory structure and Docker integration!
- **ESV files committed**: Complete English Standard Version Bible content added
- **Local ESV integration**: Bible content now stored alongside NKJV in repository
- **Docker compatibility**: ESV files will be available for container builds
- **Complete Bible library**: Both ESV and NKJV translations fully committed locally
ESV Bible content is now part of the repository and will be included in Docker builds!
- **Docker ESV copy**: Changed from ESV → /app/bible-data to ESV → /app/ESV
- **Backend ESV path**: Updated ESV_DATA_DIR from '../../bible-data' to '../../ESV'
- **Consistent naming**: Both ESV and NKJV follow same /app/{VERSION}/ pattern
- **Clear mirroring**: Repository ESV/ folder → Container /app/ESV/
- **Improved clarity**: No more bible-data vs ESV directory mismatch
Both ESV and NKJV now follow identical directory conventions!
- **ESV data source**: Switched from external mdbible GitHub repo to local ESV directory
- **Removed git clone**: No longer cloning from https://github.com/lguenth/mdbible.git
- **Local ESV copy**: Now COPY ESV /app/bible-data instead of external pull
- **Removed git dependency**: Cleaned up unnecessary git install in Dockerfile
- **Updated comments**: Backend now correctly marked ESV as 'local files'
Both ESV and NKJV now served from local repository files in Docker container!
- Added onSearchClick prop to BibleReader interface and component
- Updated App.tsx to pass onSearchClick callback to BibleReader
- Removed hardcoded homepage navigation from search bar click
- Search box now properly opens search modal on verses page
- Consistent search behavior across all pages
BibleReader search functionality now matches all other pages!
- Updated API functions to accept version parameter (getBook, getChapter)
- Added proper chapter sorting with parseInt for numerical order
- Removed fallback to 50 fake chapters - now shows actual chapter counts
- Fixed Psalms chapter numbering: 1,2,3,4,5,6,7,8,9,10,11,12... instead of 1,2,3,4,5,6,7,8,9,10,101,102...
- Books like 2 John now show correct number of chapters (1) instead of fake 50
- **Search bar padding added**: px-4 sm:px-6 lg:px-8 to match App main container
- **Consistent centering**: Ensures search bar aligns identically with other pages
- **Responsive padding**: Same responsive behavior across breakpoints
- **Fixed centering shift**: Eliminates visual difference between pages
Version selector search bar centering now perfectly matches all other pages!
- **Eliminated duplicate container** from VersionSelector component
- **Matches other page structures** - all pages now use App's main container
- **Consistent centering across all pages** - search bar positioned identically
- **No more shifting** when navigating between version selector and book selector
Version selector layout now perfectly matches BookSelector, ChapterSelector, BibleReader!
- **Removed excessive top padding** pt-8 that was causing large gap above search
- **No top padding now** matches other pages (BookSelector, ChapterSelector, etc.)
- **Maintained centering** flex justify-center keeps search bar horizontally centered
- **App-level padding** uses the overall page padding from App.tsx main container
Version selector now matches the consistent spacing and centering of all other pages!
- **Reduced top padding** from py-16 to pt-8 (64px to 32px) to bring search closer to top
- **Adjusted search margin** from mb-8 to mb-4 (32px to 16px) for uniform spacing
- **Maintained bottom spacing** with pb-16 to preserve version card layout
- **Perfect alignment** with other pages - consistent 16px search-to-element gap
Version selector now has perfectly balanced, consistent spacing throughout the app!
- **Eliminated redundant 'The Bible' logo** from above search bar on version selection page
- **Freed up screen space** by removing unnecessary duplicate branding
- **Maintained main header** at top left for consistent navigation
- **Cleaner homepage layout** - focus on search and version selection
Version selector page now features a more minimal, focused design!
- **Removed 'Choose version' text** on root version selector page (redundant)
- **Smart version switching** preserves current location when changing versions
- **Context-aware navigation** replaces version in URL to keep same chapter/book
- **Improved UX** users can switch ESV↔NKJV without losing their place
Version dropdown now intelligently keeps users where they are when switching translations!
- **Conditional scroll-to-top**: Only scroll to top when no verse hash is present
- **Preserves verse navigation**: Verse favorites and search results auto-scroll to verses
- **Mobile-friendly**: Version selections still scroll to top on book pages
- **No breaking changes**: All existing auto-navigation features remain intact
Mobile scrolling now works perfectly without breaking verse deep-linking!
- **Navigation auto-scroll**: window.scrollTo(0, 0) added to location.pathname useEffect
- **Mobile UX fix**: No more manual scrolling back up after version selection
- **Smooth navigation flow**: Every route change brings user to page top
- **Better mobile experience**: Prevents getting stuck scrolled down on new pages
- **Applies to all routes**: Home → Books → Chapters → Verses all auto-scroll to top
Mobile users can now seamlessly navigate without manual scrolling between pages!
- **Eliminated unnecessary text**: 'All translations include the complete Old and New Testaments...'
- **Cleaner page design**: Focus on just the version selection cards
- **Removed obvious information**: Users know Bibles contain both Testaments
- **Streamlined UX**: Less clutter on the translation choice page
Homepage now has a cleaner, more direct user experience!
- **Replaced person emoji**: 👤 → <User> icon for cleaner appearance
- **Matching button styling**: Blue button → Gray button matching logout button
- **Consistent design**: Both login/logout buttons now have same gray theme
- **Professional appearance**: Clean icon instead of emoji for mobile UI
Mobile authentication button now looks polished and theme-consistent!
- **Space-y-12 removed**: Eliminated automatic 48px gaps between container children
- **Manual spacing preserved**: mb-4 on search and breadcrumbs now works as intended
- **Consistent with ChapterSelector**: Both components now have identical visual spacing
- **Tight, uniform gap**: 16px spacing between search bar and breadcrumbs everywhere
BookSelector and ChapterSelector now have perfectly matched visual spacing!
