@stream-io/video-react-bindings 0.0.1-alpha.21 → 0.0.1-alpha.23

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.23](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.1-alpha.22...@stream-io/video-react-bindings-0.0.1-alpha.23) (2023-05-12)
+
+
+
+## [0.0.1-alpha.22](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.1-alpha.21...@stream-io/video-react-bindings-0.0.1-alpha.22) (2023-05-11)
+
+
+### Features
+
+* server-side participant counting ([#481](https://github.com/GetStream/stream-video-js/issues/481)) ([3410c25](https://github.com/GetStream/stream-video-js/commit/3410c25ec1449f4d39b44080ad64238b38446612))
+
+
+
 ## [0.0.1-alpha.21](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.1-alpha.20...@stream-io/video-react-bindings-0.0.1-alpha.21) (2023-05-11)
 
 

package/dist/src/contexts/StreamCallContext.d.ts

@@ -14,6 +14,8 @@ export interface StreamCallProviderProps {
  * @returns
  *
  * @category Call State
+ *
+ * @react If you're using the React SDK we recommend using the `StreamMeeting` component that wraps the `StreamCallProvider`. You only need to use the `StreamCallProvider` for advanced use-cases.
  */
 export declare const StreamCallProvider: (props: PropsWithChildren<StreamCallProviderProps>) => JSX.Element;
 /**

package/dist/src/contexts/StreamCallContext.js

@@ -7,6 +7,8 @@ const StreamCallContext = createContext(undefined);
  * @returns
  *
  * @category Call State
+ *
+ * @react If you're using the React SDK we recommend using the `StreamMeeting` component that wraps the `StreamCallProvider`. You only need to use the `StreamCallProvider` for advanced use-cases.
  */
 export const StreamCallProvider = (props) => {
     const { call, children } = props;

package/dist/src/contexts/StreamCallContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StreamCallContext.js","sourceRoot":"","sources":["../../../src/contexts/StreamCallContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAGrE,MAAM,iBAAiB,GAAG,aAAa,CAAmB,SAAS,CAAC,CAAC;AAWrE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAiD,EACjD,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,IAAI,gBACpC,QAAQ,IACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC,CAAC"}
+{"version":3,"file":"StreamCallContext.js","sourceRoot":"","sources":["../../../src/contexts/StreamCallContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAGrE,MAAM,iBAAiB,GAAG,aAAa,CAAmB,SAAS,CAAC,CAAC;AAWrE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAiD,EACjD,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,IAAI,gBACpC,QAAQ,IACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC,CAAC"}

package/dist/src/hooks/participants.d.ts

@@ -28,3 +28,10 @@ export declare const useLocalParticipant: () => import("@stream-io/video-client"
  * @category Call State
  */
 export declare const useRemoteParticipants: () => StreamVideoParticipant[];
+/**
+ * Returns the approximate participant count of the active call.
+ * This includes the anonymous users as well, and it is computed on the server.
+ *
+ * @category Call State
+ */
+export declare const useParticipantCount: () => number;

package/dist/src/hooks/participants.js

@@ -39,4 +39,14 @@ export const useRemoteParticipants = () => {
     const { remoteParticipants$ } = useCallState();
     return useObservableValue(remoteParticipants$);
 };
+/**
+ * Returns the approximate participant count of the active call.
+ * This includes the anonymous users as well, and it is computed on the server.
+ *
+ * @category Call State
+ */
+export const useParticipantCount = () => {
+    const { participantCount$ } = useCallState();
+    return useObservableValue(participantCount$);
+};
 //# sourceMappingURL=participants.js.map

package/dist/src/hooks/participants.js.map

@@ -1 +1 @@
-{"version":3,"file":"participants.js","sourceRoot":"","sources":["../../../src/hooks/participants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAKvC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,MAOJ,EAAE,EAAE,EAAE;IACR,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;IACzC,MAAM,YAAY,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAEvD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,MAAM,EAAE;YACV,OAAO,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACvC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC7C,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,mBAAmB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/C,OAAO,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AACjD,CAAC,CAAC"}
+{"version":3,"file":"participants.js","sourceRoot":"","sources":["../../../src/hooks/participants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAKvC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,MAOJ,EAAE,EAAE,EAAE;IACR,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;IACzC,MAAM,YAAY,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAEvD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,MAAM,EAAE;YACV,OAAO,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACvC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC7C,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,mBAAmB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/C,OAAO,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC7C,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAC/C,CAAC,CAAC"}

package/package.json

@@ -24,12 +24,12 @@
   },
   "peerDependencies": {
     "@stream-io/i18n": "^0.0.1-alpha.12",
-    "@stream-io/video-client": "^0.0.1-alpha.133",
+    "@stream-io/video-client": "^0.0.1-alpha.135",
     "react": ">=17.0.0"
   },
   "devDependencies": {
     "@stream-io/i18n": "^0.0.1-alpha.12",
-    "@stream-io/video-client": "^0.0.1-alpha.133",
+    "@stream-io/video-client": "^0.0.1-alpha.135",
     "@types/react": "^18.0.26",
     "@types/rimraf": "^3.0.2",
     "react": "^18.2.0",
@@ -39,5 +39,5 @@
     "typedoc-plugin-markdown": "^3.13.6",
     "typescript": "^4.9.5"
   },
-  "version": "0.0.1-alpha.21"
+  "version": "0.0.1-alpha.23"
 }

package/src/contexts/StreamCallContext.tsx

@@ -18,6 +18,8 @@ export interface StreamCallProviderProps {
  * @returns
  *
  * @category Call State
+ *
+ * @react If you're using the React SDK we recommend using the `StreamMeeting` component that wraps the `StreamCallProvider`. You only need to use the `StreamCallProvider` for advanced use-cases.
  */
 export const StreamCallProvider = (
   props: PropsWithChildren<StreamCallProviderProps>,

package/src/hooks/participants.ts

@@ -55,3 +55,14 @@ export const useRemoteParticipants = () => {
   const { remoteParticipants$ } = useCallState();
   return useObservableValue(remoteParticipants$);
 };
+
+/**
+ * Returns the approximate participant count of the active call.
+ * This includes the anonymous users as well, and it is computed on the server.
+ *
+ * @category Call State
+ */
+export const useParticipantCount = () => {
+  const { participantCount$ } = useCallState();
+  return useObservableValue(participantCount$);
+};