@newtonschool/react_proctoring_library 0.0.10 → 0.0.13

package/dist/components/ProctorApp.js

@@ -27,6 +27,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+const isWebcamProcessingReliable = (0, _utils.isGPUAvailable)();
+
 const ProctorApp = _ref => {
   let {
     proctoringIdentifier,
@@ -35,7 +37,8 @@ const ProctorApp = _ref => {
       userCount: true,
       tabSwitch: true,
       fullscreenExit: true,
-      lookedAway: true
+      lookedAway: true,
+      isWebcamDataReliable: true
     },
     sendData = () => {},
     shouldSendDataOnBreach = false
@@ -43,7 +46,6 @@ const ProctorApp = _ref => {
   const webcamReference = (0, _react.useRef)(null);
   const canvasReference = (0, _react.useRef)(null);
   const statistics = (0, _react.useRef)(_defaults.INITIAL_STATISTICS);
-  const gpuAvailable = (0, _utils.isGPUAvailable)();
   const [audioPermission, setAudioPermission] = (0, _react.useState)(false);
   const [videoPermission, setVideoPermission] = (0, _react.useState)(false);
   const firstFullScreenDone = (0, _react.useRef)(false);
@@ -52,34 +54,27 @@ const ProctorApp = _ref => {
     setFullscreen,
     fullScreenExitCount
   } = (0, _hooks.useFullscreenData)(firstFullScreenDone);
-  const [userCount, lookedAwayCount] = gpuAvailable ? (0, _useWebcamData.default)(webcamReference, canvasReference) : [-1, -1];
+  const [userCount, lookedAwayCount, isWebcamDataReliable] = (0, _useWebcamData.default)(webcamReference, canvasReference);
   const tabSwitchCount = (0, _hooks.useTabSwitchCount)(firstFullScreenDone);
-  (0, _react.useEffect)(() => {
-    if (!gpuAvailable & shouldSendDataOnBreach) {
-      (0, _utils.sendDataOnBreach)(statistics, {
-        userCount,
-        tabSwitchCount,
-        fullScreenExitCount,
-        lookedAwayCount
-      }, proctoringIdentifier, sendData);
-    }
-  }, []);
   (0, _react.useEffect)(() => {
     (0, _utils.removeStatsFromLocalStorage)(proctoringIdentifier);
   }, [proctoringIdentifier]);
   (0, _react.useEffect)(() => {
+    const currentStats = {
+      userCount,
+      tabSwitchCount,
+      fullScreenExitCount,
+      lookedAwayCount,
+      isWebcamDataReliable: isWebcamProcessingReliable
+    };
+
     if (shouldSendDataOnBreach) {
-      (0, _utils.sendDataOnBreach)(statistics, {
-        userCount,
-        tabSwitchCount,
-        fullScreenExitCount,
-        lookedAwayCount
-      }, proctoringIdentifier, sendData);
+      (0, _utils.sendDataOnBreach)(statistics, currentStats, proctoringIdentifier, sendData, webcamReference);
     }
 
-    (0, _utils.updateStatistics)(statistics, tabSwitchCount, fullScreenExitCount, lookedAwayCount, userCount);
+    (0, _utils.updateStatistics)(statistics, currentStats);
     (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/components/activity-tracker/index.js

@@ -59,6 +59,7 @@ const ActivityTracker = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactWebcam.default, {
     audio: true,
     muted: true,
+    screenshotFormat: "image/jpeg",
     ref: webcamReference,
     onUserMedia: stream => {
       if (!isChrome) {

package/dist/constants/defaults.js

@@ -7,6 +7,7 @@ exports.initialValues = exports.gpuTypes = exports.glancePercentageToPass = expo
 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 = {
@@ -36,5 +38,5 @@ const glancePercentageToPass = 60;
 exports.glancePercentageToPass = glancePercentageToPass;
 const evaluateVideoIntervalInSeconds = 1;
 exports.evaluateVideoIntervalInSeconds = evaluateVideoIntervalInSeconds;
-const gpuTypes = ["apple", "amd", "radeon", "nvidia", "geforce"];
+const gpuTypes = ["intel", "apple", "amd", "radeon", "nvidia", "geforce"];
 exports.gpuTypes = gpuTypes;

package/dist/hooks/useWebcamData.js

@@ -47,40 +47,42 @@ function useWebcamData(webcamReference, canvasReference) {
   const [isWatching, setIsWatching] = (0, _react.useState)(_defaults.initialValues.isWatching);
   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 ((0, _utils.isGPUAvailable)()) {
+      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/breachUtils.js

@@ -5,30 +5,46 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sendDataOnBreach = void 0;
 
+var _ = require(".");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const sendDataOnBreach = (statistics, currentData, proctoringIdentifier, sendData) => {
+const sendDataOnBreach = (statistics, currentData, proctoringIdentifier, sendData, webcamReference) => {
   const {
     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) {
+    const webcamSnapshot = (0, _.captureWebcamSnapshot)(webcamReference);
     sendData({
       proctoringIdentifier,
       breach: "USER_COUNT_MAX",
       timestamp,
       data: _objectSpread(_objectSpread({}, data), {}, {
         USER_COUNT_MAX: userCount
-      })
+      }),
+      webcamSnapshot
     });
   }
 
@@ -55,13 +71,15 @@ const sendDataOnBreach = (statistics, currentData, proctoringIdentifier, sendDat
   }
 
   if (data.LOOKED_AWAY_COUNT !== lookedAwayCount) {
+    const webcamSnapshot = (0, _.captureWebcamSnapshot)(webcamReference);
     sendData({
       proctoringIdentifier,
       breach: "LOOKED_AWAY_COUNT",
       timestamp,
       data: _objectSpread(_objectSpread({}, data), {}, {
         LOOKED_AWAY_COUNT: lookedAwayCount
-      })
+      }),
+      webcamSnapshot
     });
   }
 };

package/dist/utils/gpuUtils.js

@@ -1,5 +1,10 @@
 "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");
@@ -19,4 +24,6 @@ const isGPUAvailable = () => {
   }
 
   return false;
-};
+};
+
+exports.isGPUAvailable = isGPUAvailable;

package/dist/utils/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "addOrUpdateStatsToLocalStorage", {
     return _localStorageUtils.addOrUpdateStatsToLocalStorage;
   }
 });
+Object.defineProperty(exports, "captureWebcamSnapshot", {
+  enumerable: true,
+  get: function get() {
+    return _webcamMicrophoneUtils.captureWebcamSnapshot;
+  }
+});
 Object.defineProperty(exports, "getAudioPermission", {
   enumerable: true,
   get: function get() {

package/dist/utils/webcamMicrophoneUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateVideoPermissions = exports.updateStatistics = exports.updateAudioPermissions = exports.isWebcamVideoValid = exports.getVideoPermissionQuery = exports.getVideoPermission = exports.getGlancePercentage = exports.getAudioVideoPermission = exports.getAudioPermissionQuery = exports.getAudioPermission = void 0;
+exports.updateVideoPermissions = exports.updateStatistics = exports.updateAudioPermissions = exports.isWebcamVideoValid = exports.getVideoPermissionQuery = exports.getVideoPermission = exports.getGlancePercentage = exports.getAudioVideoPermission = exports.getAudioPermissionQuery = exports.getAudioPermission = exports.captureWebcamSnapshot = void 0;
 
 var _ = require(".");
 
@@ -11,11 +11,19 @@ const isWebcamVideoValid = webcamReference => webcamReference !== null && webcam
 
 exports.isWebcamVideoValid = isWebcamVideoValid;
 
-const updateStatistics = (statistics, tabSwitchCount, fullScreenExitCount, lookedAwayCount, userCount) => {
+const updateStatistics = (statistics, currentStats) => {
+  const {
+    tabSwitchCount,
+    fullScreenExitCount,
+    lookedAwayCount,
+    userCount,
+    isWebcamDataReliable
+  } = currentStats;
   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;
@@ -112,4 +120,10 @@ const getAudioPermissionQuery = () => navigator.permissions.query({
   name: "microphone"
 });
 
-exports.getAudioPermissionQuery = getAudioPermissionQuery;
+exports.getAudioPermissionQuery = getAudioPermissionQuery;
+
+const captureWebcamSnapshot = webcamReference => {
+  return webcamReference.current.getScreenshot();
+};
+
+exports.captureWebcamSnapshot = captureWebcamSnapshot;

package/package.json

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