@snapcall/stream-ui 1.6.0 → 1.8.0

package/dist/timer.2f4f9ac0.js

@@ -0,0 +1 @@
+(()=>{let e;self.onmessage=s=>{const{action:a,params:t}=s.data;"start"===a&&(e&&clearInterval(e),e=self.setInterval((()=>{self.postMessage("time")}),1e3/t))}})();

package/dist/timer.370d0e5a.js

@@ -0,0 +1,13 @@
+(() => {
+let $7df5a1066adc9830$var$interval;
+self.onmessage = (event)=>{
+    const { action: action , params: params  } = event.data;
+    if (action === "start") {
+        if ($7df5a1066adc9830$var$interval) clearInterval($7df5a1066adc9830$var$interval);
+        $7df5a1066adc9830$var$interval = self.setInterval(()=>{
+            self.postMessage("time");
+        }, 1000 / params);
+    }
+};
+
+})();

package/dist/timer.7690fc0b.js

@@ -0,0 +1,12 @@
+let $febe13af234b7734$var$interval;
+self.onmessage = (event)=>{
+    const { action: action , params: params  } = event.data;
+    if (action === "start") {
+        if ($febe13af234b7734$var$interval) clearInterval($febe13af234b7734$var$interval);
+        $febe13af234b7734$var$interval = self.setInterval(()=>{
+            self.postMessage("time");
+        }, 1000 / params);
+    }
+};
+
+

package/dist/types.d.ts

@@ -17,6 +17,11 @@ interface MenuCategory {
     title?: string;
     items: MenuItem[];
 }
+type DisplayType = 'icon' | 'full';
+interface SettingShortcut {
+    id: string;
+    displayType: DisplayType;
+}
 interface SettingsCategory extends MenuCategory {
     position?: number;
     items: SettingsItem[];
@@ -131,6 +136,12 @@ declare class AudioRenderer {
     getSink(): string | undefined;
     play(): Promise<void>;
 }
+interface MediapipeOptions {
+    type: 'blur' | 'background';
+    fillColor?: string;
+    background?: CanvasImageSource;
+    blurLevel?: number;
+}
 interface DeviceRequest {
     requestId: string;
     deviceType: DeviceType;
@@ -316,6 +327,9 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     isVideoZoomAvailable(): boolean;
     handleGetUserMediaError(deviceType: DeviceType, getUserMediaPromise: Promise<MediaStream>): Promise<MediaStream>;
     restartIce(transport: Transport): Promise<void>;
+    setVideoBackground(options: MediapipeOptions): void;
+    initVideoBackground(): Promise<void>;
+    stopVideoBackground(): Promise<void>;
     switchWebcam({ device, resolution, rotate, }: {
         device?: MediaDeviceInfo;
         resolution?: VideoResolution;
@@ -410,8 +424,14 @@ interface SendNotificationOptions extends Omit<NotificationOptions, 'button'> {
     duration?: number;
 }
 declare const sendNotification: (message: string, options?: SendNotificationOptions) => void;
+type OnGreetingDoneSignature = ({ cameraEnabled, micEnabled, displayName, }: {
+    cameraEnabled?: boolean;
+    micEnabled?: boolean;
+    displayName?: string;
+}) => void;
 interface StreamUIMethods {
     init: (options: StreamUIInitOptions) => void;
+    initGreeting: (e: HTMLElement, onGreetingDone: OnGreetingDoneSignature) => void;
     setExtraSettingsOptions: (extraOptions: SettingsCategory[]) => void;
     sendNotification: typeof sendNotification;
     joinRoom: typeof streamerClient.init;
@@ -432,7 +452,7 @@ interface ControlSettings {
 interface StreamUIBaseOptions {
     sharedURL?: string;
     audioTiles?: boolean;
-    settingsShortcuts?: string[];
+    settingsShortcuts?: Array<SettingShortcut>;
     extraSettingsOptions?: SettingsCategory[];
     controls?: {
         microphone?: ControlSettings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapcall/stream-ui",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "description": "",
   "source": "src/index.tsx",
   "main": "dist/stream-ui.js",
@@ -69,6 +69,7 @@
   },
   "dependencies": {
     "@hotjar/browser": "^1.0.6",
+    "@mediapipe/selfie_segmentation": "^0.1.1632777926",
     "@sentry/browser": "^7.0.0",
     "@types/youtube": "^0.0.47",
     "bowser": "^2.11.0",