@newtonschool/react_proctoring_library 0.0.32 → 0.0.34

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "captureWebcamSnapshot", {
+  enumerable: true,
+  get: function get() {
+    return _webcamMicrophoneUtils.captureWebcamSnapshot;
+  }
+});
+Object.defineProperty(exports, "getAudioPermission", {
+  enumerable: true,
+  get: function get() {
+    return _webcamMicrophoneUtils.getAudioPermission;
+  }
+});
+Object.defineProperty(exports, "getAudioVideoPermission", {
+  enumerable: true,
+  get: function get() {
+    return _webcamMicrophoneUtils.getAudioVideoPermission;
+  }
+});
+Object.defineProperty(exports, "getBrowserFullscreenElementProp", {
+  enumerable: true,
+  get: function get() {
+    return _browserUtils.getBrowserFullscreenElementProp;
+  }
+});
+Object.defineProperty(exports, "getIsDocumentVisible", {
+  enumerable: true,
+  get: function get() {
+    return _browserUtils.getIsDocumentVisible;
+  }
+});
+Object.defineProperty(exports, "getVideoPermission", {
+  enumerable: true,
+  get: function get() {
+    return _webcamMicrophoneUtils.getVideoPermission;
+  }
+});
+Object.defineProperty(exports, "getVisibilityChangeEventName", {
+  enumerable: true,
+  get: function get() {
+    return _browserUtils.getVisibilityChangeEventName;
+  }
+});
+Object.defineProperty(exports, "isArrayValid", {
+  enumerable: true,
+  get: function get() {
+    return _arrayUtils.isArrayValid;
+  }
+});
+Object.defineProperty(exports, "isGPUAvailable", {
+  enumerable: true,
+  get: function get() {
+    return _gpuUtils.isGPUAvailable;
+  }
+});
+Object.defineProperty(exports, "isWebcamVideoValid", {
+  enumerable: true,
+  get: function get() {
+    return _webcamMicrophoneUtils.isWebcamVideoValid;
+  }
+});
+Object.defineProperty(exports, "updateStatistics", {
+  enumerable: true,
+  get: function get() {
+    return _webcamMicrophoneUtils.updateStatistics;
+  }
+});
+
+var _webcamMicrophoneUtils = require("./webcamMicrophoneUtils");
+
+var _browserUtils = require("./browserUtils");
+
+var _arrayUtils = require("./arrayUtils");
+
+var _gpuUtils = require("./gpuUtils");

package/dist/utils/loadable.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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 loadable = function loadable(importFunc) {
+  let {
+    fallback = null
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    fallback: null
+  };
+  const LazyComponent = /*#__PURE__*/(0, _react.lazy)(importFunc);
+  return props => /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: fallback
+  }, /*#__PURE__*/_react.default.createElement(LazyComponent, props));
+};
+
+var _default = loadable;
+exports.default = _default;

package/dist/utils/webcamMicrophoneUtils.js

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateVideoPermissions = exports.updateStatistics = exports.updateAudioPermissions = exports.setupScreensharePermission = exports.isWebcamVideoValid = exports.getVideoPermissionQuery = exports.getVideoPermission = exports.getGlancePercentage = exports.getAudioVideoPermission = exports.getAudioPermissionQuery = exports.getAudioPermission = exports.captureWebcamSnapshot = exports.captureScreenshot = void 0;
+
+require("core-js/modules/es.array-buffer.slice.js");
+
+require("core-js/modules/es.typed-array.uint8-array.js");
+
+require("core-js/modules/es.typed-array.fill.js");
+
+require("core-js/modules/es.typed-array.set.js");
+
+require("core-js/modules/es.typed-array.sort.js");
+
+require("core-js/modules/es.typed-array.to-locale-string.js");
+
+require("core-js/modules/es.promise.js");
+
+var _ = require(".");
+
+var _html2canvas = _interopRequireDefault(require("html2canvas"));
+
+var _defaults = require("../constants/defaults");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const isWebcamVideoValid = webcamReference => webcamReference !== null && webcamReference !== undefined && typeof webcamReference.current !== "undefined" && webcamReference.current !== null && webcamReference.current.video.readyState === 4;
+
+exports.isWebcamVideoValid = isWebcamVideoValid;
+
+const updateStatistics = (statistics, currentStats, proctorParams) => {
+  const {
+    isTabSwitched,
+    isFullscreen,
+    lookedAwayCount,
+    userCount,
+    isWebcamDataReliable
+  } = currentStats;
+
+  if (proctorParams.tabSwitch) {
+    statistics.current[_defaults.STATS_PARAMS.isTabSwitched] = isTabSwitched;
+  }
+
+  if (proctorParams.fullscreenExit) {
+    statistics.current[_defaults.STATS_PARAMS.isFullscreen] = isFullscreen;
+  }
+
+  if (proctorParams.lookedAway) {
+    statistics.current[_defaults.STATS_PARAMS.lookedAwayCount] = lookedAwayCount;
+  }
+
+  if (proctorParams.people) {
+    statistics.current[_defaults.STATS_PARAMS.userCountMax] = Math.max(userCount, statistics.current[_defaults.STATS_PARAMS.userCountMax]);
+  }
+
+  statistics.current.IS_WEBCAM_DATA_RELIABLE = isWebcamDataReliable;
+};
+
+exports.updateStatistics = updateStatistics;
+
+const getGlancePercentage = partSegmentation => {
+  if (!partSegmentation || !(partSegmentation instanceof Object) || !(0, _.isArrayValid)(partSegmentation.allPoses)) {
+    return 0.0;
+  }
+
+  const allPoses = partSegmentation.allPoses;
+  let totalScoreLeftEye = 0.0,
+      totalScoreRightEye = 0.0,
+      totalScoreNose = 0.0,
+      totalScoreLeftEar = 0.0,
+      totalScoreRightEar = 0.0;
+  let noseIndex = 0,
+      leftEyeIndex = 1,
+      rightEyeIndex = 2,
+      leftEarIndex = 3,
+      rightEarIndex = 4;
+  allPoses.forEach(poseArray => {
+    let keypointsArray = poseArray.keypoints;
+    totalScoreNose += keypointsArray[noseIndex].score;
+    totalScoreLeftEye += keypointsArray[leftEyeIndex].score;
+    totalScoreRightEye += keypointsArray[rightEyeIndex].score;
+    totalScoreLeftEar += keypointsArray[leftEarIndex].score;
+    totalScoreRightEar += keypointsArray[rightEarIndex].score;
+  });
+  const avgScoreLeftEye = totalScoreLeftEye / allPoses.length,
+        avgScoreRightEye = totalScoreRightEye / allPoses.length,
+        avgScoreNose = totalScoreNose / allPoses.length,
+        avgScoreLeftEar = totalScoreLeftEar / allPoses.length,
+        avgScoreRightEar = totalScoreRightEar / allPoses.length;
+  const avgPercentage = 100 * (avgScoreLeftEye + avgScoreRightEye + avgScoreNose + avgScoreLeftEar + avgScoreRightEar) / 5;
+  return Math.ceil(avgPercentage);
+};
+
+exports.getGlancePercentage = getGlancePercentage;
+
+const getVideoPermission = function getVideoPermission(stream) {
+  let exludeTrackId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  return stream.getVideoTracks().filter(track => track.enabled && track.label && track.id !== exludeTrackId).length > 0;
+};
+
+exports.getVideoPermission = getVideoPermission;
+
+const getAudioPermission = function getAudioPermission(stream) {
+  let exludeTrackId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  return stream.getAudioTracks().filter(track => track.enabled && track.label && !track.muted && track.id !== exludeTrackId).length > 0;
+};
+
+exports.getAudioPermission = getAudioPermission;
+
+const getAudioVideoPermission = stream => {
+  return {
+    audio: getAudioPermission(stream),
+    video: getVideoPermission(stream)
+  };
+};
+
+exports.getAudioVideoPermission = getAudioVideoPermission;
+
+const updateAudioPermissions = setAudioPermission => {
+  navigator.mediaDevices.getUserMedia({
+    audio: true
+  }).then(() => {
+    setAudioPermission(true);
+  }).catch(err => {
+    setAudioPermission(false);
+  });
+};
+
+exports.updateAudioPermissions = updateAudioPermissions;
+
+const updateVideoPermissions = setVideoPermission => {
+  navigator.mediaDevices.getUserMedia({
+    video: true
+  }).then(() => {
+    setVideoPermission(true);
+  }).catch(err => {
+    setVideoPermission(false);
+  });
+};
+
+exports.updateVideoPermissions = updateVideoPermissions;
+
+const setupScreensharePermission = (setScreensharePermission, screenshareReference) => navigator.mediaDevices.getDisplayMedia({
+  video: true
+}).then(stream => {
+  const track = stream.getTracks()[0];
+
+  if (track.getSettings().displaySurface === "monitor") {
+    setScreensharePermission(true);
+    screenshareReference.current = stream;
+
+    track.onended = e => {
+      setScreensharePermission(false);
+      screenshareReference.current = null;
+    };
+  } else {
+    track.stop();
+    screenshareReference.current = null;
+    setScreensharePermission(false);
+  }
+}).catch(e => {
+  screenshareReference.current = null;
+  setScreensharePermission(false);
+});
+
+exports.setupScreensharePermission = setupScreensharePermission;
+
+const getVideoPermissionQuery = () => navigator.permissions.query({
+  name: "camera"
+});
+
+exports.getVideoPermissionQuery = getVideoPermissionQuery;
+
+const getAudioPermissionQuery = () => navigator.permissions.query({
+  name: "microphone"
+});
+
+exports.getAudioPermissionQuery = getAudioPermissionQuery;
+
+const b64DataURItoBlob = dataURI => {
+  const byteString = window.atob(dataURI.split(",")[1]);
+  const mimeString = dataURI.split(",")[0].split(":")[1].split(";")[0];
+  const u8arr = new Uint8Array(byteString.length);
+
+  for (let i = 0; i < byteString.length; i += 1) {
+    u8arr[i] = byteString.charCodeAt(i);
+  }
+
+  return new Blob([u8arr], {
+    type: mimeString
+  });
+};
+
+const captureWebcamSnapshot = webcamReference => {
+  try {
+    const b64Snapshot = webcamReference.current.getScreenshot();
+    return b64DataURItoBlob(b64Snapshot);
+  } catch (e) {// pass
+  }
+};
+
+exports.captureWebcamSnapshot = captureWebcamSnapshot;
+
+const captureScreenshot = async () => {
+  try {
+    const canvas = await (0, _html2canvas.default)(document.querySelector("#ss-ref"));
+    const b64Snapshot = canvas.toDataURL("image/jpeg");
+    return b64DataURItoBlob(b64Snapshot);
+  } catch (e) {// pass
+  }
+};
+
+exports.captureScreenshot = captureScreenshot;

package/package.json

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