fix: Synchronize currentSpineIndex with position.spineIndex on position updates

CRITICAL BUG FIX:
The UniversalReader interface had a duplicate spine index issue:
- Top-level property: currentSpineIndex: number
- Nested property: position.spineIndex: number

When navigation updated the position object, only position.spineIndex
was updated, but the top-level currentSpineIndex remained unchanged.
This caused a mismatch that broke navigation across spine boundaries.

ROOT CAUSE:
- Navigation functions update position (which contains spineIndex)
- updateCurrentPosition() only spread position, not currentSpineIndex
- progress-indicator.ts reads from currentSpineIndex to get spine info
- Result: Trying to access spine 0 when actually on spine 1, etc.

THE FIX:
Add currentSpineIndex to the returned object in updateCurrentPosition():
  return {
    ...book,
    position,
    currentSpineIndex: position.spineIndex,  // Keep them in sync
  };

IMPACT:
 Navigation works correctly across spine boundaries (e.g., cover → content)
 Progress indicator displays accurate chapter information
 Content rendering uses correct spine data
 No more state corruption when navigating between spines

This fix ensures that both spine index properties stay synchronized,
preventing the navigation failures that occurred when crossing from
one spine item to another (e.g., from cover.xhtml to Frankenstein.xhtml).

Related to: Spine boundary navigation, state synchronization
This commit is contained in:
2026-04-11 00:52:39 -04:00
parent 8388847ec3
commit eee83d6cb9
@@ -11,6 +11,7 @@ export function updateCurrentPosition(
return {
...book,
position,
currentSpineIndex: position.spineIndex,
};
}