fcr-ui-scene 1.0.40 → 3.1.0

package/lib/utilities/copyText.js

@@ -0,0 +1,43 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.copyText = copyText;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+function copyText(_x) {
+  return _copyText.apply(this, arguments);
+}
+function _copyText() {
+  _copyText = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(text) {
+    var input;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return navigator.clipboard.writeText(text);
+        case 3:
+          _context.next = 14;
+          break;
+        case 5:
+          _context.prev = 5;
+          _context.t0 = _context["catch"](0);
+          input = document.createElement('input');
+          input.setAttribute('readonly', 'readonly');
+          input.setAttribute('value', text);
+          document.body.appendChild(input);
+          input.select();
+          document.execCommand('copy');
+          document.body.removeChild(input);
+        case 14:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 5]]);
+  }));
+  return _copyText.apply(this, arguments);
+}

package/lib/utilities/default-config.d.ts

@@ -0,0 +1,32 @@
+export declare const cameraVideoHighStreamEncoderLowConfig: {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    frameRate: number;
+    bitrate: number;
+};
+export declare const cameraVideoLowStreamEncoderConfig: {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    frameRate: number;
+    bitrate: number;
+};
+export declare const screenCaptureHighStreamEncoderConfig: {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    frameRate: number;
+    bitrate: number;
+};
+export declare const screenCaptureLowStreamEncoderConfig: {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    frameRate: number;
+    bitrate: number;
+};

package/lib/utilities/default-config.js

@@ -0,0 +1,39 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.screenCaptureLowStreamEncoderConfig = exports.screenCaptureHighStreamEncoderConfig = exports.cameraVideoLowStreamEncoderConfig = exports.cameraVideoHighStreamEncoderLowConfig = void 0;
+var cameraVideoHighStreamEncoderLowConfig = exports.cameraVideoHighStreamEncoderLowConfig = {
+  dimensions: {
+    width: 1280,
+    height: 720
+  },
+  frameRate: 30,
+  bitrate: 1500
+};
+var cameraVideoLowStreamEncoderConfig = exports.cameraVideoLowStreamEncoderConfig = {
+  dimensions: {
+    width: 480,
+    height: 270
+  },
+  frameRate: 15,
+  bitrate: 350
+};
+var screenCaptureHighStreamEncoderConfig = exports.screenCaptureHighStreamEncoderConfig = {
+  dimensions: {
+    width: 1920,
+    height: 1080
+  },
+  frameRate: 15,
+  bitrate: 1200
+};
+var screenCaptureLowStreamEncoderConfig = exports.screenCaptureLowStreamEncoderConfig = {
+  dimensions: {
+    width: 320,
+    height: 240
+  },
+  frameRate: 15,
+  bitrate: 400
+};

package/lib/utilities/extract.d.ts

@@ -0,0 +1,5 @@
+import { FcrStreamInfo, FcrUserInfo } from 'agora-edu-core/lib/type';
+import { AgoraRteVideoSourceType } from 'agora-rte-sdk/lib/type';
+export declare const extractUserStreams: (users: Map<string, FcrUserInfo>, streamByUid: Map<string, FcrStreamInfo>, sourceTypes: AgoraRteVideoSourceType[]) => Set<FcrStreamInfo>;
+export declare const getVideoStreams: (streamByUid: Map<string, FcrStreamInfo>, sourceTypes: AgoraRteVideoSourceType[]) => Set<FcrStreamInfo>;
+export declare const getAudioStreams: (streamByUid: Map<string, FcrStreamInfo>) => Set<FcrStreamInfo>;

package/lib/utilities/extract.js

@@ -0,0 +1,97 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.symbol.iterator.js");
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+require("core-js/modules/es.regexp.to-string.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVideoStreams = exports.getAudioStreams = exports.extractUserStreams = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var extractUserStreams = exports.extractUserStreams = function extractUserStreams(users, streamByUid, sourceTypes) {
+  var streams = new Set();
+  var _iterator = _createForOfIteratorHelper(users),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
+        userId = _step$value[0],
+        user = _step$value[1];
+      if (streamByUid.has(userId)) {
+        var stream = streamByUid.get(userId);
+        if (stream && sourceTypes.includes(stream.videoSourceType)) {
+          streams.add(stream);
+        }
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return streams;
+};
+var getVideoStreams = exports.getVideoStreams = function getVideoStreams(streamByUid, sourceTypes) {
+  var streams = new Set();
+  var _iterator2 = _createForOfIteratorHelper(streamByUid),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _step2$value = (0, _slicedToArray2["default"])(_step2.value, 2),
+        userId = _step2$value[0],
+        user = _step2$value[1];
+      var stream = streamByUid.get(userId);
+      if (stream && sourceTypes.includes(stream.videoSourceType)) {
+        streams.add(stream);
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return streams;
+};
+var getAudioStreams = exports.getAudioStreams = function getAudioStreams(streamByUid) {
+  var streams = new Set();
+  var _iterator3 = _createForOfIteratorHelper(streamByUid),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var _step3$value = (0, _slicedToArray2["default"])(_step3.value, 2),
+        userId = _step3$value[0],
+        user = _step3$value[1];
+      var stream = streamByUid.get(userId);
+      if (stream && stream.audioSourceType) {
+        streams.add(stream);
+      }
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return streams;
+};

package/lib/utilities/hooks.d.ts

@@ -0,0 +1,14 @@
+export declare const useUnmount: (callback: () => void) => void;
+export declare const LanguageName: Record<string, string>;
+export declare const useTheme: () => readonly ["dark" | "light", () => void];
+export declare const useWindowFocus: () => boolean;
+export declare const useDelayedValue: <T>(realValue: T, delay: number) => T | null;
+type DelayedMeasureResult = [
+    ref: (element: HTMLElement | null) => void,
+    bounds: {
+        width: number;
+        height: number;
+    }
+];
+export declare const useDelayedMeasure: (delay?: number) => DelayedMeasureResult;
+export {};

package/lib/utilities/hooks.js

@@ -0,0 +1,99 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWindowFocus = exports.useUnmount = exports.useTheme = exports.useDelayedValue = exports.useDelayedMeasure = exports.LanguageName = void 0;
+require("core-js/modules/web.timers.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _reactUseMeasure = _interopRequireDefault(require("react-use-measure"));
+var theme_ = _interopRequireWildcard(require("agora-ui-foundation/lib/theme/generate"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// FIXME: Files in 'lib' are commonjs modules.
+//        There's no variable binding unless you reference the whole module.
+
+var useUnmount = exports.useUnmount = function useUnmount(callback) {
+  (0, _react.useEffect)(function () {
+    return callback;
+  }, []);
+};
+var LanguageName = exports.LanguageName = {
+  zh: '简体中文',
+  en: 'English'
+};
+var useTheme = exports.useTheme = function useTheme() {
+  var _useState = (0, _react.useState)(theme_.themeMode),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    theme = _useState2[0],
+    setTheme = _useState2[1];
+  var toggleTheme = (0, _react.useCallback)(function () {
+    var nextTheme = theme_.themeMode === 'light' ? 'dark' : 'light';
+    theme_.setThemeMode(nextTheme);
+    setTheme(theme_.themeMode);
+    theme_.generateTheme();
+    document.documentElement.style.colorScheme = nextTheme;
+  }, []);
+  return [theme, toggleTheme];
+};
+var useWindowFocus = exports.useWindowFocus = function useWindowFocus() {
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    focus = _useState4[0],
+    setFocus = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var onFocus = function onFocus() {
+      return setFocus(true);
+    };
+    var onBlur = function onBlur() {
+      return setFocus(false);
+    };
+    window.addEventListener('focus', onFocus);
+    window.addEventListener('blur', onBlur);
+    return function () {
+      window.removeEventListener('focus', onFocus);
+      window.removeEventListener('blur', onBlur);
+    };
+  }, []);
+  return focus;
+};
+var useDelayedValue = exports.useDelayedValue = function useDelayedValue(realValue, delay) {
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    value = _useState6[0],
+    setValue = _useState6[1];
+  (0, _react.useEffect)(function () {
+    var timer = setTimeout(function () {
+      return setValue(realValue);
+    }, delay);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [realValue, delay]);
+  return value;
+};
+// Delay `useMeasure()`'s refreshing, improve re-layout performance.
+// Also a workaround for 'loop completed with undelivered notifications' error.
+// Since we only need width and height, other properties are hidden from type.
+var useDelayedMeasure = exports.useDelayedMeasure = function useDelayedMeasure() {
+  var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var _useMeasure = (0, _reactUseMeasure["default"])(),
+    _useMeasure2 = (0, _slicedToArray2["default"])(_useMeasure, 2),
+    ref = _useMeasure2[0],
+    bounds_ = _useMeasure2[1];
+  var bounds = useDelayedValue(bounds_, delay) || {
+    width: 0,
+    height: 0
+  };
+  return [ref, bounds];
+};

package/lib/utilities/mute-action.d.ts

@@ -0,0 +1,4 @@
+export declare const actionMute: (isMyself: boolean, hasAudio: boolean, muteAudioPermission: boolean, startAudioPermission: boolean, requestStartAudioPermission: boolean) => {
+    isShowActionAudio: boolean;
+    actionAudioTag: string;
+};

package/lib/utilities/mute-action.js

@@ -0,0 +1,48 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.actionMute = void 0;
+var actionMute = exports.actionMute = function actionMute(isMyself, hasAudio, muteAudioPermission, startAudioPermission, requestStartAudioPermission) {
+  var isShowActionAudio = true;
+  var actionAudioTag = '';
+  if (isMyself) {
+    if (hasAudio) {
+      if (muteAudioPermission) {
+        isShowActionAudio = true;
+        actionAudioTag = 'fmt_participants_member_button_mute';
+      } else {
+        isShowActionAudio = false;
+      }
+    } else {
+      if (startAudioPermission) {
+        isShowActionAudio = true;
+        actionAudioTag = 'fmt_participants_member_button_unmute';
+      } else {
+        isShowActionAudio = false;
+      }
+    }
+  } else {
+    if (hasAudio) {
+      if (muteAudioPermission) {
+        isShowActionAudio = true;
+        actionAudioTag = 'fmt_participants_member_button_mute';
+      } else {
+        isShowActionAudio = false;
+      }
+    } else {
+      if (requestStartAudioPermission) {
+        actionAudioTag = 'fmt_attendies_options_applyunmute';
+        isShowActionAudio = true;
+      } else {
+        isShowActionAudio = false;
+      }
+    }
+  }
+  return {
+    isShowActionAudio: isShowActionAudio,
+    actionAudioTag: actionAudioTag
+  };
+};

package/lib/utilities/parameters.d.ts

@@ -0,0 +1,7 @@
+type FcrUISceneParameters = {
+    scene?: Record<string, unknown>;
+};
+export declare const isSkipPretest: (parameters?: FcrUISceneParameters) => boolean;
+export declare const isOpenDefaultCamera: (parameters?: FcrUISceneParameters) => boolean;
+export declare const isOpenDefaultMicrophone: (parameters?: FcrUISceneParameters) => boolean;
+export {};

package/lib/utilities/parameters.js

@@ -0,0 +1,20 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSkipPretest = exports.isOpenDefaultMicrophone = exports.isOpenDefaultCamera = void 0;
+var _valueCheck = require("agora-foundation/lib/utilities/value-check");
+var isSkipPretest = exports.isSkipPretest = function isSkipPretest(parameters) {
+  var _parameters$scene;
+  return (0, _valueCheck.isTrueValue)(parameters === null || parameters === void 0 || (_parameters$scene = parameters.scene) === null || _parameters$scene === void 0 ? void 0 : _parameters$scene.skipPretest);
+};
+var isOpenDefaultCamera = exports.isOpenDefaultCamera = function isOpenDefaultCamera(parameters) {
+  var _parameters$scene2;
+  return (0, _valueCheck.isTrueValue)(parameters === null || parameters === void 0 || (_parameters$scene2 = parameters.scene) === null || _parameters$scene2 === void 0 ? void 0 : _parameters$scene2.openDefaultCamera);
+};
+var isOpenDefaultMicrophone = exports.isOpenDefaultMicrophone = function isOpenDefaultMicrophone(parameters) {
+  var _parameters$scene3;
+  return (0, _valueCheck.isTrueValue)(parameters === null || parameters === void 0 || (_parameters$scene3 = parameters.scene) === null || _parameters$scene3 === void 0 ? void 0 : _parameters$scene3.openDefaultMicrophone);
+};

package/lib/utilities/platform.d.ts

@@ -0,0 +1 @@
+export declare const isWindows: () => boolean;

package/lib/utilities/platform.js

@@ -0,0 +1,11 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isWindows = void 0;
+require("core-js/modules/es.array.index-of.js");
+var isWindows = exports.isWindows = function isWindows() {
+  return navigator.userAgent.indexOf('Windows') > -1;
+};

package/lib/utilities/regex.d.ts

@@ -0,0 +1 @@
+export declare const isPhoneNumber: (invitePhoneNumber: string) => boolean;

package/lib/utilities/regex.js

@@ -0,0 +1,14 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPhoneNumber = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+var isPhoneNumber = exports.isPhoneNumber = function isPhoneNumber(invitePhoneNumber) {
+  if (typeof invitePhoneNumber !== 'string') return false;
+  var reg = /^1[3-9]\d{9}$/;
+  return reg.test(invitePhoneNumber);
+};

package/lib/utilities/renderer-event.d.ts

@@ -0,0 +1,9 @@
+type RendererEventListener = (event: RendererCustomEvent) => void;
+export declare const addEventListener: (listener: RendererEventListener) => void;
+export declare const removeEventListener: (listener: RendererEventListener) => void;
+export declare const sendEvent: (event: RendererCustomEvent) => void;
+export declare const openLinkInDefaultBrowser: (url: string) => void;
+export declare const getBrowserWindowById: (id: number) => Electron.CrossProcessExports.BrowserWindow | undefined;
+export declare const getControlBarMediaSourceId: () => string | undefined;
+export declare const getVideoWindowMediaSourceId: () => string | undefined;
+export {};

package/lib/utilities/renderer-event.js

@@ -0,0 +1,76 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sendEvent = exports.removeEventListener = exports.openLinkInDefaultBrowser = exports.getVideoWindowMediaSourceId = exports.getControlBarMediaSourceId = exports.getBrowserWindowById = exports.addEventListener = void 0;
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var listeners = new Set();
+if (window.runtime) {
+  window.runtime.addEventListener(function (_, event) {
+    listeners.forEach(function (listener) {
+      listener(event);
+    });
+  });
+}
+var addEventListener = exports.addEventListener = function addEventListener(listener) {
+  listeners.add(listener);
+};
+var removeEventListener = exports.removeEventListener = function removeEventListener(listener) {
+  listeners["delete"](listener);
+};
+var sendEvent = exports.sendEvent = function sendEvent(event) {
+  if (window.runtime) {
+    window.runtime.sendEvent(event);
+  } else {
+    console.error('failed to call sendEvent, window.runtime is not available');
+  }
+};
+var openLinkInDefaultBrowser = exports.openLinkInDefaultBrowser = function openLinkInDefaultBrowser(url) {
+  if (window.runtime) {
+    window.runtime.openLinkInDefaultBrowser(url);
+  } else {
+    window.open(url);
+  }
+};
+var getBrowserWindowById = exports.getBrowserWindowById = function getBrowserWindowById(id) {
+  if (window.runtime) {
+    return window.runtime.getBrowserWindowById(id);
+  } else {
+    console.error('failed to call sendEvent, window.runtime is not available');
+  }
+};
+var getControlBarMediaSourceId = exports.getControlBarMediaSourceId = function getControlBarMediaSourceId() {
+  if (window.runtime) {
+    var mediaSourceList = window.runtime.getMediaSourceIdList();
+    var info = mediaSourceList.find(function (item) {
+      return item.title === 'Control Bar';
+    });
+    if (info) {
+      return info.mediaSourceId;
+    }
+  } else {
+    console.error('failed to call getControlBarMediaSourceId, window.runtime is not available');
+  }
+};
+var getVideoWindowMediaSourceId = exports.getVideoWindowMediaSourceId = function getVideoWindowMediaSourceId() {
+  if (window.runtime) {
+    var mediaSourceList = window.runtime.getMediaSourceIdList();
+    var info = mediaSourceList.find(function (item) {
+      return item.title === 'Video Window';
+    });
+    if (info) {
+      return info.mediaSourceId;
+    }
+  } else {
+    console.error('failed to call getVideoWindowMediaSourceId, window.runtime is not available');
+  }
+};

package/lib/utilities/renderer.d.ts

@@ -0,0 +1,23 @@
+import { AgoraRtcScreenCaptureType, AgoraRtcWindowInfo } from 'agora-rte-sdk/lib/core/rtc/type';
+export declare const open: (path: string) => void;
+export declare const close: (path: string) => void;
+export declare const isWindows: () => boolean;
+export declare const getCurrentWorkArea: (currentShareId: string, currentShareType: AgoraRtcScreenCaptureType, allApplicationWindows: AgoraRtcWindowInfo[]) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    displayId: number;
+    availTop: number;
+};
+/**
+ * handle the will-close event of the browserWindow,
+ * callback will be called when:
+ * 1. closeRendererWindow is called
+ * 2. user press the shortcut to close the browserWindow such as Cmd + W on Mac
+ *
+ * @param browserWindow
+ * @param callback
+ */
+export declare const handleWillClose: (browserWindow: Electron.BrowserWindow, callback?: () => void) => void;
+export declare const releaseSubAllWindowRefs: () => void;