@100mslive/roomkit-react 0.5.2 → 0.5.3-alpha.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.
- package/dist/Prebuilt/components/PIP/PIPManager.d.ts +13 -0
- package/dist/Prebuilt/components/PIP/pipMessageUtils.d.ts +29 -0
- package/dist/index.cjs.css +1 -1
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +202 -22
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +244 -57
- package/dist/index.js.map +4 -4
- package/dist/meta.cjs.json +45 -16
- package/dist/meta.esbuild.json +47 -18
- package/package.json +9 -9
package/dist/index.js
CHANGED
|
@@ -37,11 +37,20 @@ var __objRest = (source, exclude) => {
|
|
|
37
37
|
}
|
|
38
38
|
return target;
|
|
39
39
|
};
|
|
40
|
-
var __esm = (fn, res) => function __init() {
|
|
41
|
-
|
|
40
|
+
var __esm = (fn, res, err) => function __init() {
|
|
41
|
+
if (err) throw err[0];
|
|
42
|
+
try {
|
|
43
|
+
return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
|
|
44
|
+
} catch (e) {
|
|
45
|
+
throw err = [e], e;
|
|
46
|
+
}
|
|
42
47
|
};
|
|
43
48
|
var __commonJS = (cb, mod) => function __require() {
|
|
44
|
-
|
|
49
|
+
try {
|
|
50
|
+
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
51
|
+
} catch (e) {
|
|
52
|
+
throw mod = 0, e;
|
|
53
|
+
}
|
|
45
54
|
};
|
|
46
55
|
var __export = (target, all) => {
|
|
47
56
|
for (var name in all)
|
|
@@ -93,7 +102,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
93
102
|
var define_process_env_default;
|
|
94
103
|
var init_define_process_env = __esm({
|
|
95
104
|
"<define:process.env>"() {
|
|
96
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_db797efa-b66d-4848-9819-e1d982df2216", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.13", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.2.2", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.15.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.12.2", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_db797efa-b66d-4848-9819-e1d982df2216", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.15.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.15.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.5.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "2068", ACTIONS_ORCHESTRATION_ID: "757b2d91-daf7-4a77-8ce2-61498023b10a.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.3", npm_package_scripts_postinstall: "husky install", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260513.135.3", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.12/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.12/x64", JOURNAL_STREAM: "9:14360", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.5.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.10/x64", GITHUB_RUN_ID: "26182512235", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "5eca9dfb86d45911a83ab247dd17f35c9ffb4624", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.14.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "17537937963817537172", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJQZXJtaXNzaW9uXCI6M31dIiwiYWNzbCI6IjEwIiwiYXVkIjoidnNvOjVlMTJlMDA5LWRkMDEtNGNjYy05ZTg5LTQ1MjMwMjUwM2RiNSIsImJpbGxpbmdfb3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJleHAiOjE3NzkzMjQ1MzYsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcHJpbWFyeXNpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImlhdCI6MTc3OTMwMjMzNiwiaXNzIjoiaHR0cHM6Ly90b2tlbi5hY3Rpb25zLmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImpvYl9pZCI6ImQ5ZGE5ZmNmLWMyMWYtNTUxZi1hZTcwLTYxMDI5MjEzYTJmYSIsIm5hbWVpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsIm5iZiI6MTc3OTMwMjAzNiwib2lkY19leHRyYSI6IntcImFjdG9yXCI6XCJjeXJpbC1rLTAzMTIyNVwiLFwiYWN0b3JfaWRcIjpcIjI0NzU0Mzk0NlwiLFwiYmFzZV9yZWZcIjpcIlwiLFwiY2hlY2tfcnVuX2lkXCI6XCI3NzAyOTEyODM5MlwiLFwiZXZlbnRfbmFtZVwiOlwid29ya2Zsb3dfZGlzcGF0Y2hcIixcImhlYWRfcmVmXCI6XCJcIixcImpvYl93b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL21haW5cIixcImpvYl93b3JrZmxvd19zaGFcIjpcIjVlY2E5ZGZiODZkNDU5MTFhODNhYjI0N2RkMTdmMzVjOWZmYjQ2MjRcIixcInJlZlwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJyZWZfcHJvdGVjdGVkXCI6XCJ0cnVlXCIsXCJyZWZfdHlwZVwiOlwiYnJhbmNoXCIsXCJyZXBvc2l0b3J5XCI6XCIxMDBtc2xpdmUvd2ViLXNka3NcIixcInJlcG9zaXRvcnlfaWRcIjpcIjQyOTgyNjUxNVwiLFwicmVwb3NpdG9yeV9vd25lclwiOlwiMTAwbXNsaXZlXCIsXCJyZXBvc2l0b3J5X293bmVyX2lkXCI6XCI3Mzg4MzEzMVwiLFwicmVwb3NpdG9yeV92aXNpYmlsaXR5XCI6XCJwdWJsaWNcIixcInJ1bl9hdHRlbXB0XCI6XCIxXCIsXCJydW5faWRcIjpcIjI2MTgyNTEyMjM1XCIsXCJydW5fbnVtYmVyXCI6XCI4MzlcIixcInJ1bm5lcl9lbnZpcm9ubWVudFwiOlwiZ2l0aHViLWhvc3RlZFwiLFwic2hhXCI6XCI1ZWNhOWRmYjg2ZDQ1OTExYTgzYWIyNDdkZDE3ZjM1YzlmZmI0NjI0XCIsXCJ3b3JrZmxvd1wiOlwiUHVibGlzaCBQYWNrYWdlc1wiLFwid29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluXCIsXCJ3b3JrZmxvd19zaGFcIjpcIjVlY2E5ZGZiODZkNDU5MTFhODNhYjI0N2RkMTdmMzVjOWZmYjQ2MjRcIn0iLCJvaWRjX3N1YiI6InJlcG86MTAwbXNsaXZlL3dlYi1zZGtzOnJlZjpyZWZzL2hlYWRzL21haW4iLCJvcmNoX2lkIjoiNzU3YjJkOTEtZGFmNy00YTc3LThjZTItNjE0OTgwMjNiMTBhLnB1Ymxpc2hfcGFja2FnZXMuX19kZWZhdWx0Iiwib3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJwbGFuX2lkIjoiNzU3YjJkOTEtZGFmNy00YTc3LThjZTItNjE0OTgwMjNiMTBhIiwicmVwb3NpdG9yeV9pZCI6IjQyOTgyNjUxNSIsInJlcG9zaXRvcnlfb3duZXJfaWQiOiI3Mzg4MzEzMSIsInJlcG9zaXRvcnlfdmlzaWJpbGl0eSI6InB1YmxpYyIsInJ1bl9pZCI6IjI2MTgyNTEyMjM1IiwicnVuX251bWJlciI6IjgzOSIsInJ1bl90eXBlIjoiZnVsbCIsInJ1bm5lcl9pZCI6IjEwMDAzNjE5MjUiLCJydW5uZXJfdHlwZSI6Imhvc3RlZCIsInNjcCI6IkFjdGlvbnMuUmVzdWx0czo3NTdiMmQ5MS1kYWY3LTRhNzctOGNlMi02MTQ5ODAyM2IxMGE6ZDlkYTlmY2YtYzIxZi01NTFmLWFlNzAtNjEwMjkyMTNhMmZhIEFjdGlvbnMuUnVubmVyOjc1N2IyZDkxLWRhZjctNGE3Ny04Y2UyLTYxNDk4MDIzYjEwYTpkOWRhOWZjZi1jMjFmLTU1MWYtYWU3MC02MTAyOTIxM2EyZmEgQWN0aW9ucy5VcGxvYWRBcnRpZmFjdHM6NzU3YjJkOTEtZGFmNy00YTc3LThjZTItNjE0OTgwMjNiMTBhOmQ5ZGE5ZmNmLWMyMWYtNTUxZi1hZTcwLTYxMDI5MjEzYTJmYSBnZW5lcmF0ZV9pZF90b2tlbjo3NTdiMmQ5MS1kYWY3LTRhNzctOGNlMi02MTQ5ODAyM2IxMGE6ZDlkYTlmY2YtYzIxZi01NTFmLWFlNzAtNjEwMjkyMTNhMmZhIEFjdGlvbnMuR2VuZXJpY1JlYWQ6MDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAwIiwic2hhIjoiNWVjYTlkZmI4NmQ0NTkxMWE4M2FiMjQ3ZGQxN2YzNWM5ZmZiNDYyNCIsInRydXN0X3RpZXIiOiIxIn0.qkXJF2NdyXE3Vy2f0icbOvw3jzGPmNnee3TCO2AOo0zo2Qa2cdQFzaaT2GyfuWid-pkKGi7bmBj8PqRm9N9p7TvaLqXrjMseP5pXkPKZ1Z-MNKgCyZFQNYfhT97DGOEy2rEs-lRq1G4qqDsVSlW77idegNb6t3SIOxkoGuQRxItgwtd8IygpLwa6s63ZztlbwgXadiI5fn8svrNc9ZTbshYRqvjxu24hVYStkOoOc_2tXnmhSx4JMSJYnXQhnS5hSMgyVIiEC4Lc22E4lh4QAQ62PYAWX1dHFPUMqoLeUgTD-_7HNioJZzyUbuUuAMw4DWmU5y7fn_FvzONJ_1tH9g", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1779302397051-0.41077888945797103:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.15.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1779302396879-0.5068959794683833:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.15.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1779302377597-0.4491567392544874:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.15.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1779302377432-0.07946300514110849:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.15.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.15.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/24.15.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_477f0491-523f-405e-b73e-781c19de2953", INVOCATION_ID: "6786e61a22f94247bc14ae44ff1b0736", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "839", GITHUB_TRIGGERING_ACTOR: "cyril-k-031225", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 1000361925", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_resolutions_ip_address: "^10.2.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.12.2", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.5.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.2", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "5eca9dfb86d45911a83ab247dd17f35c9ffb4624", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.4", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "cyril-k-031225", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_db797efa-b66d-4848-9819-e1d982df2216", JAVA_HOME: "/usr/lib/jvm/temurin-17-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "247543946", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-3-azure-eastus.actions.githubusercontent.com/57//idtoken/757b2d91-daf7-4a77-8ce2-61498023b10a/d9da9fcf-c21f-551f-ae70-61029213a2fa?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_db797efa-b66d-4848-9819-e1d982df2216", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.1.1", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.27.4", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_14.6.0", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_db797efa-b66d-4848-9819-e1d982df2216", npm_package_resolutions_sass: "^1.83.0" };
|
|
105
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", npm_package_resolutions_js_cookie: "^3.0.7", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", DOTNET_NOLOGO: "1", npm_package_resolutions_tar: "^7.5.13", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.2.3-alpha.1", USER: "runner", npm_package_resolutions_picomatch: "^2.3.2", npm_package_resolutions__octokit_request: "^8.4.1", npm_package_devDependencies_jest: "^29.7.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v24.16.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_resolutions____babel_plugin_istanbul_test_exclude_minimatch: "^3.1.4", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.12.3-alpha.1", USE_BAZEL_FALLBACK_VERSION: "silent:", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/24.16.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.15.3-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_resolutions_shell_quote: "^1.8.4", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_resolutions__babel_runtime: "^7.29.2", npm_package_resolutions__tldraw_tldraw__radix_ui_react_dialog: "1.0.5", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_resolutions_____nx_devkit_minimatch: "^9.0.7", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-9.5.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/29.0.14206865", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-Linux", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_resolutions__isaacs_brace_expansion: "^5.0.1", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", SYSTEMD_EXEC_PID: "2040", ACTIONS_ORCHESTRATION_ID: "23a642ca-ce3b-49d2-9d6a-83f61f4cf8fe.publish_packages.__default", npm_package_resolutions_tmp: "^0.2.6", npm_package_scripts_postinstall: "husky install", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", JAVA_HOME_25_X64: "/usr/lib/jvm/temurin-25-jdk-amd64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_resolutions____typedoc_minimatch: "^9.0.7", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20260615.205.1", npm_package_resolutions__babel_plugin_transform_modules_systemjs: "^7.29.4", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^29.7.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", LOGNAME: "runner", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.12/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.1.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.12/x64", JOURNAL_STREAM: "9:11230", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "^29.1.1", npm_package_devDependencies_lerna: "^9.0.7", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^19.6.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/hosted-compute-agent.service/memory.pressure", GOROOT_1_24_X64: "/opt/hostedtoolcache/go/1.24.13/x64", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.5.3-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GOROOT_1_25_X64: "/opt/hostedtoolcache/go/1.25.11/x64", GITHUB_RUN_ID: "27705823843", npm_package_workspaces_0: "packages/*", npm_package_resolutions_cross_spawn: "^7.0.6", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "89f8bf64edd02c8a685dbc53ae4687d10ba29589", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_resolutions_qs: "^6.15.2", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "1138058104714051707", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", ACTIONS_ID_TOKEN_REQUEST_TOKEN: "eyJhbGciOiJSUzI1NiIsImtpZCI6IjM4ODI2YjE3LTZhMzAtNWY5Yi1iMTY5LThiZWI4MjAyZjcyMyIsInR5cCI6IkpXVCIsIng1dCI6InlrTmFZNHFNX3RhNGsyVGdaT0NFWUxrY1lsQSJ9.eyJJZGVudGl0eVR5cGVDbGFpbSI6IlN5c3RlbTpTZXJ2aWNlSWRlbnRpdHkiLCJhYyI6Ilt7XCJTY29wZVwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJQZXJtaXNzaW9uXCI6M31dIiwiYWNzbCI6IjEwIiwiYXVkIjoidnNvOjVlMTJlMDA5LWRkMDEtNGNjYy05ZTg5LTQ1MjMwMjUwM2RiNSIsImJpbGxpbmdfb3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJleHAiOjE3ODE3Mzc3ODEsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcHJpbWFyeXNpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsImlhdCI6MTc4MTcxNTU4MSwiaXNzIjoiaHR0cHM6Ly90b2tlbi5hY3Rpb25zLmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImpvYl9pZCI6ImRiZDdmNzUxLTliNDItNTNjMC05ZjdmLTAzOTI5ZWE1MThmMyIsIm5hbWVpZCI6ImRkZGRkZGRkLWRkZGQtZGRkZC1kZGRkLWRkZGRkZGRkZGRkZCIsIm5iZiI6MTc4MTcxNTI4MSwib2lkY19leHRyYSI6IntcImFjdG9yXCI6XCJyYXZpdGVqYTgzXCIsXCJhY3Rvcl9pZFwiOlwiNjc2MzI2MVwiLFwiYmFzZV9yZWZcIjpcIlwiLFwiY2hlY2tfcnVuX2lkXCI6XCI4MTk1Mzk2MzM2MlwiLFwiZXZlbnRfbmFtZVwiOlwid29ya2Zsb3dfZGlzcGF0Y2hcIixcImhlYWRfcmVmXCI6XCJcIixcImpvYl93b3JrZmxvd19yZWZcIjpcIjEwMG1zbGl2ZS93ZWItc2Rrcy8uZ2l0aHViL3dvcmtmbG93cy9wdWJsaXNoLnltbEByZWZzL2hlYWRzL21haW5cIixcImpvYl93b3JrZmxvd19zaGFcIjpcIjg5ZjhiZjY0ZWRkMDJjOGE2ODVkYmM1M2FlNDY4N2QxMGJhMjk1ODlcIixcInJlZlwiOlwicmVmcy9oZWFkcy9tYWluXCIsXCJyZWZfcHJvdGVjdGVkXCI6XCJ0cnVlXCIsXCJyZWZfdHlwZVwiOlwiYnJhbmNoXCIsXCJyZXBvc2l0b3J5XCI6XCIxMDBtc2xpdmUvd2ViLXNka3NcIixcInJlcG9zaXRvcnlfaWRcIjpcIjQyOTgyNjUxNVwiLFwicmVwb3NpdG9yeV9vd25lclwiOlwiMTAwbXNsaXZlXCIsXCJyZXBvc2l0b3J5X293bmVyX2lkXCI6XCI3Mzg4MzEzMVwiLFwicmVwb3NpdG9yeV92aXNpYmlsaXR5XCI6XCJwdWJsaWNcIixcInJ1bl9hdHRlbXB0XCI6XCIxXCIsXCJydW5faWRcIjpcIjI3NzA1ODIzODQzXCIsXCJydW5fbnVtYmVyXCI6XCI4NDFcIixcInJ1bm5lcl9lbnZpcm9ubWVudFwiOlwiZ2l0aHViLWhvc3RlZFwiLFwic2hhXCI6XCI4OWY4YmY2NGVkZDAyYzhhNjg1ZGJjNTNhZTQ2ODdkMTBiYTI5NTg5XCIsXCJ3b3JrZmxvd1wiOlwiUHVibGlzaCBQYWNrYWdlc1wiLFwid29ya2Zsb3dfcmVmXCI6XCIxMDBtc2xpdmUvd2ViLXNka3MvLmdpdGh1Yi93b3JrZmxvd3MvcHVibGlzaC55bWxAcmVmcy9oZWFkcy9tYWluXCIsXCJ3b3JrZmxvd19zaGFcIjpcIjg5ZjhiZjY0ZWRkMDJjOGE2ODVkYmM1M2FlNDY4N2QxMGJhMjk1ODlcIn0iLCJvaWRjX3N1YiI6InJlcG86MTAwbXNsaXZlL3dlYi1zZGtzOnJlZjpyZWZzL2hlYWRzL21haW4iLCJvcmNoX2lkIjoiMjNhNjQyY2EtY2UzYi00OWQyLTlkNmEtODNmNjFmNGNmOGZlLnB1Ymxpc2hfcGFja2FnZXMuX19kZWZhdWx0Iiwib3duZXJfaWQiOiJFX2tnRE9BQU9FdlEiLCJwbGFuX2lkIjoiMjNhNjQyY2EtY2UzYi00OWQyLTlkNmEtODNmNjFmNGNmOGZlIiwicmVwb3NpdG9yeV9pZCI6IjQyOTgyNjUxNSIsInJlcG9zaXRvcnlfb3duZXJfaWQiOiI3Mzg4MzEzMSIsInJlcG9zaXRvcnlfdmlzaWJpbGl0eSI6InB1YmxpYyIsInJ1bl9pZCI6IjI3NzA1ODIzODQzIiwicnVuX251bWJlciI6Ijg0MSIsInJ1bl90eXBlIjoiZnVsbCIsInJ1bm5lcl9pZCI6IjEwMDA0MjgzNjgiLCJydW5uZXJfdHlwZSI6Imhvc3RlZCIsInNjcCI6IkFjdGlvbnMuUmVzdWx0czoyM2E2NDJjYS1jZTNiLTQ5ZDItOWQ2YS04M2Y2MWY0Y2Y4ZmU6ZGJkN2Y3NTEtOWI0Mi01M2MwLTlmN2YtMDM5MjllYTUxOGYzIEFjdGlvbnMuUnVubmVyOjIzYTY0MmNhLWNlM2ItNDlkMi05ZDZhLTgzZjYxZjRjZjhmZTpkYmQ3Zjc1MS05YjQyLTUzYzAtOWY3Zi0wMzkyOWVhNTE4ZjMgQWN0aW9ucy5VcGxvYWRBcnRpZmFjdHM6MjNhNjQyY2EtY2UzYi00OWQyLTlkNmEtODNmNjFmNGNmOGZlOmRiZDdmNzUxLTliNDItNTNjMC05ZjdmLTAzOTI5ZWE1MThmMyBnZW5lcmF0ZV9pZF90b2tlbjoyM2E2NDJjYS1jZTNiLTQ5ZDItOWQ2YS04M2Y2MWY0Y2Y4ZmU6ZGJkN2Y3NTEtOWI0Mi01M2MwLTlmN2YtMDM5MjllYTUxOGYzIEFjdGlvbnMuR2VuZXJpY1JlYWQ6MDAwMDAwMDAtMDAwMC0wMDAwLTAwMDAtMDAwMDAwMDAwMDAwIiwic2hhIjoiODlmOGJmNjRlZGQwMmM4YTY4NWRiYzUzYWU0Njg3ZDEwYmEyOTU4OSIsInRydXN0X3RpZXIiOiIxIn0.hZJN9rIjLmaSXrJsVi9kRmUVe6JfamU5_evJSC1GQh8hVmWI7OxtPPHlsRI3S8Xaun0sYEYdMbqhjiRjYxcQs322ttwf9b0-TaG9rejcCN_U7vDk4B7TfUX-D1ueo92LV8zp_-ik9Vl31S09pa-Wk1RxIQRsHqOYH7qKS6Y_c4hXx3voPjlT8jIfjHJ8qTl20j5mgNQ9swkwmBQMPQNVPzWTFNetfHmosRnmuQoO9rT0ysrAEVdYExKwgZhyFTF7CJx-BjaDjQE8glWUIeNfWTCW2lmRgPPgmWjcnNmRS_PUD9mNduNscasjtnmRN1ozEBlakcvericEAAkopQ_VoA", GITHUB_ACTION_REPOSITORY: "", ENABLE_RUNNER_TRACING: "true", npm_package_resolutions_on_headers: "^1.1.0", npm_package_resolutions_semver: "^7.5.2", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.5.0", PATH: "/tmp/yarn--1781715636645-0.8129085463398832:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.16.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1781715636464-0.7435131397045568:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/24.16.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1781715617179-0.10789412512695762:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.16.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1781715617013-0.79422428849867:/home/runner/.config/yarn/link/node_modules/.bin:/opt/hostedtoolcache/node/24.16.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/24.16.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/24.16.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_8d43ab77-8da8-491a-8b7c-ff4165ee2611", INVOCATION_ID: "4f4ed6f83b2747b9aecb3e9a5fc08b7e", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "841", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^19.6.0", npm_config_legacy_peer_deps: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_resolutions____glob_minimatch: "^3.1.4", npm_package_resolutions_flatted: "^3.4.2", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 1000428368", XDG_CONFIG_HOME: "/home/runner/.config", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions____eslint_minimatch: "^3.1.4", npm_package_resolutions_braces: "^3.0.3", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_resolutions_ip_address: "^10.2.0", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^9.2.1", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.12.3-alpha.1", npm_package_scripts_types: "tsc -w", SHELL: "/bin/bash", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.5.3-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions__octokit_request_error: "^5.1.1", npm_package_resolutions_axios: "^1.16.0", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies_jest_environment_jsdom: "^29.7.0", NX_ISOLATE_PLUGINS: "false", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_resolutions_postcss: "^8.5.14", npm_package_resolutions_fast_uri: "^3.1.2", npm_package_resolutions_follow_redirects: "^1.16.0", npm_package_resolutions_esbuild: "^0.28.1", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^11.1.1", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_resolutions____nx_minimatch: "^9.0.7", npm_package_resolutions__babel_helpers: "^7.29.2", GITHUB_SHA: "89f8bf64edd02c8a685dbc53ae4687d10ba29589", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_package_resolutions____tinyglobby_picomatch: "^4.0.4", npm_package_resolutions__adobe_css_tools: "^4.4.4", npm_package_resolutions_form_data: "^4.0.4", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", NX_TASK_TARGET_TARGET: "build", NX_FORKED_TASK_EXECUTOR: "true", npm_package_dependencies_qrcode_react: "^3.1.0", ACTIONS_RUNNER_RETURN_JOB_RESULT_FOR_HOSTED: "1", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_resolutions_yaml: "^2.8.3", npm_config_strict_ssl: "true", NX_LOAD_DOT_ENV_FILES: "true", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", JAVA_HOME: "/usr/lib/jvm/temurin-17-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_resolutions__tootallnate_once: "^3.0.1", npm_package_resolutions____vite_rollup: "^4.59.0", npm_package_scripts_ybys: "yarn && yarn build --no-private", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", ACTIONS_ID_TOKEN_REQUEST_URL: "https://run-actions-1-azure-eastus.actions.githubusercontent.com/123//idtoken/23a642ca-ce3b-49d2-9d6a-83f61f4cf8fe/dbd7f751-9b42-53c0-9f7f-03929ea518f3?api-version=2.0", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", npm_package_resolutions_micromatch: "^4.0.8", npm_package_resolutions_js_yaml: "^4.1.1", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.28.1", npm_config_save_prefix: "^", npm_config_ignore_optional: "", NX_TUI: "false", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.3.13750724", SGX_AESM_ADDR: "1", PSModulePath: "/root/.local/share/powershell/Modules:/usr/local/share/powershell/Modules:/opt/microsoft/powershell/7/Modules:/usr/share/az_15.6.1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_resolutions_lodash: "^4.18.1", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.3.13750724", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_1febb9e4-0d4d-44ea-a6da-d437d28f0f65", npm_package_resolutions_sass: "^1.83.0" };
|
|
97
106
|
}
|
|
98
107
|
});
|
|
99
108
|
|
|
@@ -12611,8 +12620,12 @@ import * as workerTimers from "worker-timers";
|
|
|
12611
12620
|
|
|
12612
12621
|
// src/Prebuilt/components/PIP/pipUtils.js
|
|
12613
12622
|
init_define_process_env();
|
|
12623
|
+
var PIP_CANVAS_WIDTH = 480;
|
|
12624
|
+
var PIP_CANVAS_HEIGHT = 360;
|
|
12614
12625
|
var CANVAS_FILL_COLOR;
|
|
12615
12626
|
var CANVAS_STROKE_COLOR;
|
|
12627
|
+
var BUBBLE_FILL_COLOR;
|
|
12628
|
+
var BUBBLE_TEXT_COLOR;
|
|
12616
12629
|
function setPIPCanvasColors() {
|
|
12617
12630
|
if (!CANVAS_FILL_COLOR) {
|
|
12618
12631
|
CANVAS_FILL_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-surface_bright");
|
|
@@ -12620,22 +12633,36 @@ function setPIPCanvasColors() {
|
|
|
12620
12633
|
if (!CANVAS_STROKE_COLOR) {
|
|
12621
12634
|
CANVAS_STROKE_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-border_bright");
|
|
12622
12635
|
}
|
|
12636
|
+
if (!BUBBLE_FILL_COLOR) {
|
|
12637
|
+
BUBBLE_FILL_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-surface_default");
|
|
12638
|
+
}
|
|
12639
|
+
if (!BUBBLE_TEXT_COLOR) {
|
|
12640
|
+
BUBBLE_TEXT_COLOR = window.getComputedStyle(document.documentElement).getPropertyValue("--hms-ui-colors-on_surface_high");
|
|
12641
|
+
}
|
|
12623
12642
|
}
|
|
12624
12643
|
function resetPIPCanvasColors() {
|
|
12625
12644
|
CANVAS_FILL_COLOR = "";
|
|
12626
12645
|
CANVAS_STROKE_COLOR = "";
|
|
12646
|
+
BUBBLE_FILL_COLOR = "";
|
|
12647
|
+
BUBBLE_TEXT_COLOR = "";
|
|
12627
12648
|
}
|
|
12628
|
-
function drawVideoElementsOnCanvas(videoElements, canvas) {
|
|
12649
|
+
function drawVideoElementsOnCanvas(videoElements, canvas, message) {
|
|
12650
|
+
const ctx = canvas == null ? void 0 : canvas.getContext("2d");
|
|
12651
|
+
if (!ctx) {
|
|
12652
|
+
return;
|
|
12653
|
+
}
|
|
12629
12654
|
let videoTiles = videoElements.filter((videoElement) => videoElement.srcObject !== null);
|
|
12630
|
-
const ctx = canvas.getContext("2d");
|
|
12631
12655
|
setPIPCanvasColors();
|
|
12632
12656
|
ctx.fillStyle = CANVAS_FILL_COLOR;
|
|
12633
12657
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
12634
12658
|
if (videoTiles.length === 0) {
|
|
12635
12659
|
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
|
12636
|
-
|
|
12660
|
+
} else {
|
|
12661
|
+
fillGridTiles(videoTiles.slice(0, 4), ctx, canvas);
|
|
12662
|
+
}
|
|
12663
|
+
if (message && (message.senderName || message.text)) {
|
|
12664
|
+
drawMessageBubble(ctx, canvas, message);
|
|
12637
12665
|
}
|
|
12638
|
-
fillGridTiles(videoTiles.slice(0, 4), ctx, canvas);
|
|
12639
12666
|
}
|
|
12640
12667
|
function dummyChangeInCanvas(canvas) {
|
|
12641
12668
|
const ctx = canvas.getContext("2d");
|
|
@@ -12645,8 +12672,8 @@ function dummyChangeInCanvas(canvas) {
|
|
|
12645
12672
|
}
|
|
12646
12673
|
function fillGridTiles(videoElements, ctx, canvas) {
|
|
12647
12674
|
const offset = 8;
|
|
12648
|
-
canvas.width =
|
|
12649
|
-
canvas.height =
|
|
12675
|
+
canvas.width = PIP_CANVAS_WIDTH;
|
|
12676
|
+
canvas.height = PIP_CANVAS_HEIGHT;
|
|
12650
12677
|
ctx.fillStyle = CANVAS_FILL_COLOR;
|
|
12651
12678
|
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
|
12652
12679
|
if (videoElements.length > 0) {
|
|
@@ -12718,13 +12745,86 @@ function getRenderDimensions(video, width, height) {
|
|
|
12718
12745
|
}
|
|
12719
12746
|
return { width: finalWidth, height: finalHeight };
|
|
12720
12747
|
}
|
|
12748
|
+
var BUBBLE_MARGIN = 14;
|
|
12749
|
+
var BUBBLE_PADDING_X = 16;
|
|
12750
|
+
var BUBBLE_PADDING_Y = 14;
|
|
12751
|
+
var BUBBLE_SENDER_LINE_HEIGHT = 22;
|
|
12752
|
+
var BUBBLE_TEXT_LINE_HEIGHT = 24;
|
|
12753
|
+
var BUBBLE_LINE_GAP = 4;
|
|
12754
|
+
var BUBBLE_RADIUS = 12;
|
|
12755
|
+
var BUBBLE_SENDER_FONT = "600 18px Inter, Arial, sans-serif";
|
|
12756
|
+
var BUBBLE_TEXT_FONT = "400 19px Inter, Arial, sans-serif";
|
|
12757
|
+
function drawMessageBubble(ctx, canvas, message) {
|
|
12758
|
+
const bubbleWidth = canvas.width - BUBBLE_MARGIN * 2;
|
|
12759
|
+
const bubbleHeight = BUBBLE_PADDING_Y * 2 + BUBBLE_SENDER_LINE_HEIGHT + BUBBLE_LINE_GAP + BUBBLE_TEXT_LINE_HEIGHT;
|
|
12760
|
+
const x = BUBBLE_MARGIN;
|
|
12761
|
+
const y2 = canvas.height - bubbleHeight - BUBBLE_MARGIN;
|
|
12762
|
+
const innerWidth = bubbleWidth - BUBBLE_PADDING_X * 2;
|
|
12763
|
+
ctx.save();
|
|
12764
|
+
ctx.globalAlpha = 0.85;
|
|
12765
|
+
ctx.fillStyle = BUBBLE_FILL_COLOR || CANVAS_FILL_COLOR;
|
|
12766
|
+
traceRoundedRect(ctx, x, y2, bubbleWidth, bubbleHeight, BUBBLE_RADIUS);
|
|
12767
|
+
ctx.fill();
|
|
12768
|
+
ctx.globalAlpha = 1;
|
|
12769
|
+
ctx.lineWidth = 1;
|
|
12770
|
+
ctx.strokeStyle = CANVAS_STROKE_COLOR;
|
|
12771
|
+
traceRoundedRect(ctx, x, y2, bubbleWidth, bubbleHeight, BUBBLE_RADIUS);
|
|
12772
|
+
ctx.stroke();
|
|
12773
|
+
const textColor = BUBBLE_TEXT_COLOR || "#ffffff";
|
|
12774
|
+
ctx.textBaseline = "top";
|
|
12775
|
+
ctx.fillStyle = textColor;
|
|
12776
|
+
const measure = (str) => ctx.measureText(str).width;
|
|
12777
|
+
ctx.font = BUBBLE_SENDER_FONT;
|
|
12778
|
+
ctx.fillText(
|
|
12779
|
+
truncateToWidth(measure, message.senderName || "Anonymous", innerWidth),
|
|
12780
|
+
x + BUBBLE_PADDING_X,
|
|
12781
|
+
y2 + BUBBLE_PADDING_Y
|
|
12782
|
+
);
|
|
12783
|
+
ctx.font = BUBBLE_TEXT_FONT;
|
|
12784
|
+
ctx.globalAlpha = 0.9;
|
|
12785
|
+
ctx.fillText(
|
|
12786
|
+
truncateToWidth(measure, message.text || "", innerWidth),
|
|
12787
|
+
x + BUBBLE_PADDING_X,
|
|
12788
|
+
y2 + BUBBLE_PADDING_Y + BUBBLE_SENDER_LINE_HEIGHT + BUBBLE_LINE_GAP
|
|
12789
|
+
);
|
|
12790
|
+
ctx.restore();
|
|
12791
|
+
}
|
|
12792
|
+
function traceRoundedRect(ctx, x, y2, width, height, radius) {
|
|
12793
|
+
const r = Math.min(radius, width / 2, height / 2);
|
|
12794
|
+
ctx.beginPath();
|
|
12795
|
+
ctx.moveTo(x + r, y2);
|
|
12796
|
+
ctx.arcTo(x + width, y2, x + width, y2 + height, r);
|
|
12797
|
+
ctx.arcTo(x + width, y2 + height, x, y2 + height, r);
|
|
12798
|
+
ctx.arcTo(x, y2 + height, x, y2, r);
|
|
12799
|
+
ctx.arcTo(x, y2, x + width, y2, r);
|
|
12800
|
+
ctx.closePath();
|
|
12801
|
+
}
|
|
12802
|
+
var ELLIPSIS = "\u2026";
|
|
12803
|
+
function truncateToWidth(measure, text, maxWidth) {
|
|
12804
|
+
if (!text) {
|
|
12805
|
+
return "";
|
|
12806
|
+
}
|
|
12807
|
+
if (measure(text) <= maxWidth) {
|
|
12808
|
+
return text;
|
|
12809
|
+
}
|
|
12810
|
+
let lo2 = 0;
|
|
12811
|
+
let hi2 = text.length;
|
|
12812
|
+
while (lo2 < hi2) {
|
|
12813
|
+
const mid = Math.ceil((lo2 + hi2) / 2);
|
|
12814
|
+
if (measure(text.slice(0, mid) + ELLIPSIS) <= maxWidth) {
|
|
12815
|
+
lo2 = mid;
|
|
12816
|
+
} else {
|
|
12817
|
+
hi2 = mid - 1;
|
|
12818
|
+
}
|
|
12819
|
+
}
|
|
12820
|
+
return text.slice(0, lo2) + ELLIPSIS;
|
|
12821
|
+
}
|
|
12721
12822
|
|
|
12722
12823
|
// src/Prebuilt/components/PIP/PIPManager.ts
|
|
12723
12824
|
var MAX_NUMBER_OF_TILES_IN_PIP = 4;
|
|
12724
12825
|
var DEFAULT_FPS = 30;
|
|
12725
|
-
var DEFAULT_CANVAS_WIDTH = 480;
|
|
12726
|
-
var DEFAULT_CANVAS_HEIGHT = 320;
|
|
12727
12826
|
var LEAVE_EVENT_NAME = "leavepictureinpicture";
|
|
12827
|
+
var MESSAGE_TTL_MS = 4e3;
|
|
12728
12828
|
var PipManager = class {
|
|
12729
12829
|
constructor() {
|
|
12730
12830
|
this.listeners = /* @__PURE__ */ new Set();
|
|
@@ -12736,6 +12836,8 @@ var PipManager = class {
|
|
|
12736
12836
|
this.onStateChange = null;
|
|
12737
12837
|
this.tracksToShow = [];
|
|
12738
12838
|
this.state = "stopped" /* stopped */;
|
|
12839
|
+
this.latestMessage = null;
|
|
12840
|
+
this.messageShownAt = 0;
|
|
12739
12841
|
this.stop = () => __async(this, null, function* () {
|
|
12740
12842
|
var _a8, _b7;
|
|
12741
12843
|
if (this.state === "stopped" /* stopped */) {
|
|
@@ -12768,6 +12870,25 @@ var PipManager = class {
|
|
|
12768
12870
|
listenToStateChange(cb) {
|
|
12769
12871
|
this.listeners.add(cb);
|
|
12770
12872
|
}
|
|
12873
|
+
/**
|
|
12874
|
+
* Show an incoming chat message as a transient bubble on the PIP canvas.
|
|
12875
|
+
* The bubble auto-dismisses after MESSAGE_TTL_MS (handled in the render loop).
|
|
12876
|
+
*/
|
|
12877
|
+
setLatestMessage(message) {
|
|
12878
|
+
this.latestMessage = message;
|
|
12879
|
+
this.messageShownAt = Date.now();
|
|
12880
|
+
}
|
|
12881
|
+
/**
|
|
12882
|
+
* @private returns the current message if it is still within its display
|
|
12883
|
+
* window, clearing it once expired.
|
|
12884
|
+
*/
|
|
12885
|
+
getActiveMessage() {
|
|
12886
|
+
if (this.latestMessage && Date.now() - this.messageShownAt < MESSAGE_TTL_MS) {
|
|
12887
|
+
return this.latestMessage;
|
|
12888
|
+
}
|
|
12889
|
+
this.latestMessage = null;
|
|
12890
|
+
return null;
|
|
12891
|
+
}
|
|
12771
12892
|
/**
|
|
12772
12893
|
* @private
|
|
12773
12894
|
*/
|
|
@@ -12782,6 +12903,8 @@ var PipManager = class {
|
|
|
12782
12903
|
this.tracksToShow = [];
|
|
12783
12904
|
this.onStateChange = null;
|
|
12784
12905
|
this.state = "stopped" /* stopped */;
|
|
12906
|
+
this.latestMessage = null;
|
|
12907
|
+
this.messageShownAt = 0;
|
|
12785
12908
|
}
|
|
12786
12909
|
/**
|
|
12787
12910
|
* check if PIP is supported in this browser env
|
|
@@ -12876,11 +12999,11 @@ var PipManager = class {
|
|
|
12876
12999
|
}
|
|
12877
13000
|
initializeCanvasAndVideoElement() {
|
|
12878
13001
|
const canvas = document.createElement("canvas");
|
|
12879
|
-
canvas.width =
|
|
12880
|
-
canvas.height =
|
|
13002
|
+
canvas.width = PIP_CANVAS_WIDTH;
|
|
13003
|
+
canvas.height = PIP_CANVAS_HEIGHT;
|
|
12881
13004
|
const pipVideo = document.createElement("video");
|
|
12882
|
-
pipVideo.width =
|
|
12883
|
-
pipVideo.height =
|
|
13005
|
+
pipVideo.width = PIP_CANVAS_WIDTH;
|
|
13006
|
+
pipVideo.height = PIP_CANVAS_HEIGHT;
|
|
12884
13007
|
pipVideo.muted = true;
|
|
12885
13008
|
pipVideo.srcObject = canvas.captureStream();
|
|
12886
13009
|
return { canvas, pipVideo };
|
|
@@ -12905,10 +13028,15 @@ var PipManager = class {
|
|
|
12905
13028
|
if (this.state === "stopping" /* stopping */ || this.state === "stopped" /* stopped */) {
|
|
12906
13029
|
return;
|
|
12907
13030
|
}
|
|
12908
|
-
|
|
12909
|
-
|
|
13031
|
+
try {
|
|
13032
|
+
if (this.state === "started" /* started */) {
|
|
13033
|
+
drawVideoElementsOnCanvas(this.videoElements, this.canvas, this.getActiveMessage());
|
|
13034
|
+
}
|
|
13035
|
+
} catch (error) {
|
|
13036
|
+
console.error("error drawing pip canvas", error);
|
|
13037
|
+
} finally {
|
|
13038
|
+
this.renderLoop();
|
|
12910
13039
|
}
|
|
12911
|
-
this.renderLoop();
|
|
12912
13040
|
}, delay);
|
|
12913
13041
|
}
|
|
12914
13042
|
requestPIP() {
|
|
@@ -15221,7 +15349,7 @@ import {
|
|
|
15221
15349
|
selectAppData as selectAppData3,
|
|
15222
15350
|
selectIsTranscriptionAllowedByMode,
|
|
15223
15351
|
selectIsTranscriptionEnabled as selectIsTranscriptionEnabled3,
|
|
15224
|
-
selectLocalPeerID as
|
|
15352
|
+
selectLocalPeerID as selectLocalPeerID7,
|
|
15225
15353
|
useHMSActions as useHMSActions23,
|
|
15226
15354
|
useHMSStore as useHMSStore28
|
|
15227
15355
|
} from "@100mslive/react-sdk";
|
|
@@ -15242,9 +15370,45 @@ import React45 from "react";
|
|
|
15242
15370
|
// src/Prebuilt/components/PIP/PIPComponent.tsx
|
|
15243
15371
|
init_define_process_env();
|
|
15244
15372
|
import React44, { useCallback as useCallback11, useEffect as useEffect14, useState as useState15 } from "react";
|
|
15245
|
-
import {
|
|
15373
|
+
import {
|
|
15374
|
+
selectHMSMessages,
|
|
15375
|
+
selectLocalPeerID as selectLocalPeerID2,
|
|
15376
|
+
selectPeers as selectPeers2,
|
|
15377
|
+
selectTracksMap,
|
|
15378
|
+
useHMSActions as useHMSActions10,
|
|
15379
|
+
useHMSVanillaStore as useHMSVanillaStore6
|
|
15380
|
+
} from "@100mslive/react-sdk";
|
|
15246
15381
|
import { PipIcon } from "@100mslive/react-icons";
|
|
15247
15382
|
|
|
15383
|
+
// src/Prebuilt/components/PIP/pipMessageUtils.ts
|
|
15384
|
+
init_define_process_env();
|
|
15385
|
+
function pickIncomingMessage(messages, lastShownMessageId, localPeerId) {
|
|
15386
|
+
var _a8;
|
|
15387
|
+
if (!(messages == null ? void 0 : messages.length)) {
|
|
15388
|
+
return { message: null, lastShownMessageId };
|
|
15389
|
+
}
|
|
15390
|
+
const newLastShownMessageId = messages[messages.length - 1].id;
|
|
15391
|
+
const lastShownIndex = messages.findIndex((message) => message.id === lastShownMessageId);
|
|
15392
|
+
if (lastShownMessageId !== void 0 && lastShownIndex === -1) {
|
|
15393
|
+
return { message: null, lastShownMessageId: newLastShownMessageId };
|
|
15394
|
+
}
|
|
15395
|
+
const freshMessages = messages.slice(lastShownIndex + 1);
|
|
15396
|
+
if (!freshMessages.length) {
|
|
15397
|
+
return { message: null, lastShownMessageId };
|
|
15398
|
+
}
|
|
15399
|
+
for (let i = freshMessages.length - 1; i >= 0; i--) {
|
|
15400
|
+
const candidate = freshMessages[i];
|
|
15401
|
+
const text = candidate.message;
|
|
15402
|
+
if (candidate.sender && candidate.sender !== localPeerId && typeof text === "string" && text.trim().length > 0) {
|
|
15403
|
+
return {
|
|
15404
|
+
message: { senderName: (_a8 = candidate.senderName) != null ? _a8 : "Anonymous", text },
|
|
15405
|
+
lastShownMessageId: newLastShownMessageId
|
|
15406
|
+
};
|
|
15407
|
+
}
|
|
15408
|
+
}
|
|
15409
|
+
return { message: null, lastShownMessageId: newLastShownMessageId };
|
|
15410
|
+
}
|
|
15411
|
+
|
|
15248
15412
|
// src/Prebuilt/components/PIP/SetupMediaSession.js
|
|
15249
15413
|
init_define_process_env();
|
|
15250
15414
|
import { selectIsLocalAudioEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled3 } from "@100mslive/react-sdk";
|
|
@@ -15323,7 +15487,8 @@ var ActivatedPIP = () => {
|
|
|
15323
15487
|
const pinnedTrack = usePinnedTrack();
|
|
15324
15488
|
useEffect14(() => {
|
|
15325
15489
|
function subscribeToStore() {
|
|
15326
|
-
|
|
15490
|
+
var _a8, _b7;
|
|
15491
|
+
const unsubscribeTracks = store.subscribe((tracksMap) => {
|
|
15327
15492
|
let pipPeers = store.getState(selectPeers2);
|
|
15328
15493
|
if (pinnedTrack) {
|
|
15329
15494
|
pipPeers = pipPeers.filter((peer) => pinnedTrack.peerId === peer.id);
|
|
@@ -15332,6 +15497,22 @@ var ActivatedPIP = () => {
|
|
|
15332
15497
|
console.error("error in updating pip", err);
|
|
15333
15498
|
});
|
|
15334
15499
|
}, selectTracksMap);
|
|
15500
|
+
let lastShownMessageId = (_b7 = (_a8 = store.getState(selectHMSMessages)) == null ? void 0 : _a8.slice(-1)[0]) == null ? void 0 : _b7.id;
|
|
15501
|
+
const unsubscribeMessages = store.subscribe((messages) => {
|
|
15502
|
+
try {
|
|
15503
|
+
const result = pickIncomingMessage(messages, lastShownMessageId, store.getState(selectLocalPeerID2));
|
|
15504
|
+
lastShownMessageId = result.lastShownMessageId;
|
|
15505
|
+
if (result.message) {
|
|
15506
|
+
PictureInPicture.setLatestMessage(result.message);
|
|
15507
|
+
}
|
|
15508
|
+
} catch (err) {
|
|
15509
|
+
console.error("error surfacing pip chat message", err);
|
|
15510
|
+
}
|
|
15511
|
+
}, selectHMSMessages);
|
|
15512
|
+
return () => {
|
|
15513
|
+
unsubscribeTracks();
|
|
15514
|
+
unsubscribeMessages();
|
|
15515
|
+
};
|
|
15335
15516
|
}
|
|
15336
15517
|
let unsubscribe = PictureInPicture.isOn() ? subscribeToStore() : void 0;
|
|
15337
15518
|
PictureInPicture.listenToStateChange((isOn) => {
|
|
@@ -15362,8 +15543,8 @@ var PIP = ({ content = null }) => {
|
|
|
15362
15543
|
init_define_process_env();
|
|
15363
15544
|
import React50, { useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo7, useState as useState19 } from "react";
|
|
15364
15545
|
import {
|
|
15365
|
-
selectHMSMessages as
|
|
15366
|
-
selectLocalPeerID as
|
|
15546
|
+
selectHMSMessages as selectHMSMessages3,
|
|
15547
|
+
selectLocalPeerID as selectLocalPeerID4,
|
|
15367
15548
|
selectPeerNameByID as selectPeerNameByID3,
|
|
15368
15549
|
selectSessionStore as selectSessionStore6,
|
|
15369
15550
|
selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
|
|
@@ -15412,8 +15593,8 @@ import { useMedia as useMedia7 } from "react-use";
|
|
|
15412
15593
|
import AutoSizer from "react-virtualized-auto-sizer";
|
|
15413
15594
|
import { VariableSizeList } from "react-window";
|
|
15414
15595
|
import {
|
|
15415
|
-
selectHMSMessages,
|
|
15416
|
-
selectLocalPeerID as
|
|
15596
|
+
selectHMSMessages as selectHMSMessages2,
|
|
15597
|
+
selectLocalPeerID as selectLocalPeerID3,
|
|
15417
15598
|
selectLocalPeerName as selectLocalPeerName2,
|
|
15418
15599
|
selectLocalPeerRoleName,
|
|
15419
15600
|
selectPeerNameByID as selectPeerNameByID2,
|
|
@@ -15918,7 +16099,7 @@ var ChatMessage = React49.memo(
|
|
|
15918
16099
|
const isMobile = useMedia7(config.media.md);
|
|
15919
16100
|
const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
|
|
15920
16101
|
const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
|
|
15921
|
-
const localPeerId = useHMSStore19(
|
|
16102
|
+
const localPeerId = useHMSStore19(selectLocalPeerID3);
|
|
15922
16103
|
const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
|
|
15923
16104
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
|
15924
16105
|
const messageType = getMessageType({
|
|
@@ -16150,7 +16331,7 @@ var VirtualizedChatMessages = React49.forwardRef(({ messages, scrollToBottom },
|
|
|
16150
16331
|
});
|
|
16151
16332
|
var ChatBody = React49.forwardRef(
|
|
16152
16333
|
({ scrollToBottom }, listRef) => {
|
|
16153
|
-
const messages = useHMSStore19(
|
|
16334
|
+
const messages = useHMSStore19(selectHMSMessages2);
|
|
16154
16335
|
const blacklistedMessageIDs = useHMSStore19(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
|
|
16155
16336
|
const filteredMessages = useMemo6(() => {
|
|
16156
16337
|
const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
|
|
@@ -16205,8 +16386,8 @@ var PinnedBy = ({
|
|
|
16205
16386
|
// src/Prebuilt/components/PIP/PIPChat.tsx
|
|
16206
16387
|
var PIPChat = () => {
|
|
16207
16388
|
var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
|
|
16208
|
-
const messages = useHMSStore20(
|
|
16209
|
-
const localPeerID = useHMSStore20(
|
|
16389
|
+
const messages = useHMSStore20(selectHMSMessages3);
|
|
16390
|
+
const localPeerID = useHMSStore20(selectLocalPeerID4);
|
|
16210
16391
|
const count = useHMSStore20(selectUnreadHMSMessagesCount2);
|
|
16211
16392
|
const [unreadMessageCount, setUnreadMessageCount] = useState19(0);
|
|
16212
16393
|
const getSenderName = useCallback16(
|
|
@@ -16880,7 +17061,7 @@ import { useMedia as useMedia9 } from "react-use";
|
|
|
16880
17061
|
import { match as match4, P as P3 } from "ts-pattern";
|
|
16881
17062
|
import {
|
|
16882
17063
|
selectHMSStats as selectHMSStats3,
|
|
16883
|
-
selectLocalPeerID as
|
|
17064
|
+
selectLocalPeerID as selectLocalPeerID5,
|
|
16884
17065
|
selectPeersMap,
|
|
16885
17066
|
selectTracksMap as selectTracksMap2,
|
|
16886
17067
|
useHMSActions as useHMSActions17,
|
|
@@ -17030,7 +17211,7 @@ var StatsForNerds = ({ open, onOpenChange }) => {
|
|
|
17030
17211
|
var useTracksWithLabel = () => {
|
|
17031
17212
|
const tracksMap = useHMSStore23(selectTracksMap2);
|
|
17032
17213
|
const peersMap = useHMSStore23(selectPeersMap);
|
|
17033
|
-
const localPeerID = useHMSStore23(
|
|
17214
|
+
const localPeerID = useHMSStore23(selectLocalPeerID5);
|
|
17034
17215
|
const tracksWithLabels = useMemo8(
|
|
17035
17216
|
() => Object.values(tracksMap).reduce((res, track) => {
|
|
17036
17217
|
var _a8, _b7;
|
|
@@ -17534,7 +17715,7 @@ init_define_process_env();
|
|
|
17534
17715
|
import { useCallback as useCallback21 } from "react";
|
|
17535
17716
|
import {
|
|
17536
17717
|
selectHasPeerHandRaised,
|
|
17537
|
-
selectLocalPeerID as
|
|
17718
|
+
selectLocalPeerID as selectLocalPeerID6,
|
|
17538
17719
|
selectPeerMetadata as selectPeerMetadata2,
|
|
17539
17720
|
useHMSActions as useHMSActions21,
|
|
17540
17721
|
useHMSStore as useHMSStore27,
|
|
@@ -17542,7 +17723,7 @@ import {
|
|
|
17542
17723
|
} from "@100mslive/react-sdk";
|
|
17543
17724
|
var useMyMetadata = () => {
|
|
17544
17725
|
const hmsActions = useHMSActions21();
|
|
17545
|
-
const localPeerId = useHMSStore27(
|
|
17726
|
+
const localPeerId = useHMSStore27(selectLocalPeerID6);
|
|
17546
17727
|
const vanillaStore = useHMSVanillaStore9();
|
|
17547
17728
|
const metaData = useHMSStore27(selectPeerMetadata2(localPeerId));
|
|
17548
17729
|
const isHandRaised = useHMSStore27(selectHasPeerHandRaised(localPeerId));
|
|
@@ -17713,7 +17894,7 @@ var DesktopOptions = ({
|
|
|
17713
17894
|
elements,
|
|
17714
17895
|
screenType
|
|
17715
17896
|
}) => {
|
|
17716
|
-
const localPeerId = useHMSStore28(
|
|
17897
|
+
const localPeerId = useHMSStore28(selectLocalPeerID7);
|
|
17717
17898
|
const hmsActions = useHMSActions23();
|
|
17718
17899
|
const enablHlsStats = useHMSStore28(selectAppData3(APP_DATA.hlsStats));
|
|
17719
17900
|
const [openModals, setOpenModals] = useState27(/* @__PURE__ */ new Set());
|
|
@@ -21928,7 +22109,13 @@ var Ar = (a2, e) => {
|
|
|
21928
22109
|
if (a2 != null && di) for (var i of di(a2)) e.indexOf(i) < 0 && Es.call(a2, i) && (t[i] = a2[i]);
|
|
21929
22110
|
return t;
|
|
21930
22111
|
};
|
|
21931
|
-
var Rn = (a2, e) => () =>
|
|
22112
|
+
var Rn = (a2, e) => () => {
|
|
22113
|
+
try {
|
|
22114
|
+
return e || a2((e = { exports: {} }).exports, e), e.exports;
|
|
22115
|
+
} catch (t) {
|
|
22116
|
+
throw e = 0, t;
|
|
22117
|
+
}
|
|
22118
|
+
};
|
|
21932
22119
|
var c = (a2, e, t) => new Promise((i, r) => {
|
|
21933
22120
|
var s = (d) => {
|
|
21934
22121
|
try {
|
|
@@ -21946,7 +22133,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
|
|
|
21946
22133
|
o((t = t.apply(a2, e)).next());
|
|
21947
22134
|
});
|
|
21948
22135
|
var _r = Rn((Td, xn) => {
|
|
21949
|
-
xn.exports = { version: "0.14.
|
|
22136
|
+
xn.exports = { version: "0.14.3-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^2.0.6", uuid: "^11.1.1", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.39", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
|
|
21950
22137
|
});
|
|
21951
22138
|
var Rr = ((o) => (o.Disconnected = "Disconnected", o.Preview = "Preview", o.Connecting = "Connecting", o.Connected = "Connected", o.Reconnecting = "Reconnecting", o.Disconnecting = "Disconnecting", o.Failed = "Failed", o))(Rr || {});
|
|
21952
22139
|
var Hn = ((e) => (e.CHAT = "chat", e))(Hn || {});
|
|
@@ -24417,7 +24604,7 @@ import {
|
|
|
24417
24604
|
selectHasPeerHandRaised as selectHasPeerHandRaised2,
|
|
24418
24605
|
selectIsLargeRoom as selectIsLargeRoom2,
|
|
24419
24606
|
selectIsPeerAudioEnabled,
|
|
24420
|
-
selectLocalPeerID as
|
|
24607
|
+
selectLocalPeerID as selectLocalPeerID9,
|
|
24421
24608
|
selectPeerCount as selectPeerCount4,
|
|
24422
24609
|
selectPermissions as selectPermissions14,
|
|
24423
24610
|
useHMSStore as useHMSStore44
|
|
@@ -24553,12 +24740,12 @@ var ConnectionIndicator = ({
|
|
|
24553
24740
|
// src/Prebuilt/components/RemoveParticipant.tsx
|
|
24554
24741
|
init_define_process_env();
|
|
24555
24742
|
import React80 from "react";
|
|
24556
|
-
import { selectLocalPeerID as
|
|
24743
|
+
import { selectLocalPeerID as selectLocalPeerID8, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
|
|
24557
24744
|
import { PeopleRemoveIcon as PeopleRemoveIcon3 } from "@100mslive/react-icons";
|
|
24558
24745
|
var RemoveParticipant = ({ peerId }) => {
|
|
24559
24746
|
var _a8;
|
|
24560
24747
|
const canRemoveOthers = (_a8 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a8.removeOthers;
|
|
24561
|
-
const localPeerId = useHMSStore38(
|
|
24748
|
+
const localPeerId = useHMSStore38(selectLocalPeerID8);
|
|
24562
24749
|
const actions = useHMSActions29();
|
|
24563
24750
|
if (peerId === localPeerId || !canRemoveOthers) {
|
|
24564
24751
|
return null;
|
|
@@ -25079,7 +25266,7 @@ var Participant = ({
|
|
|
25079
25266
|
isHandRaisedAccordion,
|
|
25080
25267
|
style
|
|
25081
25268
|
}) => {
|
|
25082
|
-
const localPeerId = useHMSStore44(
|
|
25269
|
+
const localPeerId = useHMSStore44(selectLocalPeerID9);
|
|
25083
25270
|
return /* @__PURE__ */ React83.createElement(
|
|
25084
25271
|
Flex,
|
|
25085
25272
|
{
|
|
@@ -26534,7 +26721,7 @@ var LeaderboardEntry = ({
|
|
|
26534
26721
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
26535
26722
|
init_define_process_env();
|
|
26536
26723
|
import React103 from "react";
|
|
26537
|
-
import { selectLocalPeerID as
|
|
26724
|
+
import { selectLocalPeerID as selectLocalPeerID10, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
|
|
26538
26725
|
|
|
26539
26726
|
// src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
|
|
26540
26727
|
init_define_process_env();
|
|
@@ -26600,7 +26787,7 @@ var useQuizSummary = (quizID) => {
|
|
|
26600
26787
|
|
|
26601
26788
|
// src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
|
|
26602
26789
|
var PeerParticipationSummary = ({ quiz }) => {
|
|
26603
|
-
const localPeerId = useHMSStore51(
|
|
26790
|
+
const localPeerId = useHMSStore51(selectLocalPeerID10);
|
|
26604
26791
|
const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
|
|
26605
26792
|
if (quiz.state !== "stopped") {
|
|
26606
26793
|
return /* @__PURE__ */ React103.createElement(React103.Fragment, null);
|
|
@@ -28499,7 +28686,7 @@ import {
|
|
|
28499
28686
|
selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
|
|
28500
28687
|
selectHasPeerHandRaised as selectHasPeerHandRaised3,
|
|
28501
28688
|
selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
|
|
28502
|
-
selectLocalPeerID as
|
|
28689
|
+
selectLocalPeerID as selectLocalPeerID12,
|
|
28503
28690
|
selectPeerMetadata as selectPeerMetadata4,
|
|
28504
28691
|
selectPeerNameByID as selectPeerNameByID5,
|
|
28505
28692
|
selectVideoTrackByID as selectVideoTrackByID3,
|
|
@@ -28564,7 +28751,7 @@ init_define_process_env();
|
|
|
28564
28751
|
import React127, { useState as useState55 } from "react";
|
|
28565
28752
|
import { useMedia as useMedia23 } from "react-use";
|
|
28566
28753
|
import {
|
|
28567
|
-
selectLocalPeerID as
|
|
28754
|
+
selectLocalPeerID as selectLocalPeerID11,
|
|
28568
28755
|
selectPeerByID as selectPeerByID2,
|
|
28569
28756
|
selectPermissions as selectPermissions19,
|
|
28570
28757
|
selectTrackByID as selectTrackByID3,
|
|
@@ -28906,7 +29093,7 @@ var TileMenu = ({
|
|
|
28906
29093
|
var _a8, _b7;
|
|
28907
29094
|
const [open, setOpen] = useState55(false);
|
|
28908
29095
|
const { theme: theme2 } = useTheme();
|
|
28909
|
-
const localPeerID = useHMSStore67(
|
|
29096
|
+
const localPeerID = useHMSStore67(selectLocalPeerID11);
|
|
28910
29097
|
const isLocal = localPeerID === peerID;
|
|
28911
29098
|
const { removeOthers } = useHMSStore67(selectPermissions19) || {};
|
|
28912
29099
|
const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
|
|
@@ -28995,7 +29182,7 @@ var Tile = ({
|
|
|
28995
29182
|
const track = useHMSStore68(trackSelector);
|
|
28996
29183
|
const peerName = useHMSStore68(selectPeerNameByID5(peerId));
|
|
28997
29184
|
const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
|
|
28998
|
-
const localPeerID = useHMSStore68(
|
|
29185
|
+
const localPeerID = useHMSStore68(selectLocalPeerID12);
|
|
28999
29186
|
const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
|
|
29000
29187
|
const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
|
|
29001
29188
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
|
@@ -29956,7 +30143,7 @@ import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 }
|
|
|
29956
30143
|
init_define_process_env();
|
|
29957
30144
|
import React153, { useEffect as useEffect53, useMemo as useMemo20, useState as useState66 } from "react";
|
|
29958
30145
|
import {
|
|
29959
|
-
selectLocalPeerID as
|
|
30146
|
+
selectLocalPeerID as selectLocalPeerID14,
|
|
29960
30147
|
selectLocalPeerRoleName as selectLocalPeerRoleName5,
|
|
29961
30148
|
selectPeers as selectPeers3,
|
|
29962
30149
|
selectPeerScreenSharing as selectPeerScreenSharing2,
|
|
@@ -30624,7 +30811,7 @@ import React150, { useRef as useRef30, useState as useState64 } from "react";
|
|
|
30624
30811
|
import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
|
|
30625
30812
|
import screenfull2 from "screenfull";
|
|
30626
30813
|
import {
|
|
30627
|
-
selectLocalPeerID as
|
|
30814
|
+
selectLocalPeerID as selectLocalPeerID13,
|
|
30628
30815
|
selectPeerByID as selectPeerByID4,
|
|
30629
30816
|
selectScreenShareAudioByPeerID,
|
|
30630
30817
|
selectScreenShareByPeerID as selectScreenShareByPeerID2,
|
|
@@ -30783,7 +30970,7 @@ var labelStyles = {
|
|
|
30783
30970
|
flexShrink: 0
|
|
30784
30971
|
};
|
|
30785
30972
|
var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
30786
|
-
const isLocal = useHMSStore76(
|
|
30973
|
+
const isLocal = useHMSStore76(selectLocalPeerID13) === peerId;
|
|
30787
30974
|
const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
|
|
30788
30975
|
const { theme: theme2 } = useTheme();
|
|
30789
30976
|
const peer = useHMSStore76(selectPeerByID4(peerId));
|
|
@@ -31104,7 +31291,7 @@ var GridLayout = ({
|
|
|
31104
31291
|
const pinnedTrack = usePinnedTrack();
|
|
31105
31292
|
const peers = useHMSStore79(selectPeers3);
|
|
31106
31293
|
const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
|
|
31107
|
-
const localPeerID = useHMSStore79(
|
|
31294
|
+
const localPeerID = useHMSStore79(selectLocalPeerID14);
|
|
31108
31295
|
const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
|
|
31109
31296
|
const isRoleProminence = prominentRoles.length && peers.some(
|
|
31110
31297
|
(peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
|
|
@@ -34556,12 +34743,12 @@ function AutoplayBlockedModal() {
|
|
|
34556
34743
|
init_define_process_env();
|
|
34557
34744
|
import React185, { useEffect as useEffect69 } from "react";
|
|
34558
34745
|
import { v4 as uuid4 } from "uuid";
|
|
34559
|
-
import { selectLocalPeerID as
|
|
34746
|
+
import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
|
|
34560
34747
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
|
|
34561
34748
|
var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
34562
34749
|
var ChatNotifications = () => {
|
|
34563
34750
|
const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
|
|
34564
|
-
const localPeerId = useHMSStore89(
|
|
34751
|
+
const localPeerId = useHMSStore89(selectLocalPeerID15);
|
|
34565
34752
|
useEffect69(() => {
|
|
34566
34753
|
var _a8, _b7;
|
|
34567
34754
|
if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
|
|
@@ -35178,7 +35365,7 @@ init_define_process_env();
|
|
|
35178
35365
|
import React191, { useEffect as useEffect78 } from "react";
|
|
35179
35366
|
import {
|
|
35180
35367
|
HMSNotificationTypes as HMSNotificationTypes10,
|
|
35181
|
-
selectLocalPeerID as
|
|
35368
|
+
selectLocalPeerID as selectLocalPeerID16,
|
|
35182
35369
|
selectPeerNameByID as selectPeerNameByID8,
|
|
35183
35370
|
useHMSNotifications as useHMSNotifications11,
|
|
35184
35371
|
useHMSStore as useHMSStore93,
|
|
@@ -35188,7 +35375,7 @@ var notificationTypes2 = [HMSNotificationTypes10.POLL_STARTED, HMSNotificationTy
|
|
|
35188
35375
|
var pollToastKey = {};
|
|
35189
35376
|
var PollNotificationModal = () => {
|
|
35190
35377
|
const togglePollView = usePollViewToggle();
|
|
35191
|
-
const localPeerID = useHMSStore93(
|
|
35378
|
+
const localPeerID = useHMSStore93(selectLocalPeerID16);
|
|
35192
35379
|
const vanillaStore = useHMSVanillaStore18();
|
|
35193
35380
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
35194
35381
|
const notification = useHMSNotifications11(notificationTypes2);
|
|
@@ -35664,7 +35851,7 @@ import React202, { useCallback as useCallback41, useEffect as useEffect86, useMe
|
|
|
35664
35851
|
import { useMedia as useMedia50 } from "react-use";
|
|
35665
35852
|
import {
|
|
35666
35853
|
selectIsLargeRoom as selectIsLargeRoom4,
|
|
35667
|
-
selectLocalPeerID as
|
|
35854
|
+
selectLocalPeerID as selectLocalPeerID17,
|
|
35668
35855
|
selectPeerNameByID as selectPeerNameByID9,
|
|
35669
35856
|
useCustomEvent as useCustomEvent5,
|
|
35670
35857
|
useHMSActions as useHMSActions57,
|
|
@@ -35695,7 +35882,7 @@ var getStartingPoints = (isMobile) => {
|
|
|
35695
35882
|
return arr;
|
|
35696
35883
|
};
|
|
35697
35884
|
function FlyingEmoji() {
|
|
35698
|
-
const localPeerId = useHMSStore97(
|
|
35885
|
+
const localPeerId = useHMSStore97(selectLocalPeerID17);
|
|
35699
35886
|
const vanillaStore = useHMSVanillaStore19();
|
|
35700
35887
|
const hmsActions = useHMSActions57();
|
|
35701
35888
|
const [emojis, setEmojis] = useState85([]);
|