@100mslive/roomkit-react 0.1.4 → 0.1.6-alpha.0

package/dist/PinnedTrackView-CQKONH4O.js

@@ -1,102 +0,0 @@
-import {
-  VideoList_default,
-  VideoTile_default,
-  useAppConfig
-} from "./chunk-I2FJWE74.js";
-import {
-  useIsHeadless,
-  usePinnedTrack,
-  useTheme
-} from "./chunk-L2SX7GBO.js";
-import {
-  Flex,
-  define_process_env_default,
-  init_define_process_env
-} from "./chunk-NOKIGB6Y.js";
-
-// src/Prebuilt/layouts/PinnedTrackView.jsx
-init_define_process_env();
-import React2 from "react";
-import { useMeasure } from "react-use";
-import { selectPeers, selectVideoTrackByPeerID, useHMSStore } from "@100mslive/react-sdk";
-
-// src/Prebuilt/components/gridView.jsx
-init_define_process_env();
-import React, { Fragment } from "react";
-import { useMedia } from "react-use";
-var webinarProps = JSON.parse(define_process_env_default.REACT_APP_WEBINAR_PROPS || "{}");
-var eventRoomIDs = (webinarProps == null ? void 0 : webinarProps.ROOM_IDS) || [];
-var eventsImg = (webinarProps == null ? void 0 : webinarProps.IMAGE_FILE) || "";
-var webinarInfoLink = (webinarProps == null ? void 0 : webinarProps.LINK_HREF) || "https://100ms.live/";
-var GridSidePaneView = ({ peers }) => {
-  const headlessConfig = useAppConfig("headlessConfig");
-  const isHeadless = useIsHeadless();
-  return /* @__PURE__ */ React.createElement(
-    Flex,
-    {
-      direction: "column",
-      css: {
-        flex: "0 0 20%",
-        mx: isHeadless && Number(headlessConfig == null ? void 0 : headlessConfig.tileOffset) === 0 ? "0" : "$8",
-        "@lg": {
-          flex: "0 0 25%"
-        },
-        "@md": {
-          flex: "1 1 0"
-        }
-      }
-    },
-    /* @__PURE__ */ React.createElement(Flex, { css: { flex: "1 1 0" }, align: "end" }, peers && peers.length > 0 && /* @__PURE__ */ React.createElement(VideoList_default, { peers, maxColCount: 1 }))
-  );
-};
-
-// src/Prebuilt/layouts/PinnedTrackView.jsx
-var PinnedPeerView = () => {
-  const { aspectRatio } = useTheme();
-  const pinnedTrack = usePinnedTrack();
-  const peerVideoTrack = useHMSStore(selectVideoTrackByPeerID(pinnedTrack.peerId));
-  const pinnedVideoTrack = pinnedTrack && pinnedTrack.type === "audio" ? peerVideoTrack : pinnedTrack;
-  const [ref, { height, width }] = useMeasure();
-  const peers = (useHMSStore(selectPeers) || []).filter(
-    (peer) => peer.videoTrack || peer.audioTrack || peer.auxiliaryTracks.length > 0
-  );
-  if (peers.length === 0) {
-    return null;
-  }
-  const showSidePane = pinnedTrack && peers.length > 1;
-  let finalWidth = aspectRatio.width / aspectRatio.height * height;
-  let finalHeight = height;
-  if (finalWidth > width) {
-    finalWidth = width;
-    finalHeight = aspectRatio.height / aspectRatio.width * width;
-  }
-  return /* @__PURE__ */ React2.createElement(Flex, { css: { size: "100%", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React2.createElement(
-    Flex,
-    {
-      css: {
-        flex: "1 1 0",
-        p: "$8",
-        minHeight: 0,
-        minWidth: 0,
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      ref
-    },
-    /* @__PURE__ */ React2.createElement(
-      VideoTile_default,
-      {
-        key: pinnedTrack.id,
-        trackId: pinnedVideoTrack == null ? void 0 : pinnedVideoTrack.id,
-        peerId: pinnedTrack.peerId,
-        height: finalHeight,
-        width: finalWidth
-      }
-    )
-  ), showSidePane && /* @__PURE__ */ React2.createElement(GridSidePaneView, { peers: peers.filter((peer) => peer.id !== pinnedTrack.peerId) }));
-};
-var PinnedTrackView_default = PinnedPeerView;
-export {
-  PinnedTrackView_default as default
-};
-//# sourceMappingURL=PinnedTrackView-CQKONH4O.js.map

package/dist/PinnedTrackView-CQKONH4O.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/Prebuilt/layouts/PinnedTrackView.jsx", "../src/Prebuilt/components/gridView.jsx"],
-  "sourcesContent": ["import React from 'react';\nimport { useMeasure } from 'react-use';\nimport { selectPeers, selectVideoTrackByPeerID, useHMSStore } from '@100mslive/react-sdk';\nimport { GridSidePaneView } from '../components/gridView';\nimport VideoTile from '../components/VideoTile';\nimport { Flex } from '../../Layout';\nimport { useTheme } from '../../Theme';\nimport { usePinnedTrack } from '../components/AppData/useUISettings';\n\nconst PinnedPeerView = () => {\n  const { aspectRatio } = useTheme();\n  // can be audio or video track, if tile with only audio track is pinned\n  const pinnedTrack = usePinnedTrack();\n  const peerVideoTrack = useHMSStore(selectVideoTrackByPeerID(pinnedTrack.peerId));\n  const pinnedVideoTrack = pinnedTrack && pinnedTrack.type === 'audio' ? peerVideoTrack : pinnedTrack;\n  const [ref, { height, width }] = useMeasure();\n  const peers = (useHMSStore(selectPeers) || []).filter(\n    peer => peer.videoTrack || peer.audioTrack || peer.auxiliaryTracks.length > 0,\n  );\n  if (peers.length === 0) {\n    return null;\n  }\n  const showSidePane = pinnedTrack && peers.length > 1;\n\n  let finalWidth = (aspectRatio.width / aspectRatio.height) * height;\n  let finalHeight = height;\n\n  if (finalWidth > width) {\n    finalWidth = width;\n    finalHeight = (aspectRatio.height / aspectRatio.width) * width;\n  }\n\n  return (\n    <Flex css={{ size: '100%', '@lg': { flexDirection: 'column' } }}>\n      <Flex\n        css={{\n          flex: '1 1 0',\n          p: '$8',\n          minHeight: 0,\n          minWidth: 0,\n          justifyContent: 'center',\n          alignItems: 'center',\n        }}\n        ref={ref}\n      >\n        <VideoTile\n          key={pinnedTrack.id}\n          trackId={pinnedVideoTrack?.id}\n          peerId={pinnedTrack.peerId}\n          height={finalHeight}\n          width={finalWidth}\n        />\n      </Flex>\n      {showSidePane && <GridSidePaneView peers={peers.filter(peer => peer.id !== pinnedTrack.peerId)} />}\n    </Flex>\n  );\n};\n\nexport default PinnedPeerView;\n", "import React, { Fragment } from 'react';\nimport { useMedia } from 'react-use';\nimport { Box, Flex } from '../../Layout';\nimport { config as cssConfig } from '../../Theme';\nimport { FirstPersonDisplay } from './FirstPersonDisplay';\nimport { Image } from './Image';\nimport VideoList from './VideoList';\nimport { useAppConfig } from './AppData/useAppConfig';\nimport { useIsHeadless } from './AppData/useUISettings';\n\nconst MAX_TILES_FOR_MOBILE = 4;\n\n/**\n * the below variables are for showing webinar etc. related image if required on certain meeting urls\n */\nconst webinarProps = JSON.parse(process.env.REACT_APP_WEBINAR_PROPS || '{}');\nconst eventRoomIDs = webinarProps?.ROOM_IDS || [];\nconst eventsImg = webinarProps?.IMAGE_FILE || ''; // the image to show in center\n// the link to navigate to when user clicks on the image\nconst webinarInfoLink = webinarProps?.LINK_HREF || 'https://100ms.live/';\n\n// The center of the screen shows bigger tiles\nexport const GridCenterView = ({ peers, maxTileCount }) => {\n  const mediaQueryLg = cssConfig.media.md;\n  const limitMaxTiles = useMedia(mediaQueryLg);\n\n  const headlessConfig = useAppConfig('headlessConfig');\n  const isHeadless = useIsHeadless();\n  return (\n    <Fragment>\n      <Box\n        css={{\n          flex: '1 1 0',\n          height: '100%',\n          mx: isHeadless && Number(headlessConfig?.tileOffset) === 0 ? '0' : '$8',\n          '@md': { flex: '2 1 0' },\n        }}\n      >\n        {peers && peers.length > 0 ? (\n          <VideoList peers={peers} maxTileCount={limitMaxTiles ? MAX_TILES_FOR_MOBILE : maxTileCount} />\n        ) : eventRoomIDs.some(id => window.location.href.includes(id)) ? (\n          <Box\n            css={{\n              display: 'grid',\n              placeItems: 'center',\n              size: '100%',\n              p: '$12',\n            }}\n          >\n            <a href={webinarInfoLink} target=\"_blank\" rel=\"noreferrer\">\n              <Image css={{ p: '$4', boxShadow: '$sm' }} alt=\"Event template\" src={eventsImg} />\n            </a>\n          </Box>\n        ) : (\n          <FirstPersonDisplay />\n        )}\n      </Box>\n    </Fragment>\n  );\n};\n\n// Side pane shows smaller tiles\nexport const GridSidePaneView = ({ peers }) => {\n  const headlessConfig = useAppConfig('headlessConfig');\n  const isHeadless = useIsHeadless();\n  return (\n    <Flex\n      direction=\"column\"\n      css={{\n        flex: '0 0 20%',\n        mx: isHeadless && Number(headlessConfig?.tileOffset) === 0 ? '0' : '$8',\n        '@lg': {\n          flex: '0 0 25%',\n        },\n        '@md': {\n          flex: '1 1 0',\n        },\n      }}\n    >\n      <Flex css={{ flex: '1 1 0' }} align=\"end\">\n        {peers && peers.length > 0 && <VideoList peers={peers} maxColCount={1} />}\n      </Flex>\n    </Flex>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA,OAAOA,YAAW;AAClB,SAAS,kBAAkB;AAC3B,SAAS,aAAa,0BAA0B,mBAAmB;;;ACFnE;AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,gBAAgB;AAczB,IAAM,eAAe,KAAK,MAAM,2BAAY,2BAA2B,IAAI;AAC3E,IAAM,gBAAe,6CAAc,aAAY,CAAC;AAChD,IAAM,aAAY,6CAAc,eAAc;AAE9C,IAAM,mBAAkB,6CAAc,cAAa;AA2C5C,IAAM,mBAAmB,CAAC,EAAE,MAAM,MAAM;AAC7C,QAAM,iBAAiB,aAAa,gBAAgB;AACpD,QAAM,aAAa,cAAc;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI,cAAc,OAAO,iDAAgB,UAAU,MAAM,IAAI,MAAM;AAAA,QACnE,OAAO;AAAA,UACL,MAAM;AAAA,QACR;AAAA,QACA,OAAO;AAAA,UACL,MAAM;AAAA,QACR;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,QAAK,KAAK,EAAE,MAAM,QAAQ,GAAG,OAAM,SACjC,SAAS,MAAM,SAAS,KAAK,oCAAC,qBAAU,OAAc,aAAa,GAAG,CACzE;AAAA,EACF;AAEJ;;;AD3EA,IAAM,iBAAiB,MAAM;AAC3B,QAAM,EAAE,YAAY,IAAI,SAAS;AAEjC,QAAM,cAAc,eAAe;AACnC,QAAM,iBAAiB,YAAY,yBAAyB,YAAY,MAAM,CAAC;AAC/E,QAAM,mBAAmB,eAAe,YAAY,SAAS,UAAU,iBAAiB;AACxF,QAAM,CAAC,KAAK,EAAE,QAAQ,MAAM,CAAC,IAAI,WAAW;AAC5C,QAAM,SAAS,YAAY,WAAW,KAAK,CAAC,GAAG;AAAA,IAC7C,UAAQ,KAAK,cAAc,KAAK,cAAc,KAAK,gBAAgB,SAAS;AAAA,EAC9E;AACA,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AACA,QAAM,eAAe,eAAe,MAAM,SAAS;AAEnD,MAAI,aAAc,YAAY,QAAQ,YAAY,SAAU;AAC5D,MAAI,cAAc;AAElB,MAAI,aAAa,OAAO;AACtB,iBAAa;AACb,kBAAe,YAAY,SAAS,YAAY,QAAS;AAAA,EAC3D;AAEA,SACE,gBAAAC,OAAA,cAAC,QAAK,KAAK,EAAE,MAAM,QAAQ,OAAO,EAAE,eAAe,SAAS,EAAE,KAC5D,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,QACH,MAAM;AAAA,QACN,GAAG;AAAA,QACH,WAAW;AAAA,QACX,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,YAAY;AAAA,MACd;AAAA,MACA;AAAA;AAAA,IAEA,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,YAAY;AAAA,QACjB,SAAS,qDAAkB;AAAA,QAC3B,QAAQ,YAAY;AAAA,QACpB,QAAQ;AAAA,QACR,OAAO;AAAA;AAAA,IACT;AAAA,EACF,GACC,gBAAgB,gBAAAA,OAAA,cAAC,oBAAiB,OAAO,MAAM,OAAO,UAAQ,KAAK,OAAO,YAAY,MAAM,GAAG,CAClG;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": ["React", "React"]
-}

package/dist/VirtualBackground-GGGBJYVY.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx", "../src/Prebuilt/plugins/VirtualBackground/vbutils.js"],
-  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\nimport { HMSVirtualBackgroundTypes } from '@100mslive/hms-virtual-background';\nimport {\n  selectIsAllowedToPublish,\n  selectIsLocalVideoPluginPresent,\n  selectLocalPeerRole,\n  selectLocalVideoTrackID,\n  useHMSActions,\n  useHMSStore,\n} from '@100mslive/react-sdk';\nimport { VirtualBackgroundIcon } from '@100mslive/react-icons';\nimport { ActionTile } from '../../components/MoreSettings/ActionTile';\nimport { Loading } from '../../../Loading';\nimport { Tooltip } from '../../../Tooltip';\nimport IconButton from '../../IconButton';\nimport { useIsFeatureEnabled } from '../../components/hooks/useFeatures';\nimport { getRandomVirtualBackground } from './vbutils';\nimport { FEATURE_LIST } from '../../common/constants';\n\nexport const VirtualBackground = ({\n  asActionTile = false,\n  onVBClick = () => {\n    return;\n  },\n}) => {\n  const pluginRef = useRef(null);\n  const hmsActions = useHMSActions();\n  const isAllowedToPublish = useHMSStore(selectIsAllowedToPublish);\n  const role = useHMSStore(selectLocalPeerRole);\n  const [isVBLoading, setIsVBLoading] = useState(false);\n  const [isVBSupported, setIsVBSupported] = useState(false);\n  const [isVBOn, setIsVBOn] = useState(false);\n  const localPeerVideoTrackID = useHMSStore(selectLocalVideoTrackID);\n  const isVBPresent = useHMSStore(selectIsLocalVideoPluginPresent('HMSVB'));\n  const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.VIDEO_PLUGINS);\n\n  async function createPlugin() {\n    if (!pluginRef.current) {\n      const { HMSVBPlugin } = await import('@100mslive/hms-virtual-background');\n      pluginRef.current = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);\n    }\n  }\n  useEffect(() => {\n    if (!localPeerVideoTrackID) {\n      return;\n    }\n    createPlugin().then(() => {\n      //check support of plugin\n      const pluginSupport = hmsActions.validateVideoPluginSupport(pluginRef.current);\n      setIsVBSupported(pluginSupport.isSupported);\n    });\n  }, [hmsActions, localPeerVideoTrackID]);\n\n  async function addPlugin() {\n    setIsVBLoading(true);\n    try {\n      await createPlugin();\n      window.HMS.virtualBackground = pluginRef.current;\n      const { background, backgroundType } = getRandomVirtualBackground();\n      await pluginRef.current.setBackground(background, backgroundType);\n      await hmsActions.addPluginToVideoTrack(pluginRef.current, Math.floor(role.publishParams.video.frameRate / 2));\n    } catch (err) {\n      console.error('add virtual background plugin failed', err);\n    }\n    setIsVBLoading(false);\n  }\n\n  async function removePlugin() {\n    if (pluginRef.current) {\n      await hmsActions.removePluginFromVideoTrack(pluginRef.current);\n      pluginRef.current = null;\n    }\n  }\n\n  if (!isAllowedToPublish.video || !isVBSupported || !isFeatureEnabled) {\n    return null;\n  }\n  if (asActionTile) {\n    return (\n      <ActionTile.Root\n        data-testid=\"virtual_bg_btn\"\n        active={isVBPresent}\n        disabled={isVBLoading}\n        onClick={() => {\n          setIsVBOn(!isVBOn);\n          !isVBPresent ? addPlugin() : removePlugin();\n          onVBClick();\n        }}\n      >\n        <VirtualBackgroundIcon />\n        <ActionTile.Title>Virtual Background</ActionTile.Title>\n      </ActionTile.Root>\n    );\n  }\n\n  return (\n    <Tooltip\n      boxCss={{ zIndex: '100' }}\n      title={isVBLoading ? 'Adding virtual background' : `Turn ${!isVBPresent ? 'on' : 'off'} virtual background`}\n    >\n      <IconButton\n        active={!isVBPresent}\n        disabled={isVBLoading}\n        onClick={() => {\n          !isVBPresent ? addPlugin() : removePlugin();\n        }}\n        data-testid=\"virtual_bg_btn\"\n      >\n        {isVBLoading ? <Loading /> : <VirtualBackgroundIcon />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n\nexport default VirtualBackground;\n", "/* eslint-disable no-case-declarations */\nimport { HMSVirtualBackgroundTypes } from '@100mslive/hms-virtual-background';\nexport function getRandomVirtualBackground() {\n  const backgroundList = [\n    {\n      background: HMSVirtualBackgroundTypes.BLUR,\n      backgroundType: HMSVirtualBackgroundTypes.BLUR,\n    },\n  ];\n\n  const images = [\n    'https://www.100ms.live/images/vb-1.jpeg',\n    'https://www.100ms.live/images/vb-2.jpg',\n    'https://www.100ms.live/images/vb-3.png',\n    'https://d2qi07yyjujoxr.cloudfront.net/webapp/vb/hms1.png',\n    'https://d2qi07yyjujoxr.cloudfront.net/webapp/vb/hms2.png',\n    'https://d2qi07yyjujoxr.cloudfront.net/webapp/vb/hms3.png',\n    'https://d2qi07yyjujoxr.cloudfront.net/webapp/vb/hms4.png',\n  ].map(url => ({\n    background: url,\n    backgroundType: HMSVirtualBackgroundTypes.IMAGE,\n  }));\n\n  backgroundList.push(...images);\n\n  /* \n   //TODO: update with a better quality gif.\n  const gifList = [\n    {\n      background: \"https://www.100ms.live/images/vb-1.gif\",\n      backgroundType: HMSVirtualBackgroundTypes.GIF,\n    },\n  ];\n  backgroundList.push(...gifList); \n  */\n\n  const videoList = [\n    'https://www.100ms.live/images/video-1.mp4',\n    'https://www.100ms.live/images/video-2.mp4',\n    'https://www.100ms.live/images/video-5.mp4',\n    'https://www.100ms.live/images/video-7.mp4',\n    'https://www.100ms.live/images/video-8.mp4',\n  ].map(url => ({\n    background: url,\n    backgroundType: HMSVirtualBackgroundTypes.VIDEO,\n  }));\n  backgroundList.push(...videoList);\n\n  const randomIdx = Math.floor(Math.random() * backgroundList.length);\n  const virtualBackground = backgroundList[randomIdx];\n  switch (virtualBackground.backgroundType) {\n    case HMSVirtualBackgroundTypes.IMAGE:\n      const img = document.createElement('img');\n      img.alt = 'VB';\n      img.src = backgroundList[randomIdx].background;\n      virtualBackground.background = img;\n      return virtualBackground;\n    case HMSVirtualBackgroundTypes.VIDEO:\n      const videoEl = document.createElement('video');\n      videoEl.src = backgroundList[randomIdx].background;\n      virtualBackground.background = videoEl;\n      return virtualBackground;\n    default:\n      return virtualBackground;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["HMSVirtualBackgroundTypes", "HMSVirtualBackgroundTypes"]
-}