bigbluebutton-html-plugin-sdk
Version:
This repository contains the SDK for developing BigBlueButton plugins. Plugins are React components that can be loaded from external sources by the BigBlueButton HTML5 client to extend its functionalities.
55 lines • 2.63 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useUserCameraDomElements = void 0;
var react_1 = require("react");
var enums_1 = require("../enums");
var enum_1 = require("../../core/enum");
var utils_1 = require("../../data-consumption/utils");
var useUserCameraDomElements = function (streamIds) {
var _a = (0, react_1.useState)(), domElement = _a[0], setDomElement = _a[1];
var _b = (0, react_1.useState)(streamIds), streamIdsState = _b[0], setStreamIdsState = _b[1];
var handleCustomSubscriptionUpdateEvent = (function (event) {
var detail = event.detail;
if (detail.hook === enums_1.DomElementManipulationHooks.USER_CAMERA
&& (0, utils_1.sortedStringify)(detail.data.map(function (userCamera) { return userCamera.streamId; })) === (0, utils_1.sortedStringify)(streamIdsState)) {
setDomElement(detail.data.map(function (userCamera) { return userCamera.userCameraDomElement; }));
}
});
(0, react_1.useEffect)(function () {
if (streamIdsState) {
window.addEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
return function () {
window.removeEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UNSUBSCRIBED, {
detail: {
hook: enums_1.DomElementManipulationHooks.USER_CAMERA,
hookArguments: {
streamIds: streamIds,
},
},
}));
};
}
return function () { };
}, []);
(0, react_1.useEffect)(function () {
if (streamIdsState) {
window.removeEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
window.addEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
window.dispatchEvent(new CustomEvent(enum_1.HookEvents.SUBSCRIBED, {
detail: {
hook: enums_1.DomElementManipulationHooks.USER_CAMERA,
hookArguments: {
streamIds: streamIdsState,
},
},
}));
}
}, [streamIdsState]);
if ((0, utils_1.sortedStringify)(streamIds) !== (0, utils_1.sortedStringify)(streamIdsState)) {
setStreamIdsState(streamIds);
}
return domElement;
};
exports.useUserCameraDomElements = useUserCameraDomElements;
//# sourceMappingURL=hooks.js.map