feat: show network stats for collaboration

src/networkStats.ts

@@ -0,0 +1,37 @@
+const IMAGE_URL =
+  "https://user-images.githubusercontent.com/11256141/107117897-76fa3880-68a3-11eb-9ec6-c214c7af373b.png";
+const IMAGE_SIZE = 4525154; // in bytes
+const calculateSpeed = (startTime: number, endTime: number) => {
+  const duration = (endTime - startTime) / 1000;
+  const imageSizeInBits = IMAGE_SIZE * 8;
+  let speed = imageSizeInBits / duration;
+  const suffix = ["bps", "kbps", "mbps", "gbps"];
+  let index = 0;
+  while (speed > 1024) {
+    index++;
+    speed = speed / 1024;
+  }
+  return `${speed.toFixed(2)} ${suffix[index]}`;
+};
+
+const processImage = () => {
+  return new Promise((resolve, reject) => {
+    const image = new Image();
+    let endTime: number;
+    image.onload = () => {
+      endTime = new Date().getTime();
+      const speed = calculateSpeed(startTime, endTime);
+      resolve(speed);
+    };
+
+    image.onerror = () => {
+      resolve(-1);
+    };
+
+    const startTime = new Date().getTime();
+    image.src = `${IMAGE_URL}?t=${startTime}`; // start time acts as a cache buster so everytime new url is requested
+  });
+};
+export const getNetworkSpeed = async () => {
+  return await processImage();
+};