@newtonschool/react_proctoring_library 0.0.27 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/activity-tracker/index.js +4 -6
- package/dist/components/activity-tracker/index.scss +4 -1
- package/dist/components/proctor-app/index.js +2 -2
- package/dist/components/proctor-context-app/index.js +4 -5
- package/dist/hooks/useFullScreenData.js +1 -5
- package/dist/hooks/useWebcamData.js +1 -4
- package/dist/utils/webcamMicrophoneUtils.js +0 -3
- package/package.json +1 -1
|
@@ -45,9 +45,7 @@ const ActivityTracker = _ref => {
|
|
|
45
45
|
status.onchange = evt => {
|
|
46
46
|
(0, _webcamMicrophoneUtils.updateVideoPermissions)(setVideoPermission);
|
|
47
47
|
};
|
|
48
|
-
}).catch(err => {
|
|
49
|
-
console.log("Video Permission", err);
|
|
50
|
-
});
|
|
48
|
+
}).catch(err => {});
|
|
51
49
|
(0, _webcamMicrophoneUtils.getAudioPermissionQuery)().then(status => {
|
|
52
50
|
status.onchange = evt => {
|
|
53
51
|
(0, _webcamMicrophoneUtils.updateAudioPermissions)(setAudioPermission);
|
|
@@ -136,14 +134,14 @@ const ActivityTracker = _ref => {
|
|
|
136
134
|
setAudioPermission(false);
|
|
137
135
|
}
|
|
138
136
|
},
|
|
139
|
-
className: "
|
|
137
|
+
className: "hide"
|
|
140
138
|
}), /*#__PURE__*/_react.default.createElement("canvas", {
|
|
141
139
|
ref: canvasReference,
|
|
142
|
-
className: "captured-video-canvas",
|
|
140
|
+
className: "captured-video-canvas hide",
|
|
143
141
|
id: "wc-ref"
|
|
144
142
|
})), /*#__PURE__*/_react.default.createElement("video", {
|
|
145
143
|
ref: screenshareReference,
|
|
146
|
-
className: "captured-video-canvas",
|
|
144
|
+
className: "captured-video-canvas hide",
|
|
147
145
|
id: "ss-ref"
|
|
148
146
|
}));
|
|
149
147
|
};
|
|
@@ -98,7 +98,7 @@ const ProctorApp = _ref => {
|
|
|
98
98
|
const screenshot = await (0, _webcamMicrophoneUtils.captureScreenshot)();
|
|
99
99
|
getScreengrab(proctoringIdentifier, screenshot, isBreach, breachedParam);
|
|
100
100
|
}
|
|
101
|
-
}, [getScreengrab, proctoringIdentifier, proctorParams.screenshareSnapshots]);
|
|
101
|
+
}, [getScreengrab, proctoringIdentifier, proctorParams.screenshareSnapshots, permissions.screenshare]);
|
|
102
102
|
const sendWebcamSnapshot = (0, _react.useCallback)(function () {
|
|
103
103
|
let isBreach = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
104
104
|
let breachedParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
|
|
@@ -110,7 +110,7 @@ const ProctorApp = _ref => {
|
|
|
110
110
|
getWebcamSnapshot(proctoringIdentifier, webcamSnapshot, isBreach, breachedParam);
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
|
-
}, [proctoringIdentifier, getWebcamSnapshot, proctorParams.webcamSnapshots]);
|
|
113
|
+
}, [proctoringIdentifier, getWebcamSnapshot, proctorParams.webcamSnapshots, permissions.video, references.webcamReference]);
|
|
114
114
|
const sendProctoredParamValues = (0, _react.useCallback)(function () {
|
|
115
115
|
let isBreach = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
116
116
|
let breachParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
|
|
@@ -46,22 +46,21 @@ const ProctoredContextApp = _ref => {
|
|
|
46
46
|
const canvasReference = (0, _react.useRef)(null);
|
|
47
47
|
const screenshareReference = (0, _react.useRef)(null);
|
|
48
48
|
const Context = contextProvider;
|
|
49
|
-
const askPermissionAction = {
|
|
49
|
+
const askPermissionAction = (0, _react.useMemo)(() => ({
|
|
50
50
|
screenshare: () => {
|
|
51
51
|
(0, _webcamMicrophoneUtils.setupScreensharePermission)(setScreensharePermission, screenshareReference);
|
|
52
52
|
},
|
|
53
53
|
fullscreen: () => {
|
|
54
54
|
setFullscreen();
|
|
55
55
|
}
|
|
56
|
-
};
|
|
57
|
-
const getPermissionObj = {
|
|
56
|
+
}), [screenshareReference, setFullscreen]);
|
|
57
|
+
const getPermissionObj = (0, _react.useMemo)(() => ({
|
|
58
58
|
video: videoPermission,
|
|
59
59
|
audio: audioPermisison,
|
|
60
60
|
fullscreen: isFullscreen,
|
|
61
61
|
screenshare: screensharePermission
|
|
62
|
-
};
|
|
62
|
+
}), [videoPermission, audioPermisison, isFullscreen, screensharePermission]);
|
|
63
63
|
const askPermission = (0, _react.useCallback)(requiredPermissions => {
|
|
64
|
-
console.log(requiredPermissions);
|
|
65
64
|
requiredPermissions.forEach(element => {
|
|
66
65
|
if (!getPermissionObj[element] && askPermissionAction[element]) {
|
|
67
66
|
askPermissionAction[element]();
|
|
@@ -7,14 +7,10 @@ exports.default = useFullscreenData;
|
|
|
7
7
|
|
|
8
8
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
9
9
|
|
|
10
|
-
var _react =
|
|
10
|
+
var _react = require("react");
|
|
11
11
|
|
|
12
12
|
var _utils = require("../utils");
|
|
13
13
|
|
|
14
|
-
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); }
|
|
15
|
-
|
|
16
|
-
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; }
|
|
17
|
-
|
|
18
14
|
const browserFullscreenElementProp = (0, _utils.getBrowserFullscreenElementProp)();
|
|
19
15
|
|
|
20
16
|
function useFullscreenData(isProctorParam) {
|
|
@@ -33,9 +33,7 @@ const getUserCount = async (model, image) => {
|
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
return numOfUsers;
|
|
36
|
-
} catch (err) {
|
|
37
|
-
console.log("Error Trace:", err);
|
|
38
|
-
}
|
|
36
|
+
} catch (err) {}
|
|
39
37
|
};
|
|
40
38
|
|
|
41
39
|
function useWebcamData(webcamReference, canvasReference, proctorParams) {
|
|
@@ -68,7 +66,6 @@ function useWebcamData(webcamReference, canvasReference, proctorParams) {
|
|
|
68
66
|
}
|
|
69
67
|
}, _defaults.evaluateVideoIntervalInSeconds * 1000);
|
|
70
68
|
} catch (err) {
|
|
71
|
-
console.log("Error Trace:", err);
|
|
72
69
|
return;
|
|
73
70
|
}
|
|
74
71
|
};
|
|
@@ -159,17 +159,14 @@ const setupScreensharePermission = (setScreensharePermission, screenshareReferen
|
|
|
159
159
|
};
|
|
160
160
|
|
|
161
161
|
track.onended = e => {
|
|
162
|
-
console.log(e, "Track On Ended");
|
|
163
162
|
setScreensharePermission(false);
|
|
164
163
|
screenshareReference.current.srcObject = null;
|
|
165
164
|
};
|
|
166
165
|
} else {
|
|
167
|
-
console.log(e, "Track get settings not monitor");
|
|
168
166
|
screenshareReference.current = null;
|
|
169
167
|
setScreensharePermission(false);
|
|
170
168
|
}
|
|
171
169
|
}).catch(e => {
|
|
172
|
-
console.log(e, "Try Catch Failed");
|
|
173
170
|
screenshareReference.current = null;
|
|
174
171
|
setScreensharePermission(false);
|
|
175
172
|
});
|