Add vietqr-transfer extension

[phucannguyen-dev]

Description

📋 Summary

This extension allows users to instantly generate bank transfer QR codes following the VietQR (Napas 24/7) standard. It simplifies the process of creating payment requests by integrating with the official VietQR API to support over 50+ Vietnamese banks.

✨ Features

Instant QR Generation: Construct valid payment URLs and render QR images directly within Raycast.
Full Bank Support: Dynamic dropdown list of banks fetched from the VietQR API.
Form Validation:

• Account Number: Required field with blur and submit-time validation.
• Amount: Optional field with numeric-only validation to prevent invalid URL parameters.
• Customizable Templates: Supports Compact (with details), QR Only, and Print (large) styles.
• Quick Actions: One-click to copy the QR image link or open it in a browser for sharing.

🛠 Technical Details

• Architecture: Modular structure with components and types separated for better maintainability and to avoid React Hook context issues.
• Utilities: Uses @raycast/utils for efficient data fetching and navigation.
• Validation: Implemented local state-based validation for real-time user feedback.

Screencast

Checklist

• I read the extension guidelines
• I read the documentation about publishing
• I ran npm run build and tested this distribution build in Raycast
• I checked that files in the assets folder are used by the extension itself
• I checked that assets used by the README are placed outside of the metadata folder