• 0.6.5 58c9f449e0

    john-okeefe released this 2026-03-22 21:54:13 -04:00 | 1 commits to main since this release

    AniTrack v0.6.5 Release Notes

    Overview

    This release focuses on improving user experience through enhanced disabled state handling, visual consistency improvements, and code quality enhancements. The changes prevent invalid user actions, provide better visual feedback, and maintain type safety throughout the application.


    🎨 UI/UX Improvements

    Enhanced Button Disabled States

    Anime Component

    Progress adjustment buttons now properly disable when reaching boundary conditions:

    • Decrement button disabled at progress 0 to prevent negative values
    • Increment button disabled when progress exceeds total episodes or next airing episode boundaries
    • Improved visual feedback with background color removal on disabled state

    Pagination Component

    Navigation buttons now respect page boundaries:

    • Previous page button disabled when on first page
    • Next page button disabled when on last page
    • Prevents unnecessary API calls and improves UX by clearly indicating navigation limits

    Visual Consistency

    WatchList Component

    Fixed media cover image sizing:

    • Applied uniform dimensions (230px × 330px) across all cover images
    • Added object-fit styling to maintain aspect ratios
    • Eliminates visual inconsistencies in the watch list grid

    AvatarMenu Component

    New service status indicator:

    • Avatar dot indicator shows login status across all services
    • Green dot: All services (AniList, MAL, Simkl) are logged in
    • Yellow dot: One or more services not logged in
    • Provides quick visual feedback for service availability

    🔧 Code Quality & Type Safety

    TypeScript Enhancements

    Pagination Component

    Fixed type safety issues in event handlers:

    • Added proper type annotations for KeyboardEvent and Event handlers
    • Migrated from e.target to e.currentTarget for type-safe DOM element access
    • Resolved TypeScript errors related to EventTarget property access

    Code Formatting

    Pagination Component

    Comprehensive code formatting:

    • Standardized indentation from 4-space to 2-space convention
    • Reorganized import statements and function declarations
    • Improved code readability and maintainability

    AvatarMenu Component

    Code style improvements:

    • Standardized indentation from 4-space to 2-space convention
    • Improved import statement formatting and alignment
    • Fixed semicolon usage throughout the component
    • Added missing newline at end of file for standards compliance

    📊 Statistics

    • Files Changed: 5
    • Lines Added: 397
    • Lines Removed: 281
    • Net Change: +116 lines

    🐛 Bug Fixes

    • Fixed media cover image sizing inconsistencies in WatchList
    • Resolved TypeScript type safety issues in Pagination event handlers
    • Prevented invalid progress adjustments that could exceed episode boundaries
    • Prevented invalid pagination requests beyond available pages
    • Fixed syntax error in App.svelte

    Downloads