Fetch device name and uniqueid from connection (require Moonlight Noir)

src_assets/common/assets/web/apps.html

@@ -292,6 +292,14 @@
               <td style="font-family: monospace">SUNSHINE_APP_NAME</td>
               <td>{{ $t('apps.env_app_name') }}</td>
             </tr>
+            <tr>
+              <td style="font-family: monospace">SUNSHINE_CLIENT_UID</td>
+              <td>{{ $t('apps.env_client_uid') }}</td>
+            </tr>
+            <tr>
+              <td style="font-family: monospace">SUNSHINE_CLIENT_NAME</td>
+              <td>{{ $t('apps.env_client_name') }}</td>
+            </tr>
             <tr>
               <td style="font-family: monospace">SUNSHINE_CLIENT_WIDTH</td>
               <td>{{ $t('apps.env_client_width') }}</td>

src_assets/common/assets/web/pin.html

@@ -12,7 +12,7 @@
     <form class="form d-flex flex-column align-items-center" id="form" @submit.prevent="registerDevice">
       <div class="card flex-column d-flex p-4 mb-4">
         <input type="text" pattern="\d*" :placeholder="`${$t('navbar.pin')}`" autofocus id="pin-input" class="form-control mt-2" required />
-        <input type="text" :placeholder="`${$t('pin.device_name')}`" id="name-input" class="form-control my-4" required />
+        <input type="text" :placeholder="`${$t('pin.device_name')}`" id="name-input" class="form-control my-4" />
         <button class="btn btn-primary">{{ $t('pin.send') }}</button>
       </div>
       <div class="alert alert-warning">

src_assets/common/assets/web/public/assets/locale/en.json

@@ -55,6 +55,8 @@
     "env_client_height": "The Height requested by the client (int)",
     "env_client_host_audio": "The client has requested host audio (true/false)",
     "env_client_width": "The Width requested by the client (int)",
+    "env_client_uid": "UID of the client starting the stream (string)",
+    "env_client_name": "Name of the client starting the stream (string)",
     "env_displayplacer_example": "Example - displayplacer for Resolution Automation:",
     "env_qres_example": "Example - QRes for Resolution Automation:",
     "env_qres_path": "qres path",
@@ -356,7 +358,7 @@
     "success_msg": "Password has been changed successfully! This page will reload soon, your browser will ask you for the new credentials."
   },
   "pin": {
-    "device_name": "Device Name",
+    "device_name": "Optional: Device Name",
     "pair_failure": "Pairing Failed: Check if the PIN is typed correctly",
     "pair_success": "Success! Please check Moonlight to continue",
     "pin_pairing": "PIN Pairing",