speaker-calibration 2.2.270 → 2.2.272

package/src/utils.js

@@ -1,220 +1,220 @@
-import Swal from 'sweetalert2';
-//import {phrases} from '../dist/example/i18n.js';
-/** .
- * .
- * .
- * Utlity function to pause execution for a given time
- *
- * @param {number} seconds
- * @returns {Promise}
- * @example
- */
-const sleep = seconds =>
-  new Promise(resolve => {
-    setTimeout(resolve, seconds * 1000);
-  });
-
-/** .
- * .
- * .
- * Uiltity function to create and save a CSV file from a buffer
- *
- * @param {*} data
- * @param {*} filename
- * @example
- */
-const saveToCSV = (data, filename = 'recordedMLSignal.csv') => {
-  // console.log(data)
-  let csvContent = 'data:text/csv;charset=utf-8,';
-
-  data.forEach((val, idx) => {
-    csvContent += `${idx},${val}\r\n`;
-  });
-  const encodedUri = encodeURI(csvContent);
-  const link = document.createElement('a');
-  link.setAttribute('href', encodedUri);
-  link.setAttribute('download', filename);
-  document.body.appendChild(link);
-  link.click();
-};
-
-const saveToJSON = (data, filename = 'recordedMLSignal.json') => {
-  const jsonData = JSON.stringify(data, null, 2);
-  const blob = new Blob([jsonData], {type: 'application/json'});
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement('a');
-  link.setAttribute('href', url);
-  link.setAttribute('download', filename);
-  document.body.appendChild(link);
-  link.click();
-  URL.revokeObjectURL(url);
-};
-
-/** .
- * .
- * .
- * Utility function to create a buffer from a CSV file
- *
- * @param {*} csvString
- * @param {*} delimiter
- * @returns
- * @example
- */
-const csvToArray = (csvString, delimiter = ',') =>
-  csvString
-    .trim()
-    .split('\n')
-    .map(row => parseFloat(row.trim().split(delimiter)[1]));
-
-const findMinValue = array => {
-  let minValue = array[0];
-  for (let i = 1; i < array.length; i++) {
-    if (array[i] < minValue) {
-      minValue = array[i];
-    }
-  }
-  return minValue;
-};
-
-const findMaxValue = array => {
-  let maxValue = array[0];
-  for (let i = 1; i < array.length; i++) {
-    if (array[i] > maxValue) {
-      maxValue = array[i];
-    }
-  }
-  return maxValue;
-};
-
-export const getCurrentTimeString = () => {
-  const date = new Date();
-
-  // Get the date string in the user's locale
-  const dateOptions = {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-    timeZoneName: 'longOffset',
-    hour: 'numeric',
-    minute: 'numeric',
-  };
-  const dateString = date.toLocaleDateString(undefined, dateOptions);
-
-  return dateString.replace('at ', '');
-};
-
-const standardDeviation = values => {
-  const avg = average(values);
-
-  const squareDiffs = values.map(value => {
-    const diff = value - avg;
-    const sqrDiff = diff * diff;
-    return sqrDiff;
-  });
-
-  const avgSquareDiff = average(squareDiffs);
-
-  const stdDev = Math.sqrt(avgSquareDiff);
-  // only 1 digit after the decimal place
-  const std = Math.round(stdDev * 10) / 10;
-  return std.toFixed(1);
-};
-
-const average = data => {
-  const sum = data.reduce((sum, value) => {
-    return sum + value;
-  }, 0);
-
-  const avg = sum / data.length;
-  return avg;
-};
-
-function interpolate(x, x0, x1, y0, y1) {
-  return y0 + ((y1 - y0) * (x - x0)) / (x1 - x0);
-}
-
-export const formatLineBreak = (inputStr, checkInternetConnection) => {
-  let finalStr = inputStr
-    .replace(/\n/g, '<br>')
-    .replace('[[LLL]]', `<a href="#" id="check-connection">${checkInternetConnection}</a>`);
-
-  console.log(finalStr);
-
-  return finalStr;
-};
-
-export const createAndShowPopup = (lang, phrases) => {
-  console.log(`
-    <div style="text-align: left;"> 
-    ${convertAsterisksToList(phrases.RC_NeedInternetConnectedPhone[lang].replace(/\n/g, '<br>'))}
-    </div>
-      <div class="col-3" style="margin-top:10px;">
-        <button id="okaybtn" class="btn btn-lg btn-dark">
-          ${phrases.EE_ok[lang]}
-        </button>
-      </div>`);
-  Swal.fire({
-    html: `
-    <div style="text-align: left;"> 
-    ${convertAsterisksToList(phrases.RC_NeedInternetConnectedPhone[lang].replace(/\n/g, '<br>'))}
-    </div>
-      <div class="col-3" style="margin-top:10px;">
-        <button id="okaybtn" class="btn btn-lg btn-dark">
-          ${phrases.EE_ok[lang]}
-        </button>
-      </div>`,
-    showConfirmButton: false,
-    position: 'bottom',
-    width: '40%',
-    customClass: {
-      container: 'no-background',
-    },
-    showClass: {
-      popup: 'fade-in',
-    },
-    hideClass: {
-      popup: '',
-    },
-    didOpen: () => {
-      const okayBtn = document.getElementById('okaybtn');
-      okayBtn.style.display = 'flex';
-      okayBtn.addEventListener('click', () => {
-        Swal.close(); // Close the Swal popup
-      });
-    },
-  });
-};
-
-export function convertAsterisksToList(content) {
-  // Replace * with <li> and convert line breaks to </li><li>
-  console.log(content);
-  let result = content
-    .replace(/\* (.*?)(<br>|$)/g, '<li>$1</li>')
-    .replace(/(<li>)(<\/li>)\s*$/, '') // Remove trailing </li>
-    .replace('<li>', '<ul style="padding-left:40px"> <br> <li>');
-  result = result.replace('</li>5', '</li></ul>5');
-  return result;
-}
-
-export const reorderMLS = (mlsSignal, preSec, sourceSamplingRate) => {
-  // Number of samples to move
-  const numSamplesToMove = Math.round(preSec * sourceSamplingRate);
-  if (numSamplesToMove <= 0 || numSamplesToMove >= mlsSignal.length) {
-    // Nothing to reorder, return original
-    return mlsSignal;
-  }
-  const lastPart = mlsSignal.slice(-numSamplesToMove);
-  const firstPart = mlsSignal.slice(0, mlsSignal.length - numSamplesToMove);
-  return lastPart.concat(firstPart);
-};
-
-export {
-  sleep,
-  saveToCSV,
-  saveToJSON,
-  csvToArray,
-  findMinValue,
-  findMaxValue,
-  standardDeviation,
-  interpolate,
-};
+import Swal from 'sweetalert2';
+//import {phrases} from '../dist/example/i18n.js';
+/** .
+ * .
+ * .
+ * Utlity function to pause execution for a given time
+ *
+ * @param {number} seconds
+ * @returns {Promise}
+ * @example
+ */
+const sleep = seconds =>
+  new Promise(resolve => {
+    setTimeout(resolve, seconds * 1000);
+  });
+
+/** .
+ * .
+ * .
+ * Uiltity function to create and save a CSV file from a buffer
+ *
+ * @param {*} data
+ * @param {*} filename
+ * @example
+ */
+const saveToCSV = (data, filename = 'recordedMLSignal.csv') => {
+  // console.log(data)
+  let csvContent = 'data:text/csv;charset=utf-8,';
+
+  data.forEach((val, idx) => {
+    csvContent += `${idx},${val}\r\n`;
+  });
+  const encodedUri = encodeURI(csvContent);
+  const link = document.createElement('a');
+  link.setAttribute('href', encodedUri);
+  link.setAttribute('download', filename);
+  document.body.appendChild(link);
+  link.click();
+};
+
+const saveToJSON = (data, filename = 'recordedMLSignal.json') => {
+  const jsonData = JSON.stringify(data, null, 2);
+  const blob = new Blob([jsonData], {type: 'application/json'});
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.setAttribute('href', url);
+  link.setAttribute('download', filename);
+  document.body.appendChild(link);
+  link.click();
+  URL.revokeObjectURL(url);
+};
+
+/** .
+ * .
+ * .
+ * Utility function to create a buffer from a CSV file
+ *
+ * @param {*} csvString
+ * @param {*} delimiter
+ * @returns
+ * @example
+ */
+const csvToArray = (csvString, delimiter = ',') =>
+  csvString
+    .trim()
+    .split('\n')
+    .map(row => parseFloat(row.trim().split(delimiter)[1]));
+
+const findMinValue = array => {
+  let minValue = array[0];
+  for (let i = 1; i < array.length; i++) {
+    if (array[i] < minValue) {
+      minValue = array[i];
+    }
+  }
+  return minValue;
+};
+
+const findMaxValue = array => {
+  let maxValue = array[0];
+  for (let i = 1; i < array.length; i++) {
+    if (array[i] > maxValue) {
+      maxValue = array[i];
+    }
+  }
+  return maxValue;
+};
+
+export const getCurrentTimeString = () => {
+  const date = new Date();
+
+  // Get the date string in the user's locale
+  const dateOptions = {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric',
+    timeZoneName: 'longOffset',
+    hour: 'numeric',
+    minute: 'numeric',
+  };
+  const dateString = date.toLocaleDateString(undefined, dateOptions);
+
+  return dateString.replace('at ', '');
+};
+
+const standardDeviation = values => {
+  const avg = average(values);
+
+  const squareDiffs = values.map(value => {
+    const diff = value - avg;
+    const sqrDiff = diff * diff;
+    return sqrDiff;
+  });
+
+  const avgSquareDiff = average(squareDiffs);
+
+  const stdDev = Math.sqrt(avgSquareDiff);
+  // only 1 digit after the decimal place
+  const std = Math.round(stdDev * 10) / 10;
+  return std.toFixed(1);
+};
+
+const average = data => {
+  const sum = data.reduce((sum, value) => {
+    return sum + value;
+  }, 0);
+
+  const avg = sum / data.length;
+  return avg;
+};
+
+function interpolate(x, x0, x1, y0, y1) {
+  return y0 + ((y1 - y0) * (x - x0)) / (x1 - x0);
+}
+
+export const formatLineBreak = (inputStr, checkInternetConnection) => {
+  let finalStr = inputStr
+    .replace(/\n/g, '<br>')
+    .replace('[[LLL]]', `<a href="#" id="check-connection">${checkInternetConnection}</a>`);
+
+  console.log(finalStr);
+
+  return finalStr;
+};
+
+export const createAndShowPopup = (lang, phrases) => {
+  console.log(`
+    <div style="text-align: left;"> 
+    ${convertAsterisksToList(phrases.RC_NeedInternetConnectedPhone[lang].replace(/\n/g, '<br>'))}
+    </div>
+      <div class="col-3" style="margin-top:10px;">
+        <button id="okaybtn" class="btn btn-lg btn-dark">
+          ${phrases.EE_ok[lang]}
+        </button>
+      </div>`);
+  Swal.fire({
+    html: `
+    <div style="text-align: left;"> 
+    ${convertAsterisksToList(phrases.RC_NeedInternetConnectedPhone[lang].replace(/\n/g, '<br>'))}
+    </div>
+      <div class="col-3" style="margin-top:10px;">
+        <button id="okaybtn" class="btn btn-lg btn-dark">
+          ${phrases.EE_ok[lang]}
+        </button>
+      </div>`,
+    showConfirmButton: false,
+    position: 'bottom',
+    width: '40%',
+    customClass: {
+      container: 'no-background',
+    },
+    showClass: {
+      popup: 'fade-in',
+    },
+    hideClass: {
+      popup: '',
+    },
+    didOpen: () => {
+      const okayBtn = document.getElementById('okaybtn');
+      okayBtn.style.display = 'flex';
+      okayBtn.addEventListener('click', () => {
+        Swal.close(); // Close the Swal popup
+      });
+    },
+  });
+};
+
+export function convertAsterisksToList(content) {
+  // Replace * with <li> and convert line breaks to </li><li>
+  console.log(content);
+  let result = content
+    .replace(/\* (.*?)(<br>|$)/g, '<li>$1</li>')
+    .replace(/(<li>)(<\/li>)\s*$/, '') // Remove trailing </li>
+    .replace('<li>', '<ul style="padding-left:40px"> <br> <li>');
+  result = result.replace('</li>5', '</li></ul>5');
+  return result;
+}
+
+export const reorderMLS = (mlsSignal, preSec, sourceSamplingRate) => {
+  // Number of samples to move
+  const numSamplesToMove = Math.round(preSec * sourceSamplingRate);
+  if (numSamplesToMove <= 0 || numSamplesToMove >= mlsSignal.length) {
+    // Nothing to reorder, return original
+    return mlsSignal;
+  }
+  const lastPart = mlsSignal.slice(-numSamplesToMove);
+  const firstPart = mlsSignal.slice(0, mlsSignal.length - numSamplesToMove);
+  return lastPart.concat(firstPart);
+};
+
+export {
+  sleep,
+  saveToCSV,
+  saveToJSON,
+  csvToArray,
+  findMinValue,
+  findMaxValue,
+  standardDeviation,
+  interpolate,
+};

package/webpack.config.js

@@ -1,72 +1,72 @@
-require('dotenv').config();
-const path = require('path');
-const webpack = require('webpack');
-const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
-
-const config = {
-  entry: {
-    main: './src/main.js',
-    phonePeer: './src/listener-app/PhonePeer.js',
-  },
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: '[name].js',
-    library: {
-      name: 'speakerCalibrator',
-      type: 'umd',
-    },
-  },
-  module: {
-    rules: [
-      {
-        // If you have .mjs files, use test: /\.m?js$/,
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            // You can also move this config into a separate .babelrc or babel.config.js file
-            presets: [
-              [
-                '@babel/preset-env',
-                {
-                  // Adjust your target browsers as needed
-                  targets: {
-                    ios: '12',
-                  },
-                  // This config tells Babel to automatically include necessary polyfills
-                  // for features you use, referencing core-js where needed
-                  useBuiltIns: 'usage',
-                  corejs: '3',
-                },
-              ],
-            ],
-          },
-        },
-      },
-      {
-        test: /\.css$/,
-        use: ['style-loader', 'css-loader'],
-      },
-    ],
-  },
-  plugins: [
-    new webpack.DefinePlugin({
-      'process.env.FIREBASE_API_KEY': JSON.stringify(
-        process.env.FIREBASE_API_KEY || ''
-      ),
-    }),
-  ],
-  resolve: {
-    fallback: {
-      path: require.resolve('path-browserify'),
-      fs: false,
-    },
-  },
-};
-
-if (process.env.WEBPACK_ANALYZE === 'true') {
-  config.plugins.push(new BundleAnalyzerPlugin());
-}
-
-module.exports = config;
+require('dotenv').config();
+const path = require('path');
+const webpack = require('webpack');
+const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
+
+const config = {
+  entry: {
+    main: './src/main.js',
+    phonePeer: './src/listener-app/PhonePeer.js',
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].js',
+    library: {
+      name: 'speakerCalibrator',
+      type: 'umd',
+    },
+  },
+  module: {
+    rules: [
+      {
+        // If you have .mjs files, use test: /\.m?js$/,
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            // You can also move this config into a separate .babelrc or babel.config.js file
+            presets: [
+              [
+                '@babel/preset-env',
+                {
+                  // Adjust your target browsers as needed
+                  targets: {
+                    ios: '12',
+                  },
+                  // This config tells Babel to automatically include necessary polyfills
+                  // for features you use, referencing core-js where needed
+                  useBuiltIns: 'usage',
+                  corejs: '3',
+                },
+              ],
+            ],
+          },
+        },
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader'],
+      },
+    ],
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.FIREBASE_API_KEY': JSON.stringify(
+        process.env.FIREBASE_API_KEY || ''
+      ),
+    }),
+  ],
+  resolve: {
+    fallback: {
+      path: require.resolve('path-browserify'),
+      fs: false,
+    },
+  },
+};
+
+if (process.env.WEBPACK_ANALYZE === 'true') {
+  config.plugins.push(new BundleAnalyzerPlugin());
+}
+
+module.exports = config;