@newtonschool/react_proctoring_library 0.0.9 → 0.0.12

package/dist/components/ProctorApp.js

@@ -35,7 +35,8 @@ const ProctorApp = _ref => {
       userCount: true,
       tabSwitch: true,
       fullscreenExit: true,
-      lookedAway: true
+      lookedAway: true,
+      isWebcamDataReliable: true
     },
     sendData = () => {},
     shouldSendDataOnBreach = false
@@ -51,7 +52,7 @@ const ProctorApp = _ref => {
     setFullscreen,
     fullScreenExitCount
   } = (0, _hooks.useFullscreenData)(firstFullScreenDone);
-  const [userCount, lookedAwayCount] = (0, _useWebcamData.default)(webcamReference, canvasReference);
+  const [userCount, lookedAwayCount, isWebcamDataReliable] = (0, _useWebcamData.default)(webcamReference, canvasReference);
   const tabSwitchCount = (0, _hooks.useTabSwitchCount)(firstFullScreenDone);
   (0, _react.useEffect)(() => {
     (0, _utils.removeStatsFromLocalStorage)(proctoringIdentifier);
@@ -62,13 +63,14 @@ const ProctorApp = _ref => {
         userCount,
         tabSwitchCount,
         fullScreenExitCount,
-        lookedAwayCount
+        lookedAwayCount,
+        isWebcamDataReliable
       }, proctoringIdentifier, sendData);
     }
 
-    (0, _utils.updateStatistics)(statistics, tabSwitchCount, fullScreenExitCount, lookedAwayCount, userCount);
+    (0, _utils.updateStatistics)(statistics, tabSwitchCount, fullScreenExitCount, lookedAwayCount, userCount, isWebcamDataReliable);
     (0, _utils.addOrUpdateStatsToLocalStorage)(proctoringIdentifier, statistics.current);
-  }, [userCount, tabSwitchCount, fullScreenExitCount, lookedAwayCount, proctoringIdentifier, sendData, shouldSendDataOnBreach]);
+  }, [userCount, tabSwitchCount, fullScreenExitCount, lookedAwayCount, isWebcamDataReliable, proctoringIdentifier, sendData, shouldSendDataOnBreach]);
 
   if (proctoringIdentifier === undefined) {
     // todo

package/dist/constants/defaults.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.initialValues = exports.glancePercentageToPass = exports.evaluateVideoIntervalInSeconds = exports.bodyPixConfigs = exports.INITIAL_STATISTICS = void 0;
+exports.initialValues = exports.gpuTypes = exports.glancePercentageToPass = exports.evaluateVideoIntervalInSeconds = exports.bodyPixConfigs = exports.INITIAL_STATISTICS = void 0;
 const initialValues = {
   tabSwitchCount: 0,
   userCount: 0,
+  isWebcamDataReliable: true,
   isWatching: true,
   canOpenFullScreen: false,
   fullScreenExitCount: 0,
@@ -18,7 +19,8 @@ const INITIAL_STATISTICS = {
   TAB_SWITCH_COUNT: initialValues.tabSwitchCount,
   FULLSCREEN_EXIT_COUNT: initialValues.fullScreenExitCount,
   LOOKED_AWAY_COUNT: initialValues.lookedAwayCount,
-  USER_COUNT_MAX: initialValues.userCount
+  USER_COUNT_MAX: initialValues.userCount,
+  IS_WEBCAM_DATA_RELIABLE: initialValues.isWebcamDataReliable
 };
 exports.INITIAL_STATISTICS = INITIAL_STATISTICS;
 const bodyPixConfigs = {
@@ -35,4 +37,6 @@ exports.bodyPixConfigs = bodyPixConfigs;
 const glancePercentageToPass = 60;
 exports.glancePercentageToPass = glancePercentageToPass;
 const evaluateVideoIntervalInSeconds = 1;
-exports.evaluateVideoIntervalInSeconds = evaluateVideoIntervalInSeconds;
+exports.evaluateVideoIntervalInSeconds = evaluateVideoIntervalInSeconds;
+const gpuTypes = ["apple", "amd", "radeon", "nvidia", "geforce"];
+exports.gpuTypes = gpuTypes;

package/dist/hooks/useWebcamData.js

@@ -42,50 +42,58 @@ const getIsWatching = async (network, video) => {
   }
 };
 
+const deviceHasGPU = (0, _utils.isGPUAvailable)();
+
 function useWebcamData(webcamReference, canvasReference) {
   const [userCount, setUserCount] = (0, _react.useState)(_defaults.initialValues.userCount);
   const [isWatching, setIsWatching] = (0, _react.useState)(_defaults.initialValues.isWatching);
   const [lookedAwayCount, setLookedAwayCount] = (0, _react.useState)(_defaults.initialValues.lookedAwayCount);
+  const [isWebcamDataReliable, setIsWebcamDataReliable] = (0, _react.useState)(_defaults.initialValues.isWebcamDataReliable);
+  (0, _react.useEffect)(() => {
+    setIsWebcamDataReliable(deviceHasGPU);
+  }, []);
   (0, _react.useEffect)(() => {
-    const loadBodyPixModel = async () => {
-      try {
-        const network = await bodyPix.load();
-        setInterval(async () => {
-          if ((0, _utils.isWebcamVideoValid)(webcamReference)) {
-            var _users$length;
-
-            const video = webcamReference.current.video;
-            const {
-              videoWidth,
-              videoHeight
-            } = video;
-            video.width = videoWidth;
-            video.height = videoHeight;
-            canvasReference.current.width = videoWidth;
-            canvasReference.current.height = videoHeight;
-            const users = await getUsers(network, video);
-            const count = (_users$length = users === null || users === void 0 ? void 0 : users.length) !== null && _users$length !== void 0 ? _users$length : 0;
-            setUserCount(count);
-
-            if (count) {
-              setIsWatching(getIsWatching(network, video));
-            } else {
-              setIsWatching(false);
+    if (deviceHasGPU) {
+      const loadBodyPixModel = async () => {
+        try {
+          const network = await bodyPix.load();
+          setInterval(async () => {
+            if ((0, _utils.isWebcamVideoValid)(webcamReference)) {
+              var _users$length;
+
+              const video = webcamReference.current.video;
+              const {
+                videoWidth,
+                videoHeight
+              } = video;
+              video.width = videoWidth;
+              video.height = videoHeight;
+              canvasReference.current.width = videoWidth;
+              canvasReference.current.height = videoHeight;
+              const users = await getUsers(network, video);
+              const count = (_users$length = users === null || users === void 0 ? void 0 : users.length) !== null && _users$length !== void 0 ? _users$length : 0;
+              setUserCount(count);
+
+              if (count) {
+                setIsWatching(getIsWatching(network, video));
+              } else {
+                setIsWatching(false);
+              }
             }
-          }
-        }, _defaults.evaluateVideoIntervalInSeconds * 1000);
-      } catch (err) {
-        console.log("Error Trace:", err);
-        return;
-      }
-    };
-
-    loadBodyPixModel();
+          }, _defaults.evaluateVideoIntervalInSeconds * 1000);
+        } catch (err) {
+          console.log("Error Trace:", err);
+          return;
+        }
+      };
+
+      loadBodyPixModel();
+    }
   }, [webcamReference, canvasReference]);
   (0, _react.useEffect)(() => {
     if (!isWatching) {
       setLookedAwayCount(lookedAwayCount => lookedAwayCount + 1);
     }
   }, [isWatching]);
-  return [userCount, lookedAwayCount];
+  return [userCount, lookedAwayCount, isWebcamDataReliable];
 }

package/dist/utils/breachUtils.js

@@ -16,11 +16,23 @@ const sendDataOnBreach = (statistics, currentData, proctoringIdentifier, sendDat
     userCount,
     tabSwitchCount,
     fullScreenExitCount,
-    lookedAwayCount
+    lookedAwayCount,
+    isWebcamDataReliable
   } = currentData;
   const timestamp = Date.now();
   const data = statistics.current;
 
+  if (data.IS_WEBCAM_DATA_RELIABLE !== isWebcamDataReliable) {
+    sendData({
+      proctoringIdentifier,
+      breach: "IS_WEBCAM_DATA_RELIABLE",
+      timestamp,
+      data: _objectSpread(_objectSpread({}, data), {}, {
+        IS_WEBCAM_DATA_RELIABLE: isWebcamDataReliable
+      })
+    });
+  }
+
   if (data.USER_COUNT_MAX < userCount) {
     sendData({
       proctoringIdentifier,

package/dist/utils/gpuUtils.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isGPUAvailable = void 0;
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+var _defaults = require("../constants/defaults");
+
+const isGPUAvailable = () => {
+  const canvas = document.createElement("canvas");
+  const webgl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
+  const debugInfo = webgl.getExtension("webgl_debug_renderer_info");
+  const gpu = webgl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL).toLowerCase();
+
+  for (const gpuType of _defaults.gpuTypes) {
+    if (gpu.includes(gpuType)) return true;
+  }
+
+  return false;
+};
+
+exports.isGPUAvailable = isGPUAvailable;

package/dist/utils/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "isArrayValid", {
     return _arrayUtils.isArrayValid;
   }
 });
+Object.defineProperty(exports, "isGPUAvailable", {
+  enumerable: true,
+  get: function get() {
+    return _gpuUtils.isGPUAvailable;
+  }
+});
 Object.defineProperty(exports, "isWebcamVideoValid", {
   enumerable: true,
   get: function get() {
@@ -102,4 +108,6 @@ var _browserUtils = require("./browserUtils");
 
 var _breachUtils = require("./breachUtils");
 
-var _arrayUtils = require("./arrayUtils");
+var _arrayUtils = require("./arrayUtils");
+
+var _gpuUtils = require("./gpuUtils");

package/dist/utils/webcamMicrophoneUtils.js

@@ -11,11 +11,12 @@ const isWebcamVideoValid = webcamReference => webcamReference !== null && webcam
 
 exports.isWebcamVideoValid = isWebcamVideoValid;
 
-const updateStatistics = (statistics, tabSwitchCount, fullScreenExitCount, lookedAwayCount, userCount) => {
+const updateStatistics = (statistics, tabSwitchCount, fullScreenExitCount, lookedAwayCount, userCount, isWebcamDataReliable) => {
   statistics.current.TAB_SWITCH_COUNT = tabSwitchCount;
   statistics.current.FULLSCREEN_EXIT_COUNT = fullScreenExitCount;
   statistics.current.LOOKED_AWAY_COUNT = lookedAwayCount;
   statistics.current.USER_COUNT_MAX = Math.max(userCount, statistics.current.USER_COUNT_MAX);
+  statistics.current.IS_WEBCAM_DATA_RELIABLE = isWebcamDataReliable;
 };
 
 exports.updateStatistics = updateStatistics;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonschool/react_proctoring_library",
-  "version": "0.0.9",
+  "version": "0.0.12",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra",
   "main": "dist/index.js",