speaker-calibration 2.2.174 → 2.2.176

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "speaker-calibration",
-  "version": "2.2.174",
+  "version": "2.2.176",
   "description": "Speaker calibration library for auditory testing",
   "main": "dist/main.js",
   "directories": {

package/src/peer-connection/speaker.js

@@ -48,6 +48,7 @@ class Speaker extends AudioPeer {
 
   uri = '';
   qrImage;
+  shortURL;
 
 
   initPeer = async () => {
@@ -269,7 +270,7 @@ class Speaker extends AudioPeer {
    * @example
    */
 
-  #showQRCode = () => {
+  #showQRCode = async () => {
     // Get query string, the URL parameters to specify a Listener
     const queryStringParameters = {
       speakerPeerId: this.peer.id,
@@ -281,6 +282,7 @@ class Speaker extends AudioPeer {
     const queryString = this.queryStringFromObject(queryStringParameters);
     this.uri = this.siteUrl + queryString;
     if (this.isSmartPhone) {
+    // if (true) { // test smartphone QR
       // Display QR code for the participant to scan
       const qrCanvas = document.createElement('canvas');
       qrCanvas.setAttribute('id', 'qrCanvas');
@@ -290,13 +292,22 @@ class Speaker extends AudioPeer {
       const explanation = document.createElement("p");
       explanation.id = "skipQRExplanation";
       explanation.style = `
-      overflow-wrap: break-word; /* Ensure long URLs or text break properly */
       user-select: text;
      `;
-
+     await this.ac.pyServerAPI.getShortURL(this.uri)
+     .then(response =>{
+      return response.shortURL;
+    })
+    .then(shortURL => {
       explanation.innerHTML = phrases.RC_skipQR_ExplanationWithoutPreferNot[this.language]
-        .replace("xxx", `<b style="user-select: text">${this.uri}</b>`)
-        .replace("XXX", `<b style="user-select: text">${this.uri}</b>`);
+        .replace("xxx", `<b style="user-select: text">${shortURL}</b>`)
+        .replace("XXX", `<b style="user-select: text">${shortURL}</b>`);
+      })
+      .catch(error => {
+        console.error('Error:', error.message); // Handle errors
+        });
+
+      
     
       const qrImage = new Image(400, 400);
       qrImage.setAttribute('id', 'compatibilityCheckQRImage');

package/src/server/PythonServerAPI.js

@@ -171,6 +171,36 @@ class PythonServerAPI {
     return res.data[task];
   };
 
+  getShortURL = async (originalURL) => {
+    const task = 'url';
+    let res = null;
+    console.log(originalURL);
+    const data = JSON.stringify({
+      'URL': originalURL
+    });
+
+    console.log(data);
+
+    await axios({
+      method: 'post',
+      baseURL: PythonServerAPI.PYTHON_SERVER_URL,
+      url: `/task/${task}`,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      data,
+    })
+      .then(response => {
+        res = response;
+        console.log(res.data[task]);
+      })
+      .catch(error => {
+        throw error;
+      });
+
+    return res.data[task];
+  };
+
   getMemory = async () => {
     let res;
     await axios({