@stream-io/video-react-sdk 1.16.2 → 1.17.1

package/dist/src/components/NoiseCancellation/NoiseCancellationProvider.d.ts

@@ -20,11 +20,17 @@ export type NoiseCancellationAPI = {
      */
     isEnabled: boolean;
     /**
-     * Allows you to temporary enable or disable the Noise Cancellation filters.
+     * Allows you to temporarily enable or disable the Noise Cancellation filters.
      *
      * @param enabled a boolean or a setter.
      */
     setEnabled: (enabled: boolean | ((value: boolean) => boolean)) => void;
+    /**
+     * Sets the noise suppression level (0-100).
+     *
+     * @param level 0 for no suppression, 100 for maximum suppression.
+     */
+    setSuppressionLevel: (level: number) => void;
 };
 /**
  * Exposes the NoiseCancellation API.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.16.2",
+  "version": "1.17.1",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -30,9 +30,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.6",
-    "@stream-io/video-client": "1.22.2",
+    "@stream-io/video-client": "1.23.1",
     "@stream-io/video-filters-web": "0.2.1",
-    "@stream-io/video-react-bindings": "1.6.2",
+    "@stream-io/video-react-bindings": "1.6.4",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"
@@ -45,7 +45,7 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@stream-io/audio-filters-web": "^0.3.1",
+    "@stream-io/audio-filters-web": "^0.4.0",
     "@stream-io/video-styling": "^1.1.5",
     "@types/react": "^19.1.3",
     "@types/react-dom": "^19.1.3",

package/src/components/BackgroundFilters/BackgroundFilters.tsx

@@ -239,7 +239,7 @@ const BackgroundFilters = (props: { tfLite: TFLite }) => {
       start(ms, (error) => handleErrorRef.current?.(error)),
     );
     return () => {
-      unregister();
+      unregister().catch((err) => console.warn(`Can't unregister filter`, err));
     };
   }, [backgroundFilter, call, start]);
 

package/src/components/NoiseCancellation/NoiseCancellationProvider.tsx

@@ -3,6 +3,7 @@ import {
   PropsWithChildren,
   useContext,
   useEffect,
+  useMemo,
   useRef,
   useState,
 } from 'react';
@@ -34,11 +35,18 @@ export type NoiseCancellationAPI = {
    */
   isEnabled: boolean;
   /**
-   * Allows you to temporary enable or disable the Noise Cancellation filters.
+   * Allows you to temporarily enable or disable the Noise Cancellation filters.
    *
    * @param enabled a boolean or a setter.
    */
   setEnabled: (enabled: boolean | ((value: boolean) => boolean)) => void;
+
+  /**
+   * Sets the noise suppression level (0-100).
+   *
+   * @param level 0 for no suppression, 100 for maximum suppression.
+   */
+  setSuppressionLevel: (level: number) => void;
 };
 
 const NoiseCancellationContext = createContext<NoiseCancellationAPI | null>(
@@ -76,20 +84,14 @@ export const NoiseCancellationProvider = (
   const hasCapability = useHasPermissions(
     OwnCapability.ENABLE_NOISE_CANCELLATION,
   );
-  const [isSupportedByBrowser, setIsSupportedByBrowser] = useState<
-    boolean | undefined
-  >(undefined);
-
+  const [isSupportedByBrowser, setIsSupportedByBrowser] = useState<boolean>();
   useEffect(() => {
     const result = noiseCancellation.isSupported();
-
     if (typeof result === 'boolean') {
       setIsSupportedByBrowser(result);
     } else {
       result
-        .then((_isSupportedByBrowser) =>
-          setIsSupportedByBrowser(_isSupportedByBrowser),
-        )
+        .then((s) => setIsSupportedByBrowser(s))
         .catch((err) =>
           console.error(
             `Can't determine if noise cancellation is supported`,
@@ -106,11 +108,12 @@ export const NoiseCancellationProvider = (
   const deinit = useRef<Promise<void>>(undefined);
   useEffect(() => {
     if (!call || !isSupported) return;
+    noiseCancellation.isEnabled().then((e) => setIsEnabled(e));
     const unsubscribe = noiseCancellation.on('change', (v) => setIsEnabled(v));
     const init = (deinit.current || Promise.resolve())
       .then(() => noiseCancellation.init())
       .then(() => call.microphone.enableNoiseCancellation(noiseCancellation))
-      .catch((err) => console.error(`Can't initialize noise suppression`, err));
+      .catch((e) => console.error(`Can't initialize noise cancellation`, e));
 
     return () => {
       deinit.current = init
@@ -120,25 +123,31 @@ export const NoiseCancellationProvider = (
     };
   }, [call, isSupported, noiseCancellation]);
 
+  const contextValue = useMemo<NoiseCancellationAPI>(
+    () => ({
+      isSupported,
+      isEnabled,
+      setSuppressionLevel: (level) => {
+        if (!noiseCancellation) return;
+        noiseCancellation.setSuppressionLevel(level);
+      },
+      setEnabled: (enabledOrSetter) => {
+        if (!noiseCancellation) return;
+        const enable =
+          typeof enabledOrSetter === 'function'
+            ? enabledOrSetter(isEnabled)
+            : enabledOrSetter;
+        if (enable) {
+          noiseCancellation.enable();
+        } else {
+          noiseCancellation.disable();
+        }
+      },
+    }),
+    [isEnabled, isSupported, noiseCancellation],
+  );
   return (
-    <NoiseCancellationContext.Provider
-      value={{
-        isSupported,
-        isEnabled,
-        setEnabled: (enabledOrSetter) => {
-          if (!noiseCancellation) return;
-          const enable =
-            typeof enabledOrSetter === 'function'
-              ? enabledOrSetter(isEnabled)
-              : enabledOrSetter;
-          if (enable) {
-            noiseCancellation.enable();
-          } else {
-            noiseCancellation.disable();
-          }
-        },
-      }}
-    >
+    <NoiseCancellationContext.Provider value={contextValue}>
       {children}
     </NoiseCancellationContext.Provider>
   );