@fraku/video 0.1.29 → 0.1.30

package/dist/libs/errors.d.ts

@@ -0,0 +1,28 @@
+type SafeFunction = {
+    <TResult>(fn: () => Promise<TResult>): Promise<TResult>;
+    <TResult>(fn: () => TResult): TResult;
+};
+/**
+ * React hook that wraps unstable or error-prone functions to provide consistent error handling.
+ *
+ * Instead of allowing functions to fail silently (e.g., when a user doesn't have a camera or microphone),
+ * this hook catches errors and displays a user-friendly notification using the DialogsProvider.
+ *
+ * @returns A callback function that accepts either a sync or async function, executes it safely,
+ * and handles both synchronous and asynchronous errors by:
+ * - Displaying a notification to the user with the error details
+ * - Re-throwing the error for additional handling if needed
+ *
+ * @example
+ * ```tsx
+ * const safe = useSafeCall()
+ *
+ * // Async function:
+ * await safe(() => localVideo.start(activeCameraId))
+ *
+ * // Sync function:
+ * const x = safe(() => unsafeOperation())
+ * ```
+ */
+export declare const useSafeCall: () => SafeFunction;
+export {};

package/dist/libs/errors.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/libs/platform.d.ts

@@ -0,0 +1,2 @@
+export declare const isAndroidOrIOSBrowser: () => boolean;
+export declare const isSupportWebCodecs: () => boolean;

package/dist/providers/DialogsProvider/context.d.ts

@@ -14,6 +14,7 @@ export type NotifyProps = {
     header?: string;
     message: string;
     severity?: NotifySeverity;
+    clear?: boolean;
 };
 export type DialogsContextType = {
     configDialogVisible: {

package/dist/providers/SharedProvider/context.d.ts

@@ -1,5 +1,5 @@
-import { SharedState } from './types';
 import { Participant } from '@zoom/videosdk';
+import { SharedState } from '../../shared';
 
 export declare const CHAT_STATE_DEFAULT: {
     active: boolean;

package/dist/providers/SharedProvider/hooks.d.ts

@@ -1,4 +1,4 @@
-import { SharedAction } from './types';
+import { SharedAction } from '../../shared';
 
 export declare const useActionSender: () => (action: SharedAction, options?: {
     maxAttempts?: number;

package/dist/providers/VideoProvider/context.d.ts

@@ -5,11 +5,13 @@ export type VideoContextType = {
     cameraList: MediaDevice[];
     activeCameraId: string;
     videoStarted: boolean;
+    localVideoStarted: boolean;
     isBlurred: boolean;
     localVideoRef: MutableRefObject<HTMLVideoElement | null>;
     switchBlurred: (blurred: boolean) => Promise<void>;
     startVideo: () => Promise<void>;
     stopVideo: () => Promise<void>;
+    stopLocalVideo: () => Promise<void>;
     switchCamera: (deviceId: string) => Promise<void>;
     attachUserVideo: (userId: number, videoElement: VideoPlayer) => Promise<void>;
     detachUserVideo: (userId: number) => Promise<void>;

package/dist/providers/VideoProvider/hooks.d.ts

@@ -4,4 +4,5 @@ export declare const useLocalVideo: () => {
     start: (cameraId: string) => Promise<void>;
     stop: () => Promise<void>;
     switch: (cameraId: string) => Promise<void>;
+    updateVirtualBackground: (blurred: boolean) => Promise<void>;
 };

package/dist/shared/chat/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './reducer';
+export type { ChatState, ChatAction } from './types';

package/dist/shared/chat/reducer.d.ts

@@ -0,0 +1,4 @@
+import { ChatAction, ChatState } from './types';
+
+declare const chatReducer: (state: ChatState, action: ChatAction) => ChatState;
+export default chatReducer;

package/dist/shared/chat/types.d.ts

@@ -0,0 +1,10 @@
+export type ChatState = {
+    active: boolean;
+    timestamp: number;
+};
+export type ToggleChatAction = {
+    type: 'TOGGLE-CHAT';
+    active: boolean;
+    timestamp: number;
+};
+export type ChatAction = ToggleChatAction;

package/dist/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './reducer';
+export type { SharedState, SharedAction } from './types';

package/dist/shared/reducer.d.ts

@@ -0,0 +1,4 @@
+import { SharedState, SharedAction } from './types';
+
+declare const reducer: (state: SharedState, action: SharedAction) => SharedState;
+export default reducer;

package/dist/shared/speaker-turn/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './reducer';
+export type { SpeakerTurnState, SpeakerTurnAction, ToggleHandAction, LowerUserHandAction, ToggleTurnQueueAction } from './types';

package/dist/shared/speaker-turn/reducer.d.ts

@@ -0,0 +1,4 @@
+import { SpeakerTurnAction, SpeakerTurnState } from './types';
+
+declare const speakerTurnReducer: (state: SpeakerTurnState, action: SpeakerTurnAction) => SpeakerTurnState;
+export default speakerTurnReducer;

package/dist/shared/speaker-turn/types.d.ts

@@ -0,0 +1,21 @@
+export type SpeakerTurnState = {
+    turnQueueState: {
+        active: boolean;
+        timestamp: number;
+    };
+    speakerQueueIds: number[];
+};
+export type ToggleHandAction = {
+    type: 'TOGGLE-HAND';
+    senderId: number;
+};
+export type LowerUserHandAction = {
+    type: 'LOWER-USER-HAND';
+    userId: number;
+};
+export type ToggleTurnQueueAction = {
+    type: 'TOGGLE-TURN-QUEUE';
+    active: boolean;
+    timestamp: number;
+};
+export type SpeakerTurnAction = ToggleHandAction | LowerUserHandAction | ToggleTurnQueueAction;

package/dist/shared/types.d.ts

@@ -0,0 +1,21 @@
+import { ChatAction, ChatState } from './chat';
+import { SpeakerTurnAction, SpeakerTurnState } from './speaker-turn';
+
+export type SharedState = {
+    chatState: ChatState;
+    speakerTurnState: SpeakerTurnState;
+};
+export type AlertUserAction = {
+    type: 'ALERT-USER';
+    message: string;
+    userId: number;
+};
+export type RequestStateAction = {
+    type: 'REQUEST-SHARED-STATE';
+    userId: number;
+};
+export type SendStateAction = {
+    type: 'SEND-SHARED-STATE';
+    state: SharedState;
+};
+export type SharedAction = AlertUserAction | RequestStateAction | SendStateAction | SpeakerTurnAction | ChatAction;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fraku/video",
   "private": false,
-  "version": "0.1.29",
+  "version": "0.1.30",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -34,9 +34,9 @@
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest --coverage",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed",
+    "test:e2e": "playwright test --project=chromium",
+    "test:e2e:ui": "playwright test --ui --project=chromium",
+    "test:e2e:headed": "playwright test --headed --project=chromium",
     "test:storybook": "test-storybook",
     "build:ci": "tsc && vite build",
     "build:css:ci": "tailwindcss -c ./tailwind.config.js -i ./src/index.css -o ./dist/index.css --minify",
@@ -59,11 +59,11 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.57.0",
-    "@storybook/react-vite": "^10.1.5",
+    "@storybook/react-vite": "^10.1.11",
     "@storybook/test-runner": "^0.24.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.1",
     "@types/jsrsasign": "^10.5.15",
     "@types/node": "^24.10.2",
     "@types/react": "^18.2.43",
@@ -72,8 +72,9 @@
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/ui": "^4.0.15",
+    "@vitest/ui": "^4.0.16",
     "autoprefixer": "^10.4.22",
+    "baseline-browser-mapping": "^2.9.13",
     "eslint": "^8.55.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -90,7 +91,7 @@
     "vite": "^6.0.7",
     "vite-plugin-dts": "^3.6.4",
     "vite-plugin-static-copy": "^3.1.4",
-    "vitest": "^4.0.15"
+    "vitest": "^4.0.16"
   },
   "keywords": [
     "react",

package/dist/providers/SharedProvider/reducer/index.d.ts

@@ -1 +0,0 @@
-export { sharedStateReducer } from './reducer';

package/dist/providers/SharedProvider/reducer/lowerUserHandReducer.d.ts

@@ -1,3 +0,0 @@
-import { LowerUserHandAction, SharedState } from '../types';
-
-export declare const lowerUserHandReducer: (state: SharedState, action: LowerUserHandAction) => SharedState;

package/dist/providers/SharedProvider/reducer/reducer.d.ts

@@ -1,3 +0,0 @@
-import { SharedState, SharedAction } from '../types';
-
-export declare const sharedStateReducer: (state: SharedState, action: SharedAction) => SharedState;

package/dist/providers/SharedProvider/reducer/sendSharedStateReducer.d.ts

@@ -1,3 +0,0 @@
-import { SendStateAction, SharedState } from '../types';
-
-export declare const sendSharedStateReducer: (_state: SharedState, action: SendStateAction) => SharedState;

package/dist/providers/SharedProvider/reducer/toggleChatReducer.d.ts

@@ -1,4 +0,0 @@
-import { SharedState, ToggleChatAction } from '../types';
-
-declare const toggleChatReducer: (state: SharedState, action: ToggleChatAction) => SharedState;
-export default toggleChatReducer;

package/dist/providers/SharedProvider/reducer/toggleHandReducer.d.ts

@@ -1,3 +0,0 @@
-import { SharedState, ToggleHandAction } from '../types';
-
-export declare const toggleHandReducer: (state: SharedState, action: ToggleHandAction) => SharedState;

package/dist/providers/SharedProvider/reducer/toggleTurnQueueReducer.d.ts

@@ -1,4 +0,0 @@
-import { SharedState, ToggleTurnQueueAction } from '../types';
-
-declare const toggleTurnQueueReducer: (state: SharedState, action: ToggleTurnQueueAction) => SharedState;
-export default toggleTurnQueueReducer;

package/dist/providers/SharedProvider/types.d.ts

@@ -1,43 +0,0 @@
-export type SharedState = {
-    chatState: {
-        active: boolean;
-        timestamp: number;
-    };
-    turnQueueState: {
-        active: boolean;
-        timestamp: number;
-    };
-    speakerQueueIds: number[];
-};
-export type RequestStateAction = {
-    type: 'REQUEST-SHARED-STATE';
-    userId: number;
-};
-export type SendStateAction = {
-    type: 'SEND-SHARED-STATE';
-    state: SharedState;
-};
-export type ToggleHandAction = {
-    type: 'TOGGLE-HAND';
-    senderId: number;
-};
-export type LowerUserHandAction = {
-    type: 'LOWER-USER-HAND';
-    userId: number;
-};
-export type AlertUserAction = {
-    type: 'ALERT-USER';
-    message: string;
-    userId: number;
-};
-export type ToggleChatAction = {
-    type: 'TOGGLE-CHAT';
-    active: boolean;
-    timestamp: number;
-};
-export type ToggleTurnQueueAction = {
-    type: 'TOGGLE-TURN-QUEUE';
-    active: boolean;
-    timestamp: number;
-};
-export type SharedAction = RequestStateAction | SendStateAction | ToggleHandAction | LowerUserHandAction | ToggleTurnQueueAction | AlertUserAction | ToggleChatAction;