fcr-ui-scene 3.1.0 → 3.1.1

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.
Files changed (119) hide show
  1. package/lib/base.d.ts +1 -0
  2. package/lib/common/event-store.d.ts +1 -0
  3. package/lib/electron/app.d.ts +1 -0
  4. package/lib/electron/app.js +140 -0
  5. package/lib/electron/default-options.d.ts +2 -0
  6. package/lib/electron/default-options.js +25 -0
  7. package/lib/electron/env.d.ts +5 -0
  8. package/lib/electron/env.js +13 -0
  9. package/lib/electron/index.d.ts +2 -0
  10. package/lib/electron/index.js +20 -0
  11. package/lib/electron/injections.d.ts +45 -0
  12. package/lib/electron/injections.js +689 -0
  13. package/lib/electron/main.d.ts +2 -0
  14. package/lib/electron/main.js +63 -0
  15. package/lib/electron/plugins/screenshot.d.ts +2 -0
  16. package/lib/electron/plugins/screenshot.js +49 -0
  17. package/lib/electron/preload.js +35 -0
  18. package/lib/electron/tools.d.ts +5 -0
  19. package/lib/electron/tools.js +57 -0
  20. package/lib/electron/window.d.ts +12 -0
  21. package/lib/electron/window.js +112 -0
  22. package/lib/fragments/control-bar/index.js +11 -1
  23. package/lib/fragments/share-screen-selection/selection-store.d.ts +1 -0
  24. package/lib/modules/action-bar/leave/assign-host.d.ts +1 -0
  25. package/lib/modules/action-bar/leave/leave-meeting.d.ts +1 -0
  26. package/lib/modules/action-bar/more/poppover-content.d.ts +1 -0
  27. package/lib/modules/chat/chat-select/index.d.ts +1 -0
  28. package/lib/modules/chat/demo-wrapper.d.ts +1 -0
  29. package/lib/modules/device-pretest/audio-preview/speaker-control.d.ts +1 -0
  30. package/lib/modules/device-pretest/index.d.ts +1 -0
  31. package/lib/modules/device-pretest/settings/video-effect.d.ts +1 -0
  32. package/lib/modules/invite/voip-invite.d.ts +1 -0
  33. package/lib/modules/layout/components/Aside.d.ts +1 -0
  34. package/lib/modules/layout/member-window/index.d.ts +1 -0
  35. package/lib/modules/layout/store.d.ts +1 -0
  36. package/lib/modules/whiteboard/index.d.ts +1 -0
  37. package/lib/plugins/browser-runtime-plugin.js +0 -3
  38. package/lib/runtime.d.ts +86 -0
  39. package/package.json +4 -3
  40. package/installer/icons/favicon.ico +0 -0
  41. package/installer/icons/favicon.png +0 -0
  42. package/installer/mac/entitlements.mac.plist +0 -16
  43. package/lib/common/device-streams-store.d.ts +0 -34
  44. package/lib/common/device-streams-store.js +0 -403
  45. package/lib/fragments/participant/context.d.ts +0 -3
  46. package/lib/fragments/participant/context.js +0 -9
  47. package/lib/fragments/participant/index.css +0 -20
  48. package/lib/fragments/participant/index.d.ts +0 -9
  49. package/lib/fragments/participant/index.js +0 -90
  50. package/lib/fragments/participant/room-control-drop-menu/index.css +0 -19
  51. package/lib/fragments/participant/room-control-drop-menu/index.d.ts +0 -2
  52. package/lib/fragments/participant/room-control-drop-menu/index.js +0 -134
  53. package/lib/fragments/participant/store.d.ts +0 -34
  54. package/lib/fragments/participant/store.js +0 -326
  55. package/lib/fragments/participant/view.d.ts +0 -2
  56. package/lib/fragments/participant/view.js +0 -86
  57. package/lib/fragments/state-bar/index.d.ts +0 -9
  58. package/lib/fragments/state-bar/index.js +0 -68
  59. package/lib/fragments/type.d.ts +0 -2
  60. package/lib/fragments/type.js +0 -6
  61. package/lib/modules/connection-gateway/components/computer/menu.d.ts +0 -0
  62. package/lib/modules/connection-gateway/components/computer/menu.js +0 -1
  63. package/lib/modules/device-settings/audio-settings/audio-settings.d.ts +0 -4
  64. package/lib/modules/device-settings/audio-settings/audio-settings.js +0 -297
  65. package/lib/modules/device-settings/audio-settings/index.css +0 -139
  66. package/lib/modules/device-settings/audio-settings/microphone-detection.d.ts +0 -2
  67. package/lib/modules/device-settings/audio-settings/microphone-detection.js +0 -68
  68. package/lib/modules/device-settings/audio-settings/speaker-detection.d.ts +0 -2
  69. package/lib/modules/device-settings/audio-settings/speaker-detection.js +0 -72
  70. package/lib/modules/device-settings/common/advance-link.d.ts +0 -3
  71. package/lib/modules/device-settings/common/advance-link.js +0 -27
  72. package/lib/modules/device-settings/common/index.css +0 -26
  73. package/lib/modules/device-settings/common/useNamespace.d.ts +0 -15
  74. package/lib/modules/device-settings/common/useNamespace.js +0 -66
  75. package/lib/modules/device-settings/context.d.ts +0 -3
  76. package/lib/modules/device-settings/context.js +0 -9
  77. package/lib/modules/device-settings/dialog-wrapper.d.ts +0 -2
  78. package/lib/modules/device-settings/dialog-wrapper.js +0 -110
  79. package/lib/modules/device-settings/general-settings/general-settings.d.ts +0 -4
  80. package/lib/modules/device-settings/general-settings/general-settings.js +0 -66
  81. package/lib/modules/device-settings/general-settings/index.css +0 -26
  82. package/lib/modules/device-settings/index.css +0 -109
  83. package/lib/modules/device-settings/index.d.ts +0 -21
  84. package/lib/modules/device-settings/index.dev.js +0 -112
  85. package/lib/modules/device-settings/index.js +0 -84
  86. package/lib/modules/device-settings/state/index.css +0 -211
  87. package/lib/modules/device-settings/state/index.d.ts +0 -4
  88. package/lib/modules/device-settings/state/index.js +0 -330
  89. package/lib/modules/device-settings/storage-settings/index.css +0 -91
  90. package/lib/modules/device-settings/storage-settings/storage-settings.d.ts +0 -3
  91. package/lib/modules/device-settings/storage-settings/storage-settings.js +0 -84
  92. package/lib/modules/device-settings/store.d.ts +0 -205
  93. package/lib/modules/device-settings/store.js +0 -1035
  94. package/lib/modules/device-settings/video-settings/camera-select.d.ts +0 -2
  95. package/lib/modules/device-settings/video-settings/camera-select.js +0 -51
  96. package/lib/modules/device-settings/video-settings/index.css +0 -327
  97. package/lib/modules/device-settings/video-settings/local-video-player.d.ts +0 -3
  98. package/lib/modules/device-settings/video-settings/local-video-player.js +0 -37
  99. package/lib/modules/device-settings/video-settings/mirror-toggle.d.ts +0 -2
  100. package/lib/modules/device-settings/video-settings/mirror-toggle.js +0 -62
  101. package/lib/modules/device-settings/video-settings/video-settings-basic.d.ts +0 -9
  102. package/lib/modules/device-settings/video-settings/video-settings-basic.js +0 -177
  103. package/lib/modules/device-settings/video-settings/video-settings.d.ts +0 -6
  104. package/lib/modules/device-settings/video-settings/video-settings.js +0 -185
  105. package/lib/modules/device-settings/view.d.ts +0 -10
  106. package/lib/modules/device-settings/view.js +0 -193
  107. package/lib/modules/layout/components/UserWindow.d.ts +0 -8
  108. package/lib/modules/layout/components/UserWindow.js +0 -513
  109. package/lib/modules/layout/hooks.d.ts +0 -14
  110. package/lib/modules/layout/hooks.js +0 -48
  111. package/lib/modules/share-screen/context.d.ts +0 -3
  112. package/lib/modules/share-screen/context.js +0 -9
  113. package/lib/modules/whiteboard/i18n/config.d.ts +0 -1
  114. package/lib/modules/whiteboard/i18n/config.js +0 -15
  115. package/lib/modules/whiteboard/i18n/en/index.d.ts +0 -32
  116. package/lib/modules/whiteboard/i18n/en/index.js +0 -38
  117. package/lib/modules/whiteboard/i18n/zh/index.d.ts +0 -32
  118. package/lib/modules/whiteboard/i18n/zh/index.js +0 -38
  119. /package/lib/{modules/device-settings/index.dev.d.ts → electron/preload.d.ts} +0 -0
@@ -1,15 +0,0 @@
1
- export declare const useNamespace: (block: string) => {
2
- namespace: string;
3
- b: (blockSuffix?: string) => string;
4
- e: (element?: string) => string;
5
- m: (modifier?: string) => string;
6
- be: (blockSuffix?: string, element?: string) => string;
7
- em: (element?: string, modifier?: string) => string;
8
- bm: (blockSuffix?: string, modifier?: string) => string;
9
- bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
10
- is: {
11
- (name: string, state: boolean | undefined): string;
12
- (name: string): string;
13
- };
14
- };
15
- export type UseNamespaceReturn = ReturnType<typeof useNamespace>;
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.define-property.js");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useNamespace = void 0;
8
- require("core-js/modules/es.array.concat.js");
9
- var defaultNamespace = 'fcr';
10
- var statePrefix = 'is-';
11
- var _bem = function _bem(namespace, block, blockSuffix, element, modifier) {
12
- var cls = "".concat(namespace, "-").concat(block);
13
- if (blockSuffix) {
14
- cls += "-".concat(blockSuffix);
15
- }
16
- if (element) {
17
- cls += "__".concat(element);
18
- }
19
- if (modifier) {
20
- cls += "--".concat(modifier);
21
- }
22
- return cls;
23
- };
24
- var useNamespace = exports.useNamespace = function useNamespace(block) {
25
- var namespace = defaultNamespace;
26
- var b = function b() {
27
- var blockSuffix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
28
- return _bem(namespace, block, blockSuffix, '', '');
29
- };
30
- var e = function e(element) {
31
- return element ? _bem(namespace, block, '', element, '') : '';
32
- };
33
- var m = function m(modifier) {
34
- return modifier ? _bem(namespace, block, '', '', modifier) : '';
35
- };
36
- var be = function be(blockSuffix, element) {
37
- return blockSuffix && element ? _bem(namespace, block, blockSuffix, element, '') : '';
38
- };
39
- var em = function em(element, modifier) {
40
- return element && modifier ? _bem(namespace, block, '', element, modifier) : '';
41
- };
42
- var bm = function bm(blockSuffix, modifier) {
43
- return blockSuffix && modifier ? _bem(namespace, block, blockSuffix, '', modifier) : '';
44
- };
45
- var bem = function bem(blockSuffix, element, modifier) {
46
- return blockSuffix && element && modifier ? _bem(namespace, block, blockSuffix, element, modifier) : '';
47
- };
48
- var is = function is(name) {
49
- for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
50
- args[_key - 1] = arguments[_key];
51
- }
52
- var state = args.length >= 1 ? args[0] : true;
53
- return name && state ? "".concat(statePrefix).concat(name) : '';
54
- };
55
- return {
56
- namespace: namespace,
57
- b: b,
58
- e: e,
59
- m: m,
60
- be: be,
61
- em: em,
62
- bm: bm,
63
- bem: bem,
64
- is: is
65
- };
66
- };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import DeviceSettingsStore from './store';
3
- export declare const StoreContext: import("react").Context<DeviceSettingsStore>;
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.define-property.js");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.StoreContext = void 0;
8
- var _react = require("react");
9
- var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);
@@ -1,2 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
- export declare const DialogWrapper: (props: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
@@ -1,110 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.define-property.js");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DialogWrapper = void 0;
8
- require("core-js/modules/web.timers.js");
9
- var _react = require("react");
10
- var _i18n = require("agora-ui-foundation/lib/i18n");
11
- var _dialog = require("agora-ui-foundation/lib/components/dialog");
12
- var _icon = require("agora-ui-foundation/lib/components/icon");
13
- var _type = require("agora-ui-foundation/lib/components/icon/type");
14
- var _useNamespace = require("./common/useNamespace");
15
- var _mobxReact = require("mobx-react");
16
- var _context = require("./context");
17
- var _env = require("agora-foundation/lib/utilities/env");
18
- var _jsxRuntime = require("react/jsx-runtime");
19
- var scrollAndHighlightElement = function scrollAndHighlightElement(element) {
20
- if (!element) return;
21
- element.scrollIntoView({
22
- behavior: 'smooth',
23
- block: 'center'
24
- });
25
- var animation = element.animate([{
26
- offset: 0,
27
- background: 'var(--fcr_ui_scene_ramp_brand2)'
28
- }, {
29
- offset: 0.5 / 3,
30
- background: 'var(--fcr_ui_scene_ramp_brand2)'
31
- }, {
32
- offset: 1 / 3,
33
- background: 'var(--fcr_ui_scene_ramp_brand1)'
34
- }, {
35
- offset: 1.5 / 3,
36
- background: 'var(--fcr_ui_scene_ramp_brand2)'
37
- }, {
38
- offset: 2 / 3,
39
- background: 'var(--fcr_ui_scene_ramp_brand2)'
40
- }, {
41
- offset: 1,
42
- background: 'transparent'
43
- }], {
44
- duration: 3000,
45
- iterations: 1
46
- });
47
- animation.onfinish = function () {
48
- animation.cancel();
49
- };
50
- };
51
- var DialogWrapper = exports.DialogWrapper = (0, _mobxReact.observer)(function (props) {
52
- var t = (0, _i18n.useI18n)();
53
- var ns = (0, _useNamespace.useNamespace)('device-settings');
54
- var containerRef = (0, _react.useRef)(null);
55
- var _useContext = (0, _react.useContext)(_context.StoreContext),
56
- dialogConfig = _useContext.dialogConfig,
57
- setDialogConfig = _useContext.setDialogConfig,
58
- closeDialog = _useContext.closeDialog;
59
- (0, _react.useEffect)(function () {
60
- if (!dialogConfig.highlightSelector || !containerRef) return;
61
- var timer = setTimeout(function () {
62
- var element = containerRef.current.querySelector("#".concat(dialogConfig.highlightSelector || ''));
63
- scrollAndHighlightElement(element);
64
- setDialogConfig({
65
- highlightSelector: undefined
66
- });
67
- }, 100);
68
- return function () {
69
- clearTimeout(timer);
70
- };
71
- }, [dialogConfig.highlightSelector]);
72
- var onClose = function onClose() {
73
- closeDialog();
74
- };
75
- if ((0, _env.isElectron)()) {
76
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
77
- ref: containerRef,
78
- children: props.children
79
- });
80
- }
81
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
82
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dialog.BaseDialog, {
83
- destroyOnClose: true,
84
- width: 530,
85
- wrapClassName: ns.e('dialog'),
86
- visible: true,
87
- maskClosable: false,
88
- closable: false,
89
- onClose: onClose,
90
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
91
- className: ns.e('dialog-header'),
92
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
93
- className: ns.e('dialog-title'),
94
- children: t('settings')
95
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
96
- onClick: onClose,
97
- className: ns.e('dialog-close'),
98
- type: _type.FcrIconType.FCR_CLOSE,
99
- colors: {
100
- iconPrimary: 'var(--fcr_ui_scene_icontext1)'
101
- },
102
- size: 14
103
- })]
104
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
105
- ref: containerRef,
106
- children: props.children
107
- })]
108
- })
109
- });
110
- });
@@ -1,4 +0,0 @@
1
- import { FC } from 'react';
2
- import './index.css';
3
- export declare const GeneralSettings: FC;
4
- export default GeneralSettings;
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.define-property.js");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.GeneralSettings = void 0;
8
- var _react = require("react");
9
- var _i18n = require("agora-ui-foundation/lib/i18n");
10
- var _useNamespace = require("../common/useNamespace");
11
- require("./index.css");
12
- var _mobxReact = require("mobx-react");
13
- var _context = require("../context");
14
- var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
15
- var _icon = require("agora-ui-foundation/lib/components/icon");
16
- var _type = require("agora-ui-foundation/lib/components/icon/type");
17
- var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
18
- var _jsxRuntime = require("react/jsx-runtime");
19
- var GeneralSettings = exports.GeneralSettings = (0, _mobxReact.observer)(function () {
20
- var ns = (0, _useNamespace.useNamespace)('general-settings');
21
- var t = (0, _i18n.useI18n)();
22
- var _useContext = (0, _react.useContext)(_context.StoreContext),
23
- setting = _useContext.setting,
24
- setSetting = _useContext.setSetting;
25
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
26
- className: ns.b(),
27
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
28
- className: ns.e('basic-form'),
29
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
30
- size: "small",
31
- label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
32
- className: ns.e('spotlight-label'),
33
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
34
- children: t('video_basic_settings_5')
35
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
36
- trigger: "hover",
37
- placement: "top",
38
- content: '启语音激励后,会优先显示正在说话的与会成员。',
39
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
40
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
41
- type: _type.FcrIconType.FCR_HELPQUESTION,
42
- size: 16
43
- })
44
- })
45
- })]
46
- }),
47
- checked: setting.spotlightEnabled,
48
- onChange: function onChange(v) {
49
- return setSetting({
50
- spotlightEnabled: v
51
- });
52
- }
53
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
54
- size: "small",
55
- label: t('video_basic_settings_3'),
56
- checked: setting.shouldHideNonVideoParticipants,
57
- onChange: function onChange(v) {
58
- return setSetting({
59
- shouldHideNonVideoParticipants: v
60
- });
61
- }
62
- })]
63
- })
64
- });
65
- });
66
- var _default = exports["default"] = GeneralSettings;
@@ -1,26 +0,0 @@
1
- .fcr-general-settings__basic-form {
2
- margin-top: 10px;
3
- margin-bottom: 10px;
4
- border-radius: var(--fcr_cornerradius_s);
5
- width: 100%;
6
- padding: 10px;
7
- background: var(--fcr_mobile_ui_scene_color_popup_block5);
8
- }
9
-
10
- .fcr-general-settings__basic-form:first-child {
11
- margin-top: 12px;
12
- }
13
-
14
- .fcr-general-settings__basic-form .fcr-checkbox {
15
- height: 32px;
16
- }
17
-
18
- .fcr-general-settings__basic-form.fcr-video-settings__max-person-form {
19
- padding: 5px 10px;
20
- }
21
- .fcr-general-settings__basic-form .fcr-general-settings__spotlight-label {
22
- display: flex;
23
- align-items: center;
24
- justify-content: center;
25
- gap: 5px;
26
- }
@@ -1,109 +0,0 @@
1
- .fcr-device-settings__dialog .fcr-dialog-body {
2
- padding: 0;
3
- }
4
-
5
- .fcr-device-settings__dialog .fcr-dialog-content {
6
- overflow-y: hidden;
7
- }
8
-
9
- .fcr-device-settings__dialog-header {
10
- position: relative;
11
- height: 46px;
12
- display: flex;
13
- justify-content: center;
14
- align-items: center;
15
- }
16
-
17
- .fcr-device-settings__dialog-title {
18
- font-size: 14px;
19
- line-height: 100%;
20
- font-weight: 800;
21
- color: var(--fcr_ui_scene_icontext1);
22
- }
23
-
24
- .fcr-device-settings__dialog-close {
25
- position: absolute;
26
- right: 12px;
27
- top: calc(50% - 7px);
28
- cursor: pointer;
29
- }
30
-
31
- .fcr-device-settings {
32
- border-top: 1px solid var(--fcr_ui_scene_line1);
33
- display: flex;
34
- width: 100%;
35
- min-width: 580px;
36
- }
37
-
38
- .fcr-device-settings__nav {
39
- flex: 0 0 190px;
40
- border-right: 1px solid var(--fcr_ui_scene_line1);
41
- padding: 10px 6px 0;
42
- }
43
-
44
- .fcr-device-settings__nav-list-item {
45
- border-radius: var(--fcr_cornerradius_xs);
46
- width: 100%;
47
- height: 44px;
48
- padding-left: 14px;
49
- font-size: 14px;
50
- line-height: 1;
51
- color: var(--fcr_ui_scene_icontext1);
52
- cursor: pointer;
53
- transition: all 0.2s ease;
54
- display: flex;
55
- align-items: center;
56
- column-gap: 12px;
57
- }
58
-
59
- /* TODO: hover 样式 */
60
- .fcr-device-settings__nav-list-item:hover {
61
- color: var(--fcr_web_ui_scene_mainicon2);
62
- }
63
-
64
- .fcr-device-settings__nav-list-item.is-active {
65
- color: var(--fcr_web_ui_scene_mainicon2);
66
- background: var(--fcr_web_ui_scene_hover);
67
- }
68
-
69
- .fcr-device-settings__surrounding {
70
- border-radius: var(--fcr_cornerradius_xs);
71
- }
72
-
73
- /* TODO: css 变量 */
74
- .fcr-device-settings__surrounding--green {
75
- background: #83bc53;
76
- }
77
-
78
- /* TODO: css 变量 */
79
- .fcr-device-settings__surrounding--purple {
80
- background: #7c79ff;
81
- }
82
-
83
- /* TODO: css 变量 */
84
- .fcr-device-settings__surrounding--storage {
85
- background: #6fcfa2;
86
- }
87
-
88
- .fcr-device-settings__surrounding--blue {
89
- background: #5765ff;
90
- }
91
- .fcr-device-settings__surrounding--orange {
92
- background: var(--fcr_orange6);
93
- }
94
- .fcr-device-settings__tab-content-wrapper {
95
- flex: 1 1 auto;
96
- padding: 15px 15px 30px;
97
- /* min-height: 200px; */
98
- /* max-height: 454px; */
99
- height: 548px;
100
- overflow-y: auto;
101
- }
102
-
103
- .fcr-device-settings__tab-content-wrapper.is-tab-content-video-wrapper {
104
- overflow: hidden;
105
- }
106
-
107
- /* .fcr-device-settings__tab-content-wrapper.is-electron {
108
- height: auto;
109
- } */
@@ -1,21 +0,0 @@
1
- import { FcrDesktopMediaControl, FcrMainRoomControl, FcrStreamControl } from 'agora-edu-core';
2
- import { UIModule } from '../../base';
3
- import './index.css';
4
- import { FcrUIEventStore } from '../../common/event-store';
5
- import { FcrDeviceStore } from '../../common/device-store';
6
- import { FcrMonitorControl } from 'agora-edu-core';
7
- import { FcrUISceneConfig } from '../../type';
8
- export declare class DeviceSettingsUIModule extends UIModule {
9
- private _store;
10
- constructor(args: {
11
- mediaControl: FcrDesktopMediaControl;
12
- config: FcrUISceneConfig;
13
- uiEventStore: FcrUIEventStore;
14
- monitorControl: FcrMonitorControl;
15
- streamControl: FcrStreamControl;
16
- roomControl: FcrMainRoomControl;
17
- deviceStore: FcrDeviceStore;
18
- });
19
- getComponent(): import("react/jsx-runtime").JSX.Element;
20
- protected onUnload(): void;
21
- }
@@ -1,112 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
5
- require("core-js/modules/es.array.join.js");
6
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
7
- var _ = require(".");
8
- var _reactDom = _interopRequireDefault(require("react-dom"));
9
- var _root = require("react-hot-loader/root");
10
- var _hooks = require("../../utilities/hooks");
11
- var _eventStore = require("../../common/event-store");
12
- var _securityStore = require("../../common/security-store");
13
- var _type = require("../../type");
14
- var _deviceStore = require("../../common/device-store");
15
- var _agoraRteSdk = require("agora-rte-sdk");
16
- var _jsxRuntime = require("react/jsx-runtime");
17
- var App = (0, _root.hot)(function () {
18
- return null;
19
- });
20
- _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
21
- window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
22
- var engine, roomId, roomControl, userName, uiEventStore, securityStore, deviceStore, uiModule, App;
23
- return _regenerator["default"].wrap(function _callee$(_context) {
24
- while (1) switch (_context.prev = _context.next) {
25
- case 0:
26
- engine = window.__DEV_ENGINE__;
27
- roomId = window.__DEV_ROOM_ID__;
28
- _context.next = 4;
29
- return engine.login();
30
- case 4:
31
- roomControl = engine.createRoomControl(roomId);
32
- userName = 'test-user';
33
- _context.next = 8;
34
- return roomControl.join({
35
- userRole: _type.FcrUserRole.HOST,
36
- userName: userName,
37
- streamLatency: _type.FcrStreamLatencyLevel.ULTRA_LOW,
38
- createStreamConfigs: []
39
- });
40
- case 8:
41
- uiEventStore = new _eventStore.FcrUIEventStore();
42
- securityStore = new _securityStore.FcrSecurityStore(roomControl.getPrivilegeControl(), roomControl.getUserControl(), roomControl.getStreamControl(), roomControl.getRoomSessionControl(), uiEventStore);
43
- deviceStore = new _deviceStore.FcrDeviceStore(userName, engine.getMediaControl());
44
- uiModule = new _.DeviceSettingsUIModule({
45
- mediaControl: engine.getMediaControl(),
46
- config: {
47
- userName: 'lxy',
48
- appId: '',
49
- token: '',
50
- region: _agoraRteSdk.AgoraRteRegion.CN,
51
- roomId: '',
52
- userId: '',
53
- userRole: _type.FcrUserRole.HOST,
54
- streamLatency: _type.FcrStreamLatencyLevel.LOW,
55
- dualCameraVideoStreamConfig: {
56
- highVideoEncoderConfig: {
57
- dimensions: {
58
- width: 0,
59
- height: 0
60
- },
61
- frameRate: 0,
62
- bitrate: 0
63
- },
64
- lowVideoEncoderConfig: {
65
- dimensions: {
66
- width: 0,
67
- height: 0
68
- },
69
- frameRate: 0,
70
- bitrate: 0
71
- },
72
- enableDualStreamMode: false
73
- },
74
- dualScreenVideoStreamConfig: {
75
- highVideoEncoderConfig: {
76
- dimensions: {
77
- width: 0,
78
- height: 0
79
- },
80
- frameRate: 0,
81
- bitrate: 0
82
- },
83
- lowVideoEncoderConfig: {
84
- dimensions: {
85
- width: 0,
86
- height: 0
87
- },
88
- frameRate: 0,
89
- bitrate: 0
90
- },
91
- enableDualStreamMode: false
92
- }
93
- },
94
- uiEventStore: uiEventStore,
95
- deviceStore: deviceStore,
96
- monitorControl: engine.getMonitorControl(),
97
- streamControl: roomControl.getStreamControl(),
98
- roomControl: roomControl
99
- });
100
- App = (0, _root.hot)(function () {
101
- (0, _hooks.useUnmount)(function () {
102
- uiModule.release();
103
- });
104
- return uiModule.getComponent();
105
- });
106
- _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
107
- case 14:
108
- case "end":
109
- return _context.stop();
110
- }
111
- }, _callee);
112
- })));
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.symbol.js");
4
- require("core-js/modules/es.symbol.description.js");
5
- require("core-js/modules/es.symbol.to-primitive.js");
6
- require("core-js/modules/es.error.cause.js");
7
- require("core-js/modules/es.error.to-string.js");
8
- require("core-js/modules/es.array.is-array.js");
9
- require("core-js/modules/es.array.iterator.js");
10
- require("core-js/modules/es.array.push.js");
11
- require("core-js/modules/es.date.to-primitive.js");
12
- require("core-js/modules/es.function.bind.js");
13
- require("core-js/modules/es.function.name.js");
14
- require("core-js/modules/es.map.js");
15
- require("core-js/modules/es.number.constructor.js");
16
- require("core-js/modules/es.object.create.js");
17
- require("core-js/modules/es.object.define-property.js");
18
- require("core-js/modules/es.object.get-own-property-descriptor.js");
19
- require("core-js/modules/es.object.to-string.js");
20
- require("core-js/modules/es.reflect.construct.js");
21
- require("core-js/modules/es.string.iterator.js");
22
- require("core-js/modules/web.dom-collections.iterator.js");
23
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
24
- var _typeof = require("@babel/runtime/helpers/typeof");
25
- Object.defineProperty(exports, "__esModule", {
26
- value: true
27
- });
28
- exports.DeviceSettingsUIModule = void 0;
29
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
30
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
31
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
32
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
33
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
34
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
35
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
36
- var _decorator = require("agora-foundation/lib/decorator");
37
- var _base = require("../../base");
38
- var _dialogWrapper = require("./dialog-wrapper");
39
- require("./index.css");
40
- var _view = require("./view");
41
- var _context = require("./context");
42
- var _store = _interopRequireDefault(require("./store"));
43
- var _jsxRuntime = require("react/jsx-runtime");
44
- var _DeviceSettingsUIModule;
45
- var _initProto;
46
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
47
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
48
- function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
49
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
50
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
51
- function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
52
- function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
53
- var DeviceSettingsUIModule = exports.DeviceSettingsUIModule = /*#__PURE__*/function (_UIModule) {
54
- function DeviceSettingsUIModule(args) {
55
- var _this;
56
- (0, _classCallCheck2["default"])(this, DeviceSettingsUIModule);
57
- _this = _callSuper(this, DeviceSettingsUIModule);
58
- (0, _defineProperty2["default"])(_this, "_store", void _initProto(_this));
59
- _this._store = new _store["default"](args);
60
- return _this;
61
- }
62
- (0, _inherits2["default"])(DeviceSettingsUIModule, _UIModule);
63
- return (0, _createClass2["default"])(DeviceSettingsUIModule, [{
64
- key: "getComponent",
65
- value: function getComponent() {
66
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
67
- value: this._store,
68
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogWrapper.DialogWrapper, {
69
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.DeviceSettingsView, {})
70
- })
71
- });
72
- }
73
- }, {
74
- key: "onUnload",
75
- value: function onUnload() {
76
- this._store.release();
77
- }
78
- }]);
79
- }(_base.UIModule);
80
- _DeviceSettingsUIModule = DeviceSettingsUIModule;
81
- var _applyDecs$e = _applyDecs(_DeviceSettingsUIModule, [[_decorator.bound, 2, "getComponent"]], [], 0, void 0, _base.UIModule).e;
82
- var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 1);
83
- _initProto = _applyDecs$e2[0];
84
- _applyDecs$e;