npmx đạt Alpha: Trình duyệt cộng đồng thay thế cho npm Registry

npmx, một trình duyệt gói (package browser) mã nguồn mở cho npm registry, đã chính thức đạt đến phiên bản Alpha. Dự án do Daniel Roe - trưởng nhóm cốt lõi của Nuxt - khởi xướng, nhằm mang lại trải nghiệm duyệt nhanh hơn và giàu tính năng hơn so với giao diện chính thức của npmjs.com. Kể từ tháng 1, dự án đã thu hút hơn 250 người đóng góp và đạt 3.000 sao trên GitHub.

Xuất phát từ nhu cầu cộng đồng

Ý tưởng về npmx bắt nguồn từ một cuộc thảo luận trên Bluesky, nơi Roe hỏi cộng đồng JavaScript về những bất mãn của họ khi sử dụng npmjs.com. Các phản hồi chỉ ra nhiều vấn đề như tìm kiếm chậm, lịch sử trình duyệt bị lỗi trong trình xem mã, khả năng hiển thị phụ thuộc kém và thiếu dữ liệu meta như dung lượng cài đặt hay chỉ báo định dạng module.

Chỉ trong 24 giờ sau khi kho lưu trữ được công khai, đã có 49 pull request được mở. Hai tuần sau, cộng đồng đã đóng góp hơn 1.000 vấn đề và PR.

Các tính năng nổi bật

npmx giới thiệu nhiều tính năng không có trên giao diện chính thức của npm registry, bao gồm:

• Tính toán tổng dung lượng cài đặt cho các phụ thuộc chuyển tiếp (transitive dependencies).
• Huy hiệu định dạng module chỉ ra sự hỗ trợ cho ESM và CJS.
• Cảnh báo về các phụ thuộc đã lỗi thời.
• Tham chiếu chéo với JSR.
• Phân giải phạm vi phiên bản (version range resolution).
• Hỗ trợ điều hướng toàn bộ bằng bàn phím.

Cấu trúc URL của npmx được thiết kế tương thích với npmjs.com, nghĩa là các nhà phát triển có thể thay thế npmjs.com bằng npmx.dev trong bất kỳ URL gói nào. Một tiện ích mở rộng trình duyệt cho Chrome và Firefox cũng đã có sẵn để tự động hóa việc chuyển hướng này.

Đánh giá từ cộng đồng

Phản hồi từ cộng đồng phần lớn là tích cực, đặc biệt là ca ngợi hiệu suất tìm kiếm. Một người dùng trên Hacker News đã bày tỏ sự ấn tượng với tốc độ tìm kiếm gợi ý (typeahead):

"Tốc độ tìm kiếm gợi ý thực sự ấn tượng. Tôi đang nhập tên gói và kết quả đã xuất hiện trước khi tôi kịp gõ xong phím — đó là loại độ phản hồi mà bạn thường chỉ thấy ở các ứng dụng gốc."

Người này cũng thêm:

"Tôi thực sự tò mò về các lựa chọn kiến trúc đã giúp bạn đạt đến mức độ 'không thể nhanh đến thế' — đặc biệt là khi so sánh với tìm kiếm chính thức của npmjs.com."

Những người khác cũng làm nổi bật tốc độ tải trang hồ sơ tác giả gần như tức thì.

Tuy nhiên, không phải tất cả phản hồi đều là tích cực. Một số người dùng Hacker News đã bày tỏ lo ngại về thiết kế trực quan, với một bình luận cho rằng "phân cấp thị giác có vẻ rất phẳng và khó tiếp cận... mọi thứ đơn sắc và trông quá giống nhau". Tác giả dự án đã đáp lại bằng lời mời đóng góp để cải thiện:

"Cảm ơn bạn đã phản hồi! Tôi sẽ suy nghĩ kỹ và tôi thực sự trân trọng tất cả những phản hồi sâu sắc như thế này... Bạn sẽ rất được chào đón để tham gia cùng chúng tôi và làm cho nó tốt hơn — nếu bạn muốn!"

Một số người khác cũng đặt câu hỏi về tính cần thiết của dự án khi cho rằng npmjs.com không hề chậm và vẫn là nơi có thẩm quyền để xuất bản gói.

Công nghệ và Tương lai

Dự án được xây dựng trên nền tảng Nuxt 4, Nitro và UnoCSS, và có sẵn dưới giấy phép MIT trên GitHub. Hướng dẫn đóng góp cung cấp các hướng dẫn thiết lập cho những người muốn tham gia. Ngoài ra, một tiện ích mở rộng VS Code đã được phát triển để thêm thông tin khi di chuột, hoàn thiện phiên bản và phát hiện lỗ hổng bảo mật trực tiếp trong trình soạn thảo.

npmx là một dự án mã nguồn mở được tạo ra và duy trì bởi Daniel Roe cùng một cộng đồng người đóng góp toàn cầu. Dự án sử dụng dữ liệu từ kho npm chính thức, thêm một lớp duyệt được nâng cao tập trung vào tốc độ, tính minh bạch và trải nghiệm của nhà phát triển. npmx không liên kết với npm, Inc. và không thay thế kho chính thức cho việc xuất bản hoặc quản lý tài khoản.