v0.2.0 — Tải chương, kéo-thả và hạ tầng cloud
· 2 phút để đọc
Thời gian: 2025-10-01 → 2025-10-05
Phiên bản này giúp việc tải và sắp xếp ảnh chương thuận tiện hơn, đồng thời cải thiện khả năng theo dõi phiên bản và thử nghiệm hạ tầng cloud.
Tính năng mới
Sắp xếp ảnh bằng kéo thả
- Kéo thả để sắp xếp lại thứ tự ảnh trong chương trước khi xuất bản.
- Dùng
@dnd-kitlàm thư viện drag-and-drop. - Thêm server actions và types hỗ trợ reorder.
Theo dõi phiên bản ảnh chương
- Thêm revision number cho mỗi lần thay đổi ảnh chương.
- Revision được dùng như cache-busting key cho CDN và browser cache.
- Đảm bảo người đọc luôn thấy phiên bản ảnh mới nhất sau khi chỉnh sửa.
Hiển thị tên nhóm dịch
- Thêm trường tên nhóm vào form tạo manga.
- Hiển thị tên nhóm dịch trong danh sách manga.
- Cập nhật types và metadata tương ứng.
Hộp gợi ý
- Thêm component Tooltip mới từ Radix UI vào thư viện components.
Tải trước ảnh chương
- Cải thiện prefetch strategy cho ảnh: prefetch trang tiếp theo trong khi đọc trang hiện tại.
- Thêm loading hints để browser ưu tiên tải ảnh chương.
Hạ tầng (thử nghiệm)
ghi chú
Cloudflare Pages/Workers được thử nghiệm trong phiên bản này nhưng sau đó đã rollback về Docker vì không phù hợp với kiến trúc server-side của ứng dụng.
- Tích hợp OpenNext.js cho Cloudflare Pages deployment.
- Cấu hình R2 bucket làm storage cho ảnh manga.
- Cấu hình KV cho incremental caching.
- Thêm Wrangler config cho Cloudflare Worker.
- Thêm CI/CD bước build và verify cho Cloudflare.
- Kết quả: Rollback hoàn toàn, xóa tất cả Cloudflare Pages artifacts.
Cải tiến
- Nâng cao xử lý lỗi khi upload ảnh chương với versioning rõ ràng.
- Cải thiện loading states trong chapter image components.
Commits nổi bật
| Ngày | Mô tả |
|---|---|
| 2025-10-01 | feat: implement drag-and-drop functionality for chapter images reordering |
| 2025-10-01 | feat: add group name field to manga creation and listing forms |
| 2025-10-03 | feat: enhance chapter image fetching and reordering with revision tracking |
| 2025-10-03 | feat: enhance chapter image upload and error handling, add versioning |
| 2025-10-03 | feat: improve prefetch strategy for chapter images |
| 2025-10-04 | feat: add tooltip component |
| 2025-10-04 | feat: OpenNext.js Cloudflare integration (later reverted) |
| 2025-10-05 | feat: remove Cloudflare Pages artifact preparation script |