@100mslive/roomkit-react 0.3.19-alpha.4 → 0.3.19-alpha.5
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-LMQPPX5V.js → HLSView-NCGEEGH7.js} +2 -2
- package/dist/{HLSView-IQOQUTLY.css → HLSView-ZEFRICMR.css} +3 -3
- package/dist/{HLSView-IQOQUTLY.css.map → HLSView-ZEFRICMR.css.map} +1 -1
- package/dist/Prebuilt/components/VirtualBackground/VBCollection.d.ts +1 -1
- package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +5 -6
- package/dist/{chunk-FZNVIKYB.js → chunk-V5SUEML3.js} +76 -63
- package/dist/{chunk-FZNVIKYB.js.map → chunk-V5SUEML3.js.map} +3 -3
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +72 -59
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +33 -23
- package/dist/meta.esbuild.json +44 -34
- package/package.json +7 -7
- package/src/Prebuilt/components/VirtualBackground/VBCollection.tsx +3 -1
- package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +14 -4
- package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +46 -31
- /package/dist/{HLSView-LMQPPX5V.js.map → HLSView-NCGEEGH7.js.map} +0 -0
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
|
|
107
107
|
var define_process_env_default;
|
108
108
|
var init_define_process_env = __esm({
|
109
109
|
"<define:process.env>"() {
|
110
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_bac17dac-f4fd-48e8-9d89-38e548d1f300", 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", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", 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.0.9-alpha.4", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 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_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.10.19-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_bac17dac-f4fd-48e8-9d89-38e548d1f300", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.13.19-alpha.4", 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_devDependencies__storybook_addon_links: "^7.0.27", 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_files_1: "src", 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_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", 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_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "596", npm_package_scripts_postinstall: "husky install && lerna bootstrap", 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", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", 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", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/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.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18160", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.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", 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.3.19-alpha.4", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10627362599", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", 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", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "9e4ed31790cb83d42e38f70aaa79aaeb0b9faa05", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "17347ffc4a9c3d3a85c9a10fc4dd4849cfe6e901a1f72e952b264e58d054095f", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", 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--1724995797884-0.2935429640133991:/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/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724995797664-0.1253934803464225:/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/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724995772186-0.8015111910950496:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724995772006-0.33628275444566813:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_eb80b599-2fd2-49be-8322-9bfa7e211aa3", INVOCATION_ID: "7479958812014e92b947a762d9e95ddb", 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_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "647", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", 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 224", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", 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", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.4", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", 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_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", 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", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "9e4ed31790cb83d42e38f70aaa79aaeb0b9faa05", 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_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", 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_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", 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_bac17dac-f4fd-48e8-9d89-38e548d1f300", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", 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_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", 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", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_bac17dac-f4fd-48e8-9d89-38e548d1f300", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", 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", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", 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", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_bac17dac-f4fd-48e8-9d89-38e548d1f300" };
|
110
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3dd39ae1-8fd5-4687-9696-ff20590caf55", 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", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", 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.0.9-alpha.5", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 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_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.10.19-alpha.5", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3dd39ae1-8fd5-4687-9696-ff20590caf55", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.13.19-alpha.5", 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_devDependencies__storybook_addon_links: "^7.0.27", 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_files_1: "src", 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_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", 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_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "590", npm_package_scripts_postinstall: "husky install && lerna bootstrap", 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", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", 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", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/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.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17231", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.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", 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.3.19-alpha.5", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10633029859", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", 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", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "da2bf7b3dc5e63d27f56b52c9a8796436908be85", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "a35fc7248d314953889388ec6fb4a21d6a2568673ffaa3c2392dcb8127d90770", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", 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--1725022506895-0.6718348401859064:/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/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725022506696-0.8233530861742515:/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/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725022481068-0.5873081437384109:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725022480885-0.9866716058873972:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_1ca7509e-b647-4ef7-922e-d95d62de39b7", INVOCATION_ID: "b4003c7f299b4a33b3ce5f8e9cc02080", 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_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "648", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", 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 47", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", 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", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19-alpha.5", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.5", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", 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_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", 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", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "da2bf7b3dc5e63d27f56b52c9a8796436908be85", 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_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", 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_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", 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_3dd39ae1-8fd5-4687-9696-ff20590caf55", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", 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_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", 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", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3dd39ae1-8fd5-4687-9696-ff20590caf55", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", 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", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", 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", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3dd39ae1-8fd5-4687-9696-ff20590caf55" };
|
111
111
|
}
|
112
112
|
});
|
113
113
|
|
@@ -12911,7 +12911,7 @@ var Collapsible = {
|
|
12911
12911
|
|
12912
12912
|
// src/Prebuilt/App.tsx
|
12913
12913
|
init_define_process_env();
|
12914
|
-
import React186, { useEffect as useEffect78, useRef as
|
12914
|
+
import React186, { useEffect as useEffect78, useRef as useRef34 } from "react";
|
12915
12915
|
import { match as match16 } from "ts-pattern";
|
12916
12916
|
import {
|
12917
12917
|
HMSReactiveStore,
|
@@ -13881,19 +13881,25 @@ import { HMSRoomState as HMSRoomState2, selectRoomState as selectRoomState2, use
|
|
13881
13881
|
|
13882
13882
|
// src/Prebuilt/components/VirtualBackground/VBHandler.tsx
|
13883
13883
|
init_define_process_env();
|
13884
|
-
import {
|
13884
|
+
import { HMSVBPlugin, HMSVirtualBackgroundTypes } from "@100mslive/hms-virtual-background/hmsvbplugin";
|
13885
13885
|
var VBPlugin = class {
|
13886
13886
|
constructor() {
|
13887
|
-
this.initialisePlugin = (effectsSDKKey, onInit) => {
|
13887
|
+
this.initialisePlugin = (effectsSDKKey, onInit) => __async(this, null, function* () {
|
13888
13888
|
if (this.getVBObject()) {
|
13889
13889
|
return;
|
13890
13890
|
}
|
13891
13891
|
if (effectsSDKKey) {
|
13892
|
-
|
13892
|
+
try {
|
13893
|
+
const { HMSEffectsPlugin } = yield import("@100mslive/hms-virtual-background/hmseffectsplugin");
|
13894
|
+
this.effectsPlugin = new HMSEffectsPlugin(effectsSDKKey, onInit);
|
13895
|
+
} catch (error) {
|
13896
|
+
console.error("Failed to initialise HMSEffectsPlugin:", error, "Using HMSVBPlugin");
|
13897
|
+
this.hmsPlugin = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
|
13898
|
+
}
|
13893
13899
|
} else {
|
13894
13900
|
this.hmsPlugin = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
|
13895
13901
|
}
|
13896
|
-
};
|
13902
|
+
});
|
13897
13903
|
this.getBackground = () => {
|
13898
13904
|
var _a7, _b7;
|
13899
13905
|
if (this.effectsPlugin) {
|
@@ -14606,7 +14612,7 @@ var AuthToken_default = AuthToken;
|
|
14606
14612
|
|
14607
14613
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
14608
14614
|
init_define_process_env();
|
14609
|
-
import React161, { useEffect as useEffect59, useRef as
|
14615
|
+
import React161, { useEffect as useEffect59, useRef as useRef31, useState as useState68 } from "react";
|
14610
14616
|
import { v4 as uuid3 } from "uuid";
|
14611
14617
|
import {
|
14612
14618
|
HMSRoomState as HMSRoomState8,
|
@@ -21391,7 +21397,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
|
|
21391
21397
|
n((t = t.apply(a2, e)).next());
|
21392
21398
|
});
|
21393
21399
|
var yr = ro((Dc, ho) => {
|
21394
|
-
ho.exports = { version: "0.12.19-alpha.
|
21400
|
+
ho.exports = { version: "0.12.19-alpha.5", 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", "src"], 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": "^1.0.1", uuid: "^8.3.2", "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.36", "@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"] };
|
21395
21401
|
});
|
21396
21402
|
var Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
|
21397
21403
|
var so = ((e) => (e.CHAT = "chat", e))(so || {});
|
@@ -28440,9 +28446,9 @@ var VideoTile_default = VideoTile;
|
|
28440
28446
|
|
28441
28447
|
// src/Prebuilt/components/VirtualBackground/VBPicker.tsx
|
28442
28448
|
init_define_process_env();
|
28443
|
-
import React131, { useEffect as useEffect40, useState as useState56 } from "react";
|
28449
|
+
import React131, { useEffect as useEffect40, useRef as useRef26, useState as useState56 } from "react";
|
28444
28450
|
import { useMedia as useMedia24 } from "react-use";
|
28445
|
-
import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes4 } from "@100mslive/hms-virtual-background";
|
28451
|
+
import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes4 } from "@100mslive/hms-virtual-background/hmsvbplugin";
|
28446
28452
|
import {
|
28447
28453
|
HMSRoomState as HMSRoomState5,
|
28448
28454
|
selectIsLargeRoom as selectIsLargeRoom3,
|
@@ -28474,7 +28480,7 @@ var doesBrowserSupportEffectsSDK = () => {
|
|
28474
28480
|
// src/Prebuilt/components/VirtualBackground/VBCollection.tsx
|
28475
28481
|
init_define_process_env();
|
28476
28482
|
import React130 from "react";
|
28477
|
-
import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background";
|
28483
|
+
import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background/hmsvbplugin";
|
28478
28484
|
|
28479
28485
|
// src/Prebuilt/components/VirtualBackground/VBOption.tsx
|
28480
28486
|
init_define_process_env();
|
@@ -28564,46 +28570,53 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
28564
28570
|
const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
|
28565
28571
|
const background = useHMSStore69(qm(APP_DATA.background));
|
28566
28572
|
const mediaList = backgroundMedia.map((media) => media.url || "");
|
28573
|
+
const pluginLoadingRef = useRef26(false);
|
28567
28574
|
const inPreview = roomState === HMSRoomState5.Preview;
|
28568
28575
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
28569
28576
|
useEffect40(() => {
|
28570
|
-
|
28571
|
-
|
28572
|
-
|
28573
|
-
|
28574
|
-
|
28575
|
-
|
28576
|
-
|
28577
|
-
|
28578
|
-
let vbObject2 = VBHandler.getVBObject();
|
28579
|
-
if (!vbObject2) {
|
28580
|
-
VBHandler.initialisePlugin(isEffectsEnabled && effectsKey ? effectsKey : "", () => setLoadingEffects(false));
|
28581
|
-
vbObject2 = VBHandler.getVBObject();
|
28577
|
+
const initializeVirtualBackground = () => __async(void 0, null, function* () {
|
28578
|
+
if (!(track == null ? void 0 : track.id) || pluginLoadingRef.current || isPluginAdded) {
|
28579
|
+
return;
|
28580
|
+
}
|
28581
|
+
const isEffectsSupported = doesBrowserSupportEffectsSDK();
|
28582
|
+
setIsBlurSupported(isEffectsSupported);
|
28583
|
+
try {
|
28584
|
+
pluginLoadingRef.current = true;
|
28582
28585
|
if (isEffectsEnabled && isEffectsSupported && effectsKey) {
|
28583
|
-
|
28586
|
+
setLoadingEffects(true);
|
28587
|
+
yield VBHandler.initialisePlugin(effectsKey, () => {
|
28588
|
+
setLoadingEffects(false);
|
28589
|
+
});
|
28590
|
+
hmsActions.addPluginsToVideoStream([VBHandler.getVBObject()]);
|
28584
28591
|
} else {
|
28585
28592
|
setLoadingEffects(false);
|
28586
28593
|
if (!role) {
|
28587
28594
|
return;
|
28588
28595
|
}
|
28589
|
-
|
28596
|
+
yield VBHandler.initialisePlugin();
|
28597
|
+
yield hmsActions.addPluginToVideoTrack(
|
28598
|
+
VBHandler.getVBObject(),
|
28599
|
+
Math.floor(role.publishParams.video.frameRate / 2)
|
28600
|
+
);
|
28590
28601
|
}
|
28591
|
-
|
28592
|
-
|
28593
|
-
|
28594
|
-
|
28595
|
-
|
28596
|
-
|
28597
|
-
|
28598
|
-
|
28599
|
-
|
28602
|
+
const handleDefaultBackground = () => __async(void 0, null, function* () {
|
28603
|
+
switch (background) {
|
28604
|
+
case HMSVirtualBackgroundTypes4.NONE:
|
28605
|
+
break;
|
28606
|
+
case HMSVirtualBackgroundTypes4.BLUR:
|
28607
|
+
yield VBHandler.setBlur(blurAmount);
|
28608
|
+
break;
|
28609
|
+
default:
|
28610
|
+
yield VBHandler.setBackground(background);
|
28600
28611
|
}
|
28601
|
-
|
28602
|
-
|
28603
|
-
|
28604
|
-
|
28605
|
-
|
28606
|
-
|
28612
|
+
});
|
28613
|
+
yield handleDefaultBackground();
|
28614
|
+
} catch (error) {
|
28615
|
+
console.error("Error initializing virtual background:", error);
|
28616
|
+
setLoadingEffects(false);
|
28617
|
+
}
|
28618
|
+
});
|
28619
|
+
initializeVirtualBackground();
|
28607
28620
|
}, [
|
28608
28621
|
hmsActions,
|
28609
28622
|
role,
|
@@ -29373,7 +29386,7 @@ var WaitingView = React139.memo(
|
|
29373
29386
|
|
29374
29387
|
// src/Prebuilt/components/InsetTile.tsx
|
29375
29388
|
init_define_process_env();
|
29376
|
-
import React141, { useEffect as useEffect44, useRef as
|
29389
|
+
import React141, { useEffect as useEffect44, useRef as useRef27 } from "react";
|
29377
29390
|
import Draggable from "react-draggable";
|
29378
29391
|
import { useMedia as useMedia29 } from "react-use";
|
29379
29392
|
import {
|
@@ -29437,7 +29450,7 @@ var InsetTile = ({ peerId }) => {
|
|
29437
29450
|
width = 240;
|
29438
29451
|
height = width / aspectRatio;
|
29439
29452
|
}
|
29440
|
-
const nodeRef =
|
29453
|
+
const nodeRef = useRef27(null);
|
29441
29454
|
useEffect44(() => {
|
29442
29455
|
const node = nodeRef.current;
|
29443
29456
|
if (!node || !window.ResizeObserver) {
|
@@ -29732,7 +29745,7 @@ import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore75 } fr
|
|
29732
29745
|
|
29733
29746
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
29734
29747
|
init_define_process_env();
|
29735
|
-
import React146, { useEffect as useEffect48, useRef as
|
29748
|
+
import React146, { useEffect as useEffect48, useRef as useRef28, useState as useState60 } from "react";
|
29736
29749
|
import { useMedia as useMedia32 } from "react-use";
|
29737
29750
|
import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
|
29738
29751
|
|
@@ -29825,7 +29838,7 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
|
|
29825
29838
|
const spotlightPeerId = useHMSStore74(selectSessionStore12("spotlight" /* SPOTLIGHT */));
|
29826
29839
|
const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
|
29827
29840
|
const pinnedPeer = (_a7 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
|
29828
|
-
const pageChangedAfterPinning =
|
29841
|
+
const pageChangedAfterPinning = useRef28(false);
|
29829
29842
|
const pagesWithTiles = usePagesWithTiles({
|
29830
29843
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
29831
29844
|
if (activeScreensharePeerId === p1.id) {
|
@@ -29973,7 +29986,7 @@ import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100msli
|
|
29973
29986
|
|
29974
29987
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
29975
29988
|
init_define_process_env();
|
29976
|
-
import React150, { useRef as
|
29989
|
+
import React150, { useRef as useRef29, useState as useState63 } from "react";
|
29977
29990
|
import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
|
29978
29991
|
import screenfull2 from "screenfull";
|
29979
29992
|
import {
|
@@ -30144,7 +30157,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
30144
30157
|
const [isMouseHovered, setIsMouseHovered] = useState63(false);
|
30145
30158
|
const isMobile = useMedia34(config.media.md);
|
30146
30159
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
30147
|
-
const fullscreenRef =
|
30160
|
+
const fullscreenRef = useRef29(null);
|
30148
30161
|
const [fullscreen, setFullscreen] = useState63(false);
|
30149
30162
|
const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
|
30150
30163
|
onClose: () => setFullscreen(false)
|
@@ -30686,7 +30699,7 @@ var PDFView = () => {
|
|
30686
30699
|
|
30687
30700
|
// src/Prebuilt/plugins/CaptionsViewer.tsx
|
30688
30701
|
init_define_process_env();
|
30689
|
-
import React156, { useEffect as useEffect55, useRef as
|
30702
|
+
import React156, { useEffect as useEffect55, useRef as useRef30, useState as useState66 } from "react";
|
30690
30703
|
import Draggable2 from "react-draggable";
|
30691
30704
|
import { useMedia as useMedia37 } from "react-use";
|
30692
30705
|
import {
|
@@ -30857,7 +30870,7 @@ var CaptionsViewer = ({
|
|
30857
30870
|
const [currentData, setCurrentData] = useState66([]);
|
30858
30871
|
const isCaptionEnabled = useIsCaptionEnabled();
|
30859
30872
|
const isTranscriptionEnabled = useHMSStore81(selectIsTranscriptionEnabled5);
|
30860
|
-
const nodeRef =
|
30873
|
+
const nodeRef = useRef30(null);
|
30861
30874
|
useEffect55(() => {
|
30862
30875
|
const timeInterval = setInterval(() => {
|
30863
30876
|
var _a8;
|
@@ -30938,7 +30951,7 @@ var useCloseScreenshareWhiteboard = () => {
|
|
30938
30951
|
};
|
30939
30952
|
|
30940
30953
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
30941
|
-
var HLSView = React157.lazy(() => import("./HLSView-
|
30954
|
+
var HLSView = React157.lazy(() => import("./HLSView-NCGEEGH7.js"));
|
30942
30955
|
var VideoStreamingSection = ({
|
30943
30956
|
screenType,
|
30944
30957
|
elements,
|
@@ -31300,14 +31313,14 @@ var ConferenceScreen = () => {
|
|
31300
31313
|
const [hideControls, setHideControls] = useState68(false);
|
31301
31314
|
const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
|
31302
31315
|
const authTokenInAppData = useAuthToken();
|
31303
|
-
const headerRef =
|
31304
|
-
const footerRef =
|
31316
|
+
const headerRef = useRef31(null);
|
31317
|
+
const footerRef = useRef31(null);
|
31305
31318
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
31306
|
-
const dropdownListRef =
|
31319
|
+
const dropdownListRef = useRef31();
|
31307
31320
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
31308
31321
|
const { requestPermission } = useAwayNotifications3();
|
31309
31322
|
const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
|
31310
|
-
const autoRoomJoined =
|
31323
|
+
const autoRoomJoined = useRef31(isPreviewScreenEnabled);
|
31311
31324
|
const isMobileHLSStream = useMobileHLSStream();
|
31312
31325
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
31313
31326
|
const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
|
@@ -32781,7 +32794,7 @@ var PermissionErrorModal = ({ error }) => {
|
|
32781
32794
|
|
32782
32795
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
32783
32796
|
init_define_process_env();
|
32784
|
-
import { useEffect as useEffect69, useRef as
|
32797
|
+
import { useEffect as useEffect69, useRef as useRef32 } from "react";
|
32785
32798
|
import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
|
32786
32799
|
var notificationTypes2 = [
|
32787
32800
|
HMSNotificationTypes6.RECONNECTED,
|
@@ -32791,7 +32804,7 @@ var notificationTypes2 = [
|
|
32791
32804
|
var notificationId = null;
|
32792
32805
|
var ReconnectNotifications = () => {
|
32793
32806
|
const notification = useHMSNotifications6(notificationTypes2);
|
32794
|
-
const prevErrorCode =
|
32807
|
+
const prevErrorCode = useRef32(0);
|
32795
32808
|
useEffect69(() => {
|
32796
32809
|
var _a7, _b7;
|
32797
32810
|
if (!notification) {
|
@@ -33429,7 +33442,7 @@ function RemoteStopScreenshare() {
|
|
33429
33442
|
|
33430
33443
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
33431
33444
|
init_define_process_env();
|
33432
|
-
import { useCallback as useCallback40, useEffect as useEffect77, useRef as
|
33445
|
+
import { useCallback as useCallback40, useEffect as useEffect77, useRef as useRef33 } from "react";
|
33433
33446
|
import {
|
33434
33447
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
33435
33448
|
selectPermissions as selectPermissions20,
|
@@ -33444,7 +33457,7 @@ var useAutoStartStreaming = () => {
|
|
33444
33457
|
const hmsActions = useHMSActions58();
|
33445
33458
|
const isConnected = useHMSStore95(selectIsConnectedToRoom12);
|
33446
33459
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
|
33447
|
-
const streamStartedRef =
|
33460
|
+
const streamStartedRef = useRef33(false);
|
33448
33461
|
const startHLS = useCallback40(() => __async(void 0, null, function* () {
|
33449
33462
|
try {
|
33450
33463
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
@@ -33497,7 +33510,7 @@ var HMSPrebuilt = React186.forwardRef(
|
|
33497
33510
|
onJoin
|
33498
33511
|
}, ref) => {
|
33499
33512
|
var _a7, _b7, _c, _d;
|
33500
|
-
const reactiveStore =
|
33513
|
+
const reactiveStore = useRef34();
|
33501
33514
|
const [hydrated, setHydrated] = React186.useState(false);
|
33502
33515
|
useEffect78(() => {
|
33503
33516
|
setHydrated(true);
|
@@ -33687,7 +33700,7 @@ init_define_process_env();
|
|
33687
33700
|
|
33688
33701
|
// src/Diagnostics/Diagnostics.tsx
|
33689
33702
|
init_define_process_env();
|
33690
|
-
import React194, { useCallback as useCallback42, useRef as
|
33703
|
+
import React194, { useCallback as useCallback42, useRef as useRef36, useState as useState84 } from "react";
|
33691
33704
|
import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions61 } from "@100mslive/react-sdk";
|
33692
33705
|
import {
|
33693
33706
|
CheckCircleIcon as CheckCircleIcon7,
|
@@ -33793,11 +33806,11 @@ var TestFooter = ({
|
|
33793
33806
|
// src/Diagnostics/DeviceSelector.jsx
|
33794
33807
|
init_define_process_env();
|
33795
33808
|
var import_prop_types = __toESM(require_prop_types());
|
33796
|
-
import React189, { useRef as
|
33809
|
+
import React189, { useRef as useRef35, useState as useState79 } from "react";
|
33797
33810
|
var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
33798
33811
|
var _a7, _b7;
|
33799
33812
|
const [open, setOpen] = useState79(false);
|
33800
|
-
const ref =
|
33813
|
+
const ref = useRef35(null);
|
33801
33814
|
return /* @__PURE__ */ React189.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React189.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React189.createElement(
|
33802
33815
|
Flex,
|
33803
33816
|
{
|
@@ -34469,7 +34482,7 @@ var DiagnosticsProvider = () => {
|
|
34469
34482
|
const actions = useHMSActions61();
|
34470
34483
|
const [activeStep, setActiveStep] = useState84(0);
|
34471
34484
|
const [steps, setSteps] = useState84(initialSteps);
|
34472
|
-
const diagnosticsRef =
|
34485
|
+
const diagnosticsRef = useRef36(actions.initDiagnostics());
|
34473
34486
|
const updateStep = useCallback42((step, value) => {
|
34474
34487
|
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|
34475
34488
|
}, []);
|
@@ -34623,4 +34636,4 @@ object-assign/index.js:
|
|
34623
34636
|
@license MIT
|
34624
34637
|
*)
|
34625
34638
|
*/
|
34626
|
-
//# sourceMappingURL=chunk-
|
34639
|
+
//# sourceMappingURL=chunk-V5SUEML3.js.map
|