Add Node Selection with VLESS Links and QR Codes to the Subscription Page

[atomlab]

Hello Remnawave team and community!
Thanks for the ongoing development of Remnawave – it's an excellent proxy management tool built on Xray-core. The recent updates, especially in version 2.1.1, have been impressive, including the addition of QR codes for each node in the admin panel.

Current Functionality of Subscription Page:

The Subscription Page (e.g., https://sub.example.com/UUID) is a user-friendly feature that provides end-users with comprehensive information on what software to download and how to set it up. It currently offers a general subscription link, which contains a list of VLESS configs for multiple nodes. This subscription format is supported by a variety of clients, but not all (e.g., some apps prefer direct VLESS imports).

In the admin panel, individual VLESS configs for each node are already available, complete with copyable links and QR codes (a great addition in v2.1.1!).

Proposed Feature:

It would be very convenient to extend this to the Subscription Page by allowing users to select a specific node and access its individual VLESS config. This could include:

• A dropdown or list to choose a node from the subscription's available nodes.
• Display the full VLESS:// link for the selected node, with a "Copy to Clipboard" button.
• Generate and show a QR code for that VLESS config, also with options to copy or download it.

This would complement the existing general subscription link without replacing it.

Why This Would Be Useful:

• Not all clients support subscription links (e.g., some require direct VLESS imports). Providing per-node VLESS links and QR codes on the Subscription Page would make it easier for users to connect to specific nodes quickly, especially on mobile devices.
• It reduces friction for end-users who might not have access to the admin panel, streamlining setup for apps like AmneziaVPN, v2rayNG, or others that support QR code scanning.
• Builds on the existing QR code feature in the admin panel (from v2.1.1), making the Subscription Page a one-stop hub for all connection options.
• Enhances usability for multi-node setups, where users might want to test or use a single node without importing the entire subscription.

Implementation Ideas:

• Fetch the subscription data from the https://sub.example.com/UUID endpoint, which returns a base64-encoded list of VLESS configs:

# curl https://sub.example.com/UUID | base64 -d
vless://...#node-ams-01
vless://...#node-ams-02

• Render a dropdown or list of nodes (using node names like #node-ams-01) dynamically based on the parsed configs.
• For the selected node, display its VLESS:// link with a "Copy to Clipboard" button.

This could be a natural evolution of the Subscription Page, making Remnawave even more accessible.

Thanks!