@newtonschool/react_proctoring_library 0.0.12 → 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,
@@ -58,17 +60,19 @@ const ProctorApp = _ref => {
     (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,
-        isWebcamDataReliable
-      }, proctoringIdentifier, sendData);
+      (0, _utils.sendDataOnBreach)(statistics, currentStats, proctoringIdentifier, sendData, webcamReference);
     }
 
-    (0, _utils.updateStatistics)(statistics, tabSwitchCount, fullScreenExitCount, lookedAwayCount, userCount, isWebcamDataReliable);
+    (0, _utils.updateStatistics)(statistics, currentStats);
     (0, _utils.addOrUpdateStatsToLocalStorage)(proctoringIdentifier, statistics.current);
   }, [userCount, tabSwitchCount, fullScreenExitCount, lookedAwayCount, isWebcamDataReliable, proctoringIdentifier, sendData, shouldSendDataOnBreach]);
 

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

@@ -38,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

@@ -42,18 +42,12 @@ 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)(() => {
-    if (deviceHasGPU) {
+    if ((0, _utils.isGPUAvailable)()) {
       const loadBodyPixModel = async () => {
         try {
           const network = await bodyPix.load();
@@ -95,5 +89,5 @@ function useWebcamData(webcamReference, canvasReference) {
       setLookedAwayCount(lookedAwayCount => lookedAwayCount + 1);
     }
   }, [isWatching]);
-  return [userCount, lookedAwayCount, isWebcamDataReliable];
+  return [userCount, lookedAwayCount];
 }

package/dist/utils/breachUtils.js

@@ -5,13 +5,15 @@ 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,
@@ -34,13 +36,15 @@ const sendDataOnBreach = (statistics, currentData, proctoringIdentifier, sendDat
   }
 
   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
     });
   }
 
@@ -67,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/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,7 +11,14 @@ const isWebcamVideoValid = webcamReference => webcamReference !== null && webcam
 
 exports.isWebcamVideoValid = isWebcamVideoValid;
 
-const updateStatistics = (statistics, tabSwitchCount, fullScreenExitCount, lookedAwayCount, userCount, isWebcamDataReliable) => {
+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;
@@ -113,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.12",
+  "version": "0.0.13",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra",
   "main": "dist/index.js",