@stream-io/video-react-sdk 0.0.1-alpha.9

package/dist/src/core/hooks/useAudioPublisher.js

@@ -0,0 +1,89 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useCallback, useEffect } from 'react';
+import { map } from 'rxjs';
+import { CallingState, getAudioStream, OwnCapability, SfuModels, watchForAddedDefaultAudioDevice, watchForDisconnectedAudioDevice, } from '@stream-io/video-client';
+import { useCall, useCallCallingState, useCallState, useLocalParticipant, } from '@stream-io/video-react-bindings';
+/**
+ * @internal
+ * @category Device Management
+ */
+export const useAudioPublisher = ({ initialAudioMuted, audioDeviceId, }) => {
+    const call = useCall();
+    const callState = useCallState();
+    const callingState = useCallCallingState();
+    const participant = useLocalParticipant();
+    const { localParticipant$ } = callState;
+    const isPublishingAudio = participant === null || participant === void 0 ? void 0 : participant.publishedTracks.includes(SfuModels.TrackType.AUDIO);
+    const publishAudioStream = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!call)
+            return;
+        if (!call.permissionsContext.hasPermission(OwnCapability.SEND_AUDIO)) {
+            throw new Error(`No permission to publish audio`);
+        }
+        try {
+            const audioStream = yield getAudioStream(audioDeviceId);
+            yield call.publishAudioStream(audioStream);
+        }
+        catch (e) {
+            console.log('Failed to publish audio stream', e);
+        }
+    }), [audioDeviceId, call]);
+    useEffect(() => {
+        if (callingState === CallingState.JOINED && !initialAudioMuted) {
+            publishAudioStream().catch((e) => {
+                console.error('Failed to publish audio stream', e);
+            });
+        }
+    }, [callingState, initialAudioMuted, publishAudioStream]);
+    useEffect(() => {
+        if (!localParticipant$)
+            return;
+        const subscription = watchForDisconnectedAudioDevice(localParticipant$.pipe(map((p) => p === null || p === void 0 ? void 0 : p.audioDeviceId))).subscribe(() => __awaiter(void 0, void 0, void 0, function* () {
+            if (!call)
+                return;
+            call.setAudioDevice(undefined);
+            yield call.stopPublish(SfuModels.TrackType.AUDIO);
+        }));
+        return () => {
+            subscription.unsubscribe();
+        };
+    }, [localParticipant$, call]);
+    useEffect(() => {
+        if (!(participant === null || participant === void 0 ? void 0 : participant.audioStream) || !call || !isPublishingAudio)
+            return;
+        const [track] = participant.audioStream.getAudioTracks();
+        const selectedAudioDeviceId = track.getSettings().deviceId;
+        const republishDefaultDevice = watchForAddedDefaultAudioDevice().subscribe(() => __awaiter(void 0, void 0, void 0, function* () {
+            if (!(call &&
+                participant.audioStream &&
+                selectedAudioDeviceId === 'default'))
+                return;
+            // We need to stop the original track first in order
+            // we can retrieve the new default device stream
+            track.stop();
+            const audioStream = yield getAudioStream('default');
+            yield call.publishAudioStream(audioStream);
+        }));
+        const handleTrackEnded = () => __awaiter(void 0, void 0, void 0, function* () {
+            if (selectedAudioDeviceId === audioDeviceId) {
+                const audioStream = yield getAudioStream(audioDeviceId);
+                yield call.publishAudioStream(audioStream);
+            }
+        });
+        track.addEventListener('ended', handleTrackEnded);
+        return () => {
+            track.removeEventListener('ended', handleTrackEnded);
+            republishDefaultDevice.unsubscribe();
+        };
+    }, [audioDeviceId, call, participant === null || participant === void 0 ? void 0 : participant.audioStream, isPublishingAudio]);
+    return publishAudioStream;
+};
+//# sourceMappingURL=useAudioPublisher.js.map

package/dist/src/core/hooks/useAudioPublisher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAudioPublisher.js","sourceRoot":"","sources":["../../../../src/core/hooks/useAudioPublisher.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AAC3B,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AAUzC;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,iBAAiB,EACjB,aAAa,GACM,EAAE,EAAE;IACvB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;IAC1C,MAAM,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAExC,MAAM,iBAAiB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,QAAQ,CAC7D,SAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAS,EAAE;QAChD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE;YACpE,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;SACnD;QACD,IAAI;YACF,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,aAAa,CAAC,CAAC;YACxD,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;SAC5C;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,gCAAgC,EAAE,CAAC,CAAC,CAAC;SAClD;IACH,CAAC,CAAA,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,YAAY,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE;YAC9D,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC/B,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,CAAC,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAC/B,MAAM,YAAY,GAAG,+BAA+B,CAClD,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,aAAa,CAAC,CAAC,CACrD,CAAC,SAAS,CAAC,GAAS,EAAE;YACrB,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;YAC/B,MAAM,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACpD,CAAC,CAAA,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAA,IAAI,CAAC,IAAI,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAErE,MAAM,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC;QACzD,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;QAE3D,MAAM,sBAAsB,GAAG,+BAA+B,EAAE,CAAC,SAAS,CACxE,GAAS,EAAE;YACT,IACE,CAAC,CACC,IAAI;gBACJ,WAAW,CAAC,WAAW;gBACvB,qBAAqB,KAAK,SAAS,CACpC;gBAED,OAAO;YACT,oDAAoD;YACpD,gDAAgD;YAChD,KAAK,CAAC,IAAI,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,SAAS,CAAC,CAAC;YACpD,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAC7C,CAAC,CAAA,CACF,CAAC;QAEF,MAAM,gBAAgB,GAAG,GAAS,EAAE;YAClC,IAAI,qBAAqB,KAAK,aAAa,EAAE;gBAC3C,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,aAAa,CAAC,CAAC;gBACxD,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;aAC5C;QACH,CAAC,CAAA,CAAC;QAEF,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;YACrD,sBAAsB,CAAC,WAAW,EAAE,CAAC;QACvC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEvE,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC"}

package/dist/src/core/hooks/useVideoPublisher.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @internal
+ */
+export type VideoPublisherInit = {
+    initialVideoMuted?: boolean;
+    videoDeviceId?: string;
+};
+/**
+ * @internal
+ * @category Device Management
+ */
+export declare const useVideoPublisher: ({ initialVideoMuted, videoDeviceId, }: VideoPublisherInit) => () => Promise<void>;

package/dist/src/core/hooks/useVideoPublisher.js

@@ -0,0 +1,91 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useCallback, useEffect } from 'react';
+import { map } from 'rxjs';
+import { CallingState, getVideoStream, OwnCapability, SfuModels, watchForAddedDefaultVideoDevice, watchForDisconnectedVideoDevice, } from '@stream-io/video-client';
+import { useCall, useCallCallingState, useCallState, useLocalParticipant, } from '@stream-io/video-react-bindings';
+import { useDebugPreferredVideoCodec } from '../../components/Debug/useIsDebugMode';
+/**
+ * @internal
+ * @category Device Management
+ */
+export const useVideoPublisher = ({ initialVideoMuted, videoDeviceId, }) => {
+    const call = useCall();
+    const callState = useCallState();
+    const callingState = useCallCallingState();
+    const participant = useLocalParticipant();
+    const { localParticipant$ } = callState;
+    const preferredCodec = useDebugPreferredVideoCodec();
+    const isPublishingVideo = participant === null || participant === void 0 ? void 0 : participant.publishedTracks.includes(SfuModels.TrackType.VIDEO);
+    const publishVideoStream = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!call)
+            return;
+        if (!call.permissionsContext.hasPermission(OwnCapability.SEND_VIDEO)) {
+            throw new Error(`No permission to publish video`);
+        }
+        try {
+            const videoStream = yield getVideoStream(videoDeviceId);
+            yield call.publishVideoStream(videoStream, { preferredCodec });
+        }
+        catch (e) {
+            console.log('Failed to publish video stream', e);
+        }
+    }), [call, preferredCodec, videoDeviceId]);
+    useEffect(() => {
+        if (callingState === CallingState.JOINED && !initialVideoMuted) {
+            publishVideoStream().catch((e) => {
+                console.error('Failed to publish video stream', e);
+            });
+        }
+    }, [callingState, initialVideoMuted, publishVideoStream]);
+    useEffect(() => {
+        if (!localParticipant$)
+            return;
+        const subscription = watchForDisconnectedVideoDevice(localParticipant$.pipe(map((p) => p === null || p === void 0 ? void 0 : p.videoDeviceId))).subscribe(() => __awaiter(void 0, void 0, void 0, function* () {
+            if (!call)
+                return;
+            call.setVideoDevice(undefined);
+            yield call.stopPublish(SfuModels.TrackType.VIDEO);
+        }));
+        return () => {
+            subscription.unsubscribe();
+        };
+    }, [localParticipant$, call]);
+    useEffect(() => {
+        if (!(participant === null || participant === void 0 ? void 0 : participant.videoStream) || !call || !isPublishingVideo)
+            return;
+        const [track] = participant.videoStream.getVideoTracks();
+        const selectedVideoDeviceId = track.getSettings().deviceId;
+        const republishDefaultDevice = watchForAddedDefaultVideoDevice().subscribe(() => __awaiter(void 0, void 0, void 0, function* () {
+            if (!(call &&
+                participant.videoStream &&
+                selectedVideoDeviceId === 'default'))
+                return;
+            // We need to stop the original track first in order
+            // we can retrieve the new default device stream
+            track.stop();
+            const videoStream = yield getVideoStream('default');
+            yield call.publishVideoStream(videoStream);
+        }));
+        const handleTrackEnded = () => __awaiter(void 0, void 0, void 0, function* () {
+            if (selectedVideoDeviceId === videoDeviceId) {
+                const videoStream = yield getVideoStream(videoDeviceId);
+                yield call.publishVideoStream(videoStream);
+            }
+        });
+        track.addEventListener('ended', handleTrackEnded);
+        return () => {
+            track.removeEventListener('ended', handleTrackEnded);
+            republishDefaultDevice.unsubscribe();
+        };
+    }, [videoDeviceId, call, participant === null || participant === void 0 ? void 0 : participant.videoStream, isPublishingVideo]);
+    return publishVideoStream;
+};
+//# sourceMappingURL=useVideoPublisher.js.map

package/dist/src/core/hooks/useVideoPublisher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoPublisher.js","sourceRoot":"","sources":["../../../../src/core/hooks/useVideoPublisher.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AAC3B,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAUpF;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,iBAAiB,EACjB,aAAa,GACM,EAAE,EAAE;IACvB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;IAC1C,MAAM,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAExC,MAAM,cAAc,GAAG,2BAA2B,EAAE,CAAC;IACrD,MAAM,iBAAiB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,QAAQ,CAC7D,SAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAS,EAAE;QAChD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE;YACpE,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;SACnD;QACD,IAAI;YACF,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,aAAa,CAAC,CAAC;YACxD,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;SAChE;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,gCAAgC,EAAE,CAAC,CAAC,CAAC;SAClD;IACH,CAAC,CAAA,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,YAAY,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE;YAC9D,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC/B,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,CAAC,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAC/B,MAAM,YAAY,GAAG,+BAA+B,CAClD,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,aAAa,CAAC,CAAC,CACrD,CAAC,SAAS,CAAC,GAAS,EAAE;YACrB,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;YAC/B,MAAM,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACpD,CAAC,CAAA,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAA,IAAI,CAAC,IAAI,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAErE,MAAM,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC;QACzD,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;QAE3D,MAAM,sBAAsB,GAAG,+BAA+B,EAAE,CAAC,SAAS,CACxE,GAAS,EAAE;YACT,IACE,CAAC,CACC,IAAI;gBACJ,WAAW,CAAC,WAAW;gBACvB,qBAAqB,KAAK,SAAS,CACpC;gBAED,OAAO;YACT,oDAAoD;YACpD,gDAAgD;YAChD,KAAK,CAAC,IAAI,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,SAAS,CAAC,CAAC;YACpD,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAC7C,CAAC,CAAA,CACF,CAAC;QAEF,MAAM,gBAAgB,GAAG,GAAS,EAAE;YAClC,IAAI,qBAAqB,KAAK,aAAa,EAAE;gBAC3C,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,aAAa,CAAC,CAAC;gBACxD,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;aAC5C;QACH,CAAC,CAAA,CAAC;QAEF,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;YACrD,sBAAsB,CAAC,WAAW,EAAE,CAAC;QACvC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEvE,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC"}

package/dist/src/core/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './contexts';
+export * from './hooks';

package/dist/src/core/index.js

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './contexts';
+export * from './hooks';
+//# sourceMappingURL=index.js.map

package/dist/src/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './useRtcStats';
+export * from './useFloatingUIPreset';

package/dist/src/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './useRtcStats';
+export * from './useFloatingUIPreset';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { UseFloatingProps } from '@floating-ui/react';
+export declare const useFloatingUIPreset: ({ placement, strategy, }: Pick<UseFloatingProps, 'placement' | 'strategy'>) => {
+    refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    x: number | null;
+    y: number | null;
+    domReference: Element | null;
+    floating: HTMLElement | null;
+    strategy: import("@floating-ui/react").Strategy;
+};

package/dist/src/hooks/useFloatingUIPreset.js

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+import { offset, autoUpdate, size, useFloating, shift, } from '@floating-ui/react';
+export const useFloatingUIPreset = ({ placement, strategy, }) => {
+    const { refs, x, y, update, elements: { domReference, floating }, } = useFloating({
+        placement,
+        strategy,
+        middleware: [
+            offset(10),
+            shift(),
+            size({
+                padding: 10,
+                apply({ availableHeight, elements }) {
+                    Object.assign(elements.floating.style, {
+                        maxHeight: `${availableHeight}px`,
+                    });
+                },
+            }),
+        ],
+    });
+    // handle window resizing
+    useEffect(() => {
+        if (!domReference || !floating)
+            return;
+        const cleanup = autoUpdate(domReference, floating, update);
+        return () => cleanup();
+    }, [domReference, floating, update]);
+    return { refs, x, y, domReference, floating, strategy };
+};
+//# sourceMappingURL=useFloatingUIPreset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingUIPreset.js","sourceRoot":"","sources":["../../../src/hooks/useFloatingUIPreset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,WAAW,EACX,KAAK,GACN,MAAM,oBAAoB,CAAC;AAG5B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,SAAS,EACT,QAAQ,GACyC,EAAE,EAAE;IACrD,MAAM,EACJ,IAAI,EACJ,CAAC,EACD,CAAC,EACD,MAAM,EACN,QAAQ,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,GACrC,GAAG,WAAW,CAAC;QACd,SAAS;QACT,QAAQ;QACR,UAAU,EAAE;YACV,MAAM,CAAC,EAAE,CAAC;YACV,KAAK,EAAE;YACP,IAAI,CAAC;gBACH,OAAO,EAAE,EAAE;gBACX,KAAK,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE;oBACjC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE;wBACrC,SAAS,EAAE,GAAG,eAAe,IAAI;qBAClC,CAAC,CAAC;gBACL,CAAC;aACF,CAAC;SACH;KACF,CAAC,CAAC;IAEH,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEvC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAErC,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAC1D,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { Call } from '@stream-io/video-client';
+/**
+ *
+ * @param call
+ * @param kind
+ * @param mediaStream
+ * @returns
+ *
+ * @category Call State
+ */
+export declare const useRtcStats: (call: Call, kind: 'subscriber' | 'publisher', mediaStream?: MediaStream) => Record<string, string> | undefined;

package/dist/src/hooks/useRtcStats.js

@@ -0,0 +1,39 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useEffect, useState } from 'react';
+/**
+ *
+ * @param call
+ * @param kind
+ * @param mediaStream
+ * @returns
+ *
+ * @category Call State
+ */
+export const useRtcStats = (call, kind, mediaStream) => {
+    const [stats, setStats] = useState();
+    useEffect(() => {
+        const intervalId = setInterval(() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const [track] = (_a = mediaStream === null || mediaStream === void 0 ? void 0 : mediaStream.getVideoTracks()) !== null && _a !== void 0 ? _a : [];
+            const rawStats = yield call.getStats(kind, track);
+            const decodedStats = {};
+            rawStats === null || rawStats === void 0 ? void 0 : rawStats.forEach((s) => {
+                decodedStats[s.id] = s;
+            });
+            setStats(decodedStats);
+        }), 1500);
+        return () => {
+            clearInterval(intervalId);
+        };
+    }, [call, kind, mediaStream]);
+    return stats;
+};
+//# sourceMappingURL=useRtcStats.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRtcStats.js","sourceRoot":"","sources":["../../../src/hooks/useRtcStats.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,IAAU,EACV,IAAgC,EAChC,WAAyB,EACzB,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA0B,CAAC;IAC7D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,GAAS,EAAE;;YACxC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,EAAE,mCAAI,EAAE,CAAC;YACpD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAClD,MAAM,YAAY,GAA2B,EAAE,CAAC;YAChD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtB,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;YACzB,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,YAAY,CAAC,CAAC;QACzB,CAAC,CAAA,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/src/types/components.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type ChildrenOnly = {
+    children: ReactNode;
+};
+export type Readable<T> = {
+    [k in keyof T]: T[k];
+} & {};

package/dist/src/types/components.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=components.js.map

package/dist/src/types/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/types/components.ts"],"names":[],"mappings":""}

package/dist/src/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/src/types/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/src/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/index.ts

@@ -0,0 +1,18 @@
+import { setSdkInfo, SfuModels } from '@stream-io/video-client';
+
+export * from '@stream-io/video-client';
+export * from '@stream-io/video-react-bindings';
+export * from '@stream-io/i18n';
+
+export * from './src/core';
+
+export * from './src/components';
+export * from './src/types';
+
+// TODO: set valid version
+setSdkInfo({
+  type: SfuModels.SdkType.REACT,
+  major: '0',
+  minor: '0',
+  patch: '0',
+});

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@stream-io/video-react-sdk",
+  "packageManager": "yarn@3.2.4",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "license": "See license in LICENSE",
+  "scripts": {
+    "clean": "rimraf dist",
+    "start": "tsc --project tsconfig.json --watch",
+    "build": "tsc --project tsconfig.production.json",
+    "copy-css": "cp -r ../../node_modules/@stream-io/video-styling/dist/ dist",
+    "generate-docs": "../../scripts/generate-docs.sh React @stream-io/video-react-sdk react-sdk",
+    "start:docs": "npx stream-chat-docusaurus -s"
+  },
+  "files": [
+    "dist",
+    "src",
+    "index.ts",
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "dependencies": {
+    "@floating-ui/react": "^0.22.0",
+    "@nivo/core": "^0.80.0",
+    "@nivo/line": "^0.80.0",
+    "@stream-io/i18n": "^0.0.1-alpha.5",
+    "@stream-io/video-client": "^0.0.1-alpha.124",
+    "@stream-io/video-react-bindings": "^0.0.1-alpha.8",
+    "clsx": "^1.2.1",
+    "rxjs": "~7.5.7"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@stream-io/video-styling": "^0.0.1-alpha.3",
+    "@types/rimraf": "^3.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "replace-in-file": "^6.3.5",
+    "rimraf": "^3.0.2",
+    "typedoc": "^0.23.24",
+    "typescript": "^4.9.5"
+  },
+  "version": "0.0.1-alpha.9"
+}

package/src/components/Avatar/Avatar.tsx

@@ -0,0 +1,45 @@
+import { CSSProperties, useState } from 'react';
+
+export type AvatarData = {
+  imageSrc?: string;
+  name?: string;
+  style?: CSSProperties & Record<string, string | number>;
+};
+
+export type AvatarProps = AvatarData;
+
+export const Avatar = ({ imageSrc, name, style }: AvatarProps) => {
+  const [error, setError] = useState(false);
+
+  return (
+    <>
+      {(!imageSrc || error) && name && (
+        <AvatarFallback style={style} names={[name]} />
+      )}
+      {imageSrc && !error && (
+        <img
+          onError={() => setError(true)}
+          alt="avatar"
+          className="str-video__avatar"
+          src={imageSrc}
+          style={style}
+        />
+      )}
+    </>
+  );
+};
+
+type AvatarFallbackProps = {
+  names: string[];
+  style?: CSSProperties & Record<string, string | number>;
+};
+export const AvatarFallback = ({ names, style }: AvatarFallbackProps) => {
+  return (
+    <div className="str-video__avatar--initials-fallback" style={style}>
+      <div>
+        {names[0][0]}
+        {names[1]?.[0]}
+      </div>
+    </div>
+  );
+};

package/src/components/Avatar/index.ts

@@ -0,0 +1 @@
+export * from './Avatar';

package/src/components/Button/CompositeButton.tsx

@@ -0,0 +1,59 @@
+import clsx from 'clsx';
+import { MenuToggle, ToggleMenuButtonProps } from '../Menu';
+import {
+  ComponentType,
+  forwardRef,
+  isValidElement,
+  PropsWithChildren,
+} from 'react';
+import { IconButton } from './IconButton';
+import { Placement } from '@floating-ui/react';
+
+export type IconButtonWithMenuProps = PropsWithChildren<{
+  active?: boolean;
+  Menu?: ComponentType | JSX.Element;
+  caption?: string;
+  menuPlacement?: Placement;
+}>;
+
+const isComponentType = (
+  elementOrComponent: ComponentType | JSX.Element,
+): elementOrComponent is ComponentType => {
+  return !isValidElement(elementOrComponent);
+};
+
+export const CompositeButton = forwardRef<
+  HTMLDivElement,
+  IconButtonWithMenuProps
+>(({ caption, children, active, Menu, menuPlacement }, ref) => {
+  return (
+    <div className="str-video__composite-button" ref={ref}>
+      <div
+        className={clsx('str-video__composite-button__button-group', {
+          'str-video__composite-button__button-group--active': active,
+        })}
+      >
+        {children}
+        {Menu && (
+          <MenuToggle placement={menuPlacement} ToggleButton={ToggleMenuButton}>
+            {isComponentType(Menu) ? <Menu /> : Menu}
+          </MenuToggle>
+        )}
+      </div>
+      {caption && (
+        <div className="str-video__composite-button__caption">{caption}</div>
+      )}
+    </div>
+  );
+});
+
+const ToggleMenuButton = forwardRef<HTMLButtonElement, ToggleMenuButtonProps>(
+  ({ menuShown }, ref) => (
+    <IconButton
+      className={'str-video__menu-toggle-button'}
+      icon={menuShown ? 'caret-down' : 'caret-up'}
+      title="Toggle device menu"
+      ref={ref}
+    />
+  ),
+);