@stream-io/video-react-bindings 0.0.6 → 0.0.7

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.7](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.6...@stream-io/video-react-bindings-0.0.7) (2023-06-08)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `0.0.1`
+
+### Features
+
+* StreamCall signature, video client creation ([#596](https://github.com/GetStream/stream-video-js/issues/596)) ([5c3000c](https://github.com/GetStream/stream-video-js/commit/5c3000cc6fc3f8b7904609d7b11fa025b7458cad))
+
 ### [0.0.6](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.5...@stream-io/video-react-bindings-0.0.6) (2023-06-07)
 
 ### Dependency Updates

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

@@ -1,5 +1,4 @@
 export * from './call';
-export * from './client';
 export * from './participants';
 export * from './permissions';
 export * from './store';

package/dist/src/hooks/index.js

@@ -1,5 +1,4 @@
 export * from './call';
-export * from './client';
 export * from './participants';
 export * from './permissions';
 export * from './store';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

package/package.json

@@ -24,12 +24,12 @@
   },
   "peerDependencies": {
     "@stream-io/i18n": "^0.0.2",
-    "@stream-io/video-client": "^0.0.6",
+    "@stream-io/video-client": "^0.0.7",
     "react": ">=17.0.0"
   },
   "devDependencies": {
     "@stream-io/i18n": "^0.0.2",
-    "@stream-io/video-client": "^0.0.6",
+    "@stream-io/video-client": "^0.0.7",
     "@types/react": "^18.0.26",
     "@types/rimraf": "^3.0.2",
     "react": "^18.2.0",
@@ -39,5 +39,5 @@
     "typedoc-plugin-markdown": "^3.15.3",
     "typescript": "^4.9.5"
   },
-  "version": "0.0.6"
+  "version": "0.0.7"
 }

package/src/hooks/index.ts

@@ -1,5 +1,4 @@
 export * from './call';
-export * from './client';
 export * from './participants';
 export * from './permissions';
 export * from './store';

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

@@ -1,33 +0,0 @@
-import { StreamClientOptions, StreamVideoClient, TokenOrProvider, User } from '@stream-io/video-client';
-/**
- * Exclude types from documentation site, but we should still add doc comments
- * @internal
- */
-export type StreamVideoClientInit = {
-    /**
-     * The Stream API key.
-     */
-    apiKey: string;
-    /**
-     * The token or token provider.
-     */
-    tokenOrProvider: TokenOrProvider;
-    /**
-     * The client options.
-     */
-    options?: StreamClientOptions;
-    /**
-     * The user to connect.
-     */
-    user: User;
-    /**
-     * Whether the user is anonymous. Defaults to `false`.
-     */
-    isAnonymous?: boolean;
-};
-/**
- * Creates a new `StreamVideoClient` instance and connects the given user.
- *
- * @category Client State
- */
-export declare const useCreateStreamVideoClient: ({ apiKey, tokenOrProvider, user, options, isAnonymous, }: StreamVideoClientInit) => StreamVideoClient;

package/dist/src/hooks/client.js

@@ -1,36 +0,0 @@
-import { StreamVideoClient, } from '@stream-io/video-client';
-import { useEffect, useRef, useState } from 'react';
-/**
- * Creates a new `StreamVideoClient` instance and connects the given user.
- *
- * @category Client State
- */
-export const useCreateStreamVideoClient = ({ apiKey, tokenOrProvider, user, options, isAnonymous = false, }) => {
-    const [client] = useState(() => new StreamVideoClient(apiKey, options));
-    const disconnectRef = useRef(Promise.resolve());
-    useEffect(() => {
-        const connectionPromise = disconnectRef.current.then(() => {
-            if (isAnonymous) {
-                return client
-                    .connectAnonymousUser(user, tokenOrProvider)
-                    .catch((err) => {
-                    console.error(`Failed to establish connection`, err);
-                });
-            }
-            return client.connectUser(user, tokenOrProvider).catch((err) => {
-                console.error(`Failed to establish connection`, err);
-            });
-        });
-        return () => {
-            disconnectRef.current = connectionPromise
-                .then(() => client.disconnectUser())
-                .catch((err) => {
-                console.error(`Failed to disconnect`, err);
-            });
-        };
-        // we want to re-run this effect only in some special cases
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [apiKey, tokenOrProvider, client, isAnonymous, user === null || user === void 0 ? void 0 : user.id]);
-    return client;
-};
-//# sourceMappingURL=client.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../src/hooks/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,GAGlB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA6BpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,MAAM,EACN,eAAe,EACf,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,KAAK,GACG,EAAE,EAAE;IAC1B,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAExE,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE;YACxD,IAAI,WAAW,EAAE;gBACf,OAAO,MAAM;qBACV,oBAAoB,CAAC,IAAI,EAAE,eAAe,CAAC;qBAC3C,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;oBACb,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC,CAAC;gBACvD,CAAC,CAAC,CAAC;aACN;YACD,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBAC7D,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,GAAG,iBAAiB;iBACtC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;iBACnC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBACb,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QACF,2DAA2D;QAC3D,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAC,CAAC,CAAC;IAE7D,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/src/hooks/client.ts

@@ -1,77 +0,0 @@
-import {
-  StreamClientOptions,
-  StreamVideoClient,
-  TokenOrProvider,
-  User,
-} from '@stream-io/video-client';
-import { useEffect, useRef, useState } from 'react';
-
-/**
- * Exclude types from documentation site, but we should still add doc comments
- * @internal
- */
-export type StreamVideoClientInit = {
-  /**
-   * The Stream API key.
-   */
-  apiKey: string;
-  /**
-   * The token or token provider.
-   */
-  tokenOrProvider: TokenOrProvider;
-  /**
-   * The client options.
-   */
-  options?: StreamClientOptions;
-  /**
-   * The user to connect.
-   */
-  user: User;
-  /**
-   * Whether the user is anonymous. Defaults to `false`.
-   */
-  isAnonymous?: boolean;
-};
-
-/**
- * Creates a new `StreamVideoClient` instance and connects the given user.
- *
- * @category Client State
- */
-export const useCreateStreamVideoClient = ({
-  apiKey,
-  tokenOrProvider,
-  user,
-  options,
-  isAnonymous = false,
-}: StreamVideoClientInit) => {
-  const [client] = useState(() => new StreamVideoClient(apiKey, options));
-
-  const disconnectRef = useRef(Promise.resolve());
-  useEffect(() => {
-    const connectionPromise = disconnectRef.current.then(() => {
-      if (isAnonymous) {
-        return client
-          .connectAnonymousUser(user, tokenOrProvider)
-          .catch((err) => {
-            console.error(`Failed to establish connection`, err);
-          });
-      }
-      return client.connectUser(user, tokenOrProvider).catch((err) => {
-        console.error(`Failed to establish connection`, err);
-      });
-    });
-
-    return () => {
-      disconnectRef.current = connectionPromise
-        .then(() => client.disconnectUser())
-        .catch((err) => {
-          console.error(`Failed to disconnect`, err);
-        });
-    };
-    // we want to re-run this effect only in some special cases
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [apiKey, tokenOrProvider, client, isAnonymous, user?.id]);
-
-  return client;
-};