Added TURN server with short-lived credentials

Author: polius

.gitignore

@@ -421,6 +421,7 @@ <h5 style="color: var(--color-h1); margin:0">
     <script src="js/qrious.min.js" type="text/javascript"></script>
     <script src="js/crypto-js.js" type="text/javascript"></script>
     <script src="js/peerjs.min.js" type="text/javascript"></script>
+    <script src="js/webrtc/turn.js" type="text/javascript"></script>
     <script src="js/webrtc/user.js" type="text/javascript"></script>
     <script src="js/webrtc/file.js" type="text/javascript"></script>
     <script src="js/script.js" type="text/javascript"></script>

src/index.html

@@ -0,0 +1,28 @@
+class Turn {
+  _url = "https://api.filesync.app/credentials/";
+
+  _decodeJwt(token) {
+    const payload = token.split(".")[1];
+    const json = atob(payload);
+    return JSON.parse(json);
+  }
+
+  getToken = async () => {
+    const response = await fetch(this._url, { method: "GET" });
+
+    if (!response.ok) {
+      throw new Error("An issue occurred while getting the token.");
+    }
+
+    // Parse the response as JSON
+    const data = await response.json();
+
+    // Get JWT from cookie
+    const token = data.token
+    if (!token) throw new Error("Token cookie not found");
+
+    // Decode JWT to get username and credential
+    const payload = this._decodeJwt(token);
+    return { username: payload.username, credential: payload.credential};
+  };
+}

src/js/webrtc/turn.js

@@ -33,6 +33,20 @@ class User {
   }
 
   async init(peer_id = crypto.randomUUID()) {
+    // Get Short Lived TURN credentials
+    const turn = new Turn();
+    let username, credential;
+    try {
+      ({ username, credential } = await turn.getToken());
+    } catch (err) {
+      console.log(err)
+      transfer_div.style.display = 'none'
+      connect_div.style.display = 'none'
+      error_div.style.display = 'block'
+      error_message.innerHTML = 'An error occurred getting the TURN credentials. Please try again later.'
+      return
+    }
+
     await new Promise((resolve) => {
       // Create a new Peer instance
       this._peer = new Peer(peer_id, {
@@ -44,8 +58,8 @@ class User {
           iceServers: [
             {
               urls: 'turn:turn.filesync.app:3478',
-              username: 'peerjs',
-              credential: '6VF8LbHjZUPR4BdCAPPTQA=='
+              username: username,
+              credential: credential
             }
           ]
         }