Skip to content

Conversation

@Gnathonic
Copy link
Owner

Summary

  • Add LRU cache for thumbnail ImageBitmaps with 50MB memory limit
  • Add ThumbnailCanvas component with visibility-based lazy loading
  • Coalesces concurrent requests for the same thumbnail
  • Right-aligned drawing preserves manga spine visibility

Details

thumbnail-cache.ts: GPU-ready bitmap cache that:

  • Tracks decoded memory usage (width × height × 4 bytes)
  • Evicts least recently used entries when limit exceeded
  • Prevents duplicate loads via pending request tracking

ThumbnailCanvas.svelte: Canvas-based thumbnail renderer that:

  • Uses IntersectionObserver for visibility-based loading
  • Draws right-aligned for manga/RTL layouts
  • Re-renders efficiently on dimension changes

🤖 Generated with Claude Code

Add GPU-ready ImageBitmap caching for catalog thumbnails:
- LRU cache with 50MB memory limit
- Coalesces concurrent requests for same thumbnail
- Canvas component with IntersectionObserver for lazy loading
- Right-aligned drawing for manga spine visibility

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Jan 19, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
mokuro-reader Ready Ready Preview, Comment Jan 19, 2026 5:30pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants