@newtonschool/react_proctoring_library 0.0.8 → 0.0.11

package/dist/components/ProctorApp.js

@@ -53,6 +53,16 @@ const ProctorApp = _ref => {
   } = (0, _hooks.useFullscreenData)(firstFullScreenDone);
   const [userCount, lookedAwayCount] = (0, _useWebcamData.default)(webcamReference, canvasReference);
   const tabSwitchCount = (0, _hooks.useTabSwitchCount)(firstFullScreenDone);
+  (0, _react.useEffect)(() => {
+    if (shouldSendDataOnBreach && (userCount < 0 || lookedAwayCount < 0)) {
+      (0, _utils.sendDataOnBreach)(statistics, {
+        userCount,
+        tabSwitchCount,
+        fullScreenExitCount,
+        lookedAwayCount
+      }, proctoringIdentifier, sendData);
+    }
+  }, []);
   (0, _react.useEffect)(() => {
     (0, _utils.removeStatsFromLocalStorage)(proctoringIdentifier);
   }, [proctoringIdentifier]);

package/dist/constants/defaults.js

@@ -3,7 +3,7 @@
 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,
@@ -35,4 +35,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/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useAudioVideoPermissions", {
-  enumerable: true,
-  get: function get() {
-    return _useAudioVideoPermissions.default;
-  }
-});
 Object.defineProperty(exports, "useFullscreenData", {
   enumerable: true,
   get: function get() {
@@ -34,6 +28,4 @@ var _usePageVisibility = _interopRequireDefault(require("./usePageVisibility"));
 
 var _useTabSwitchCount = _interopRequireDefault(require("./useTabSwitchCount"));
 
-var _useAudioVideoPermissions = _interopRequireDefault(require("./useAudioVideoPermissions"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/hooks/useWebcamData.js

@@ -42,45 +42,49 @@ const getIsWatching = async (network, video) => {
   }
 };
 
+const gpuAvailable = (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 [userCount, setUserCount] = (0, _react.useState)(gpuAvailable ? _defaults.initialValues.userCount : -1);
+  const [isWatching, setIsWatching] = (0, _react.useState)(gpuAvailable ? _defaults.initialValues.isWatching : -1);
   const [lookedAwayCount, setLookedAwayCount] = (0, _react.useState)(_defaults.initialValues.lookedAwayCount);
   (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 (gpuAvailable) {
+      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) {

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/package.json

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