@xipkg/calls-store 0.0.0

package/README.md

@@ -0,0 +1 @@
+компонент модержащий store приложения

package/dist/index.d.ts

@@ -0,0 +1,220 @@
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+import { LiveKitRoomProps } from '@livekit/components-react';
+import { LocalUserChoices as LocalUserChoices$1 } from '@livekit/components-core';
+import { VideoQuality } from 'livekit-client';
+import { NoiseCancellationMode } from '@xipkg/calls-types';
+
+type RaisedHandT = {
+    participantId: string;
+    participantName: string;
+    timestamp: number;
+};
+type CornerT = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type useCallStoreT = {
+    isCameraPermission: boolean | null;
+    isMicroPermission: boolean | null;
+    audioEnabled: boolean;
+    videoEnabled: boolean;
+    audioDeviceId: ConstrainDOMString | undefined;
+    audioOutputDeviceId: ConstrainDOMString | undefined;
+    videoDeviceId: ConstrainDOMString | undefined;
+    connect: LiveKitRoomProps['connect'];
+    isStarted: boolean | undefined;
+    isConnecting: boolean;
+    mode: 'compact' | 'full';
+    carouselType: 'grid' | 'horizontal' | 'vertical';
+    preferredFocusLayout: 'horizontal' | 'vertical';
+    activeCorner: CornerT;
+    /** Режим вида компакт-ВКС на десктопе: одна плитка или развёрнутый список (учёт при DnD) */
+    compactViewMode: 'basic' | 'expanded';
+    activeBoardId: string | undefined;
+    activeClassroom: string | undefined;
+    /** Локальный переключатель: пользователь сам ушёл в полную ВКС («Только меня»), комната на сервере остаётся на доске */
+    localFullView: boolean;
+    token: string | undefined;
+    raisedHands: RaisedHandT[];
+    isHandRaised: boolean;
+    updateStore: (type: keyof useCallStoreT, value: any) => void;
+    addRaisedHand: (hand: RaisedHandT) => void;
+    removeRaisedHand: (participantId: string) => void;
+    toggleHandRaised: () => void;
+    clearAllRaisedHands: () => void;
+    isHandRaisedByParticipant: (participantId: string) => boolean;
+};
+declare const useCallStore: zustand.UseBoundStore<Omit<zustand.StoreApi<useCallStoreT>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<useCallStoreT, {
+            isCameraPermission: boolean | null;
+            isMicroPermission: boolean | null;
+            audioEnabled: boolean;
+            videoEnabled: boolean;
+            audioDeviceId: ConstrainDOMString | undefined;
+            videoDeviceId: ConstrainDOMString | undefined;
+            carouselType: "grid" | "horizontal" | "vertical";
+            preferredFocusLayout: "horizontal" | "vertical";
+            activeCorner: CornerT;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: useCallStoreT) => void) => () => void;
+        onFinishHydration: (fn: (state: useCallStoreT) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<useCallStoreT, {
+            isCameraPermission: boolean | null;
+            isMicroPermission: boolean | null;
+            audioEnabled: boolean;
+            videoEnabled: boolean;
+            audioDeviceId: ConstrainDOMString | undefined;
+            videoDeviceId: ConstrainDOMString | undefined;
+            carouselType: "grid" | "horizontal" | "vertical";
+            preferredFocusLayout: "horizontal" | "vertical";
+            activeCorner: CornerT;
+        }>>;
+    };
+}>;
+
+type PermissionStateT = undefined | 'granted' | 'prompt' | 'denied' | 'unavailable';
+type BaseStateT = {
+    cameraPermission: PermissionStateT;
+    microphonePermission: PermissionStateT;
+    isLoading: boolean;
+    isPermissionDialogOpen: boolean;
+};
+type DerivedStateT = {
+    isCameraGranted: boolean;
+    isMicrophoneGranted: boolean;
+    isCameraDenied: boolean;
+    isMicrophoneDenied: boolean;
+    isCameraPrompted: boolean;
+    isMicrophonePrompted: boolean;
+};
+type State = BaseStateT & DerivedStateT;
+declare const usePermissionsStore: zustand.UseBoundStore<Omit<zustand.StoreApi<State>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<State, {
+            cameraPermission: PermissionStateT;
+            microphonePermission: PermissionStateT;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: State) => void) => () => void;
+        onFinishHydration: (fn: (state: State) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<State, {
+            cameraPermission: PermissionStateT;
+            microphonePermission: PermissionStateT;
+        }>>;
+    };
+}>;
+declare const openPermissionsDialog: () => void;
+declare const closePermissionsDialog: () => void;
+
+type VideoResolution = 'h720' | 'h360' | 'h180';
+type LocalUserChoices = LocalUserChoices$1 & {
+    noiseReductionEnabled?: boolean;
+    blurEnabled?: boolean;
+    audioOutputDeviceId?: string;
+    videoPublishResolution?: VideoResolution;
+    videoSubscribeQuality?: VideoQuality;
+    /** Включено ли шумоподавление (любой режим кроме off). */
+    noiseCancellationEnabled?: boolean;
+    /** Режим шумоподавления: off | webrtc | krisp. */
+    noiseCancellationMode?: NoiseCancellationMode;
+};
+declare const useUserChoicesStore: zustand.UseBoundStore<Omit<zustand.StoreApi<LocalUserChoices>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<LocalUserChoices, {
+            videoEnabled: boolean;
+            audioEnabled: boolean;
+            videoDeviceId: string;
+            audioDeviceId: string;
+            username: string;
+            noiseReductionEnabled?: boolean;
+            blurEnabled?: boolean;
+            audioOutputDeviceId?: string;
+            videoPublishResolution?: VideoResolution;
+            videoSubscribeQuality?: VideoQuality;
+            /** Включено ли шумоподавление (любой режим кроме off). */
+            noiseCancellationEnabled?: boolean;
+            /** Режим шумоподавления: off | webrtc | krisp. */
+            noiseCancellationMode?: NoiseCancellationMode;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: LocalUserChoices) => void) => () => void;
+        onFinishHydration: (fn: (state: LocalUserChoices) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<LocalUserChoices, {
+            videoEnabled: boolean;
+            audioEnabled: boolean;
+            videoDeviceId: string;
+            audioDeviceId: string;
+            username: string;
+            noiseReductionEnabled?: boolean;
+            blurEnabled?: boolean;
+            audioOutputDeviceId?: string;
+            videoPublishResolution?: VideoResolution;
+            videoSubscribeQuality?: VideoQuality;
+            /** Включено ли шумоподавление (любой режим кроме off). */
+            noiseCancellationEnabled?: boolean;
+            /** Режим шумоподавления: off | webrtc | krisp. */
+            noiseCancellationMode?: NoiseCancellationMode;
+        }>>;
+    };
+}>;
+
+type SoundKey = 'chatMessage' | 'handRaise' | 'userJoin' | 'userLeft' | 'boardTimerEnd' | 'boardTimerWarn';
+interface SoundEffectsState {
+    chatMessageVolume: number;
+    handRaiseVolume: number;
+    userJoinVolume: number;
+    userLeftVolume: number;
+    boardTimerEndVolume: number;
+    boardTimerWarnVolume: number;
+    setSoundVolume: (key: SoundKey, volume: number) => void;
+    getEffectiveVolume: (key: SoundKey) => number;
+}
+declare const useSoundEffectsStore: zustand.UseBoundStore<Omit<zustand.StoreApi<SoundEffectsState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<SoundEffectsState, {
+            chatMessageVolume: number;
+            handRaiseVolume: number;
+            userJoinVolume: number;
+            userLeftVolume: number;
+            boardTimerEndVolume: number;
+            boardTimerWarnVolume: number;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: SoundEffectsState) => void) => () => void;
+        onFinishHydration: (fn: (state: SoundEffectsState) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<SoundEffectsState, {
+            chatMessageVolume: number;
+            handRaiseVolume: number;
+            userJoinVolume: number;
+            userLeftVolume: number;
+            boardTimerEndVolume: number;
+            boardTimerWarnVolume: number;
+        }>>;
+    };
+}>;
+
+type FeatureKey = 'compactView' | 'whiteboard' | 'raiseHand' | 'chat';
+type FeatureMapT = Record<FeatureKey, boolean>;
+type FeaturesState = {
+    features: FeatureMapT;
+    setFeature: (key: FeatureKey, value: boolean) => void;
+    setFeatures: (features: Partial<FeatureMapT>) => void;
+};
+declare const useFeaturesStore: zustand.UseBoundStore<zustand.StoreApi<FeaturesState>>;
+
+interface FocusModeState {
+    focusMode: boolean;
+    setFocusMode: (value: boolean) => void;
+    toggleFocusMode: () => void;
+}
+declare const useFocusModeStore: zustand.UseBoundStore<zustand.StoreApi<FocusModeState>>;
+
+export { type CornerT, type VideoResolution, closePermissionsDialog, openPermissionsDialog, useCallStore, useFeaturesStore, useFocusModeStore, usePermissionsStore, useSoundEffectsStore, useUserChoicesStore };

package/dist/index.mjs

@@ -0,0 +1,231 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+import { saveUserChoices, loadUserChoices } from '@livekit/components-core';
+import { VideoQuality } from 'livekit-client';
+
+// src/store/callStore.ts
+var useCallStore = create()(
+  persist(
+    (set, get) => ({
+      isCameraPermission: null,
+      isMicroPermission: null,
+      audioEnabled: false,
+      videoEnabled: false,
+      audioDeviceId: void 0,
+      audioOutputDeviceId: void 0,
+      videoDeviceId: void 0,
+      connect: void 0,
+      isStarted: void 0,
+      isConnecting: false,
+      mode: "full",
+      carouselType: "grid",
+      preferredFocusLayout: "horizontal",
+      activeCorner: "top-left",
+      compactViewMode: "basic",
+      // Текущая активная доска
+      activeBoardId: void 0,
+      activeClassroom: void 0,
+      localFullView: false,
+      // токен для конференции
+      token: void 0,
+      // Поднятые руки
+      raisedHands: [],
+      isHandRaised: false,
+      updateStore: (type, value) => set({ [type]: value }),
+      // Поднятые руки
+      addRaisedHand: (hand) => set((state) => {
+        const existingHand = state.raisedHands.find(
+          (h) => h.participantId === hand.participantId
+        );
+        if (existingHand) {
+          return {
+            raisedHands: state.raisedHands.map(
+              (h) => h.participantId === hand.participantId ? hand : h
+            )
+          };
+        }
+        return { raisedHands: [...state.raisedHands, hand] };
+      }),
+      removeRaisedHand: (participantId) => set((state) => ({
+        raisedHands: state.raisedHands.filter((hand) => hand.participantId !== participantId)
+      })),
+      toggleHandRaised: () => set((state) => ({ isHandRaised: !state.isHandRaised })),
+      clearAllRaisedHands: () => set({ raisedHands: [], isHandRaised: false }),
+      isHandRaisedByParticipant: (participantId) => {
+        const state = get();
+        return state.raisedHands.some((hand) => hand.participantId === participantId);
+      }
+    }),
+    {
+      name: "call-store",
+      version: 3,
+      migrate: (persisted, version) => {
+        const state = persisted;
+        if (version < 2) {
+          const ct = state.carouselType;
+          if (ct === "focus") {
+            state.carouselType = "horizontal";
+          }
+        }
+        if (version < 3) {
+          const ct = state.carouselType;
+          state.preferredFocusLayout = ct === "horizontal" || ct === "vertical" ? ct : "horizontal";
+        }
+        return state;
+      },
+      partialize: (state) => ({
+        isCameraPermission: state.isCameraPermission,
+        isMicroPermission: state.isMicroPermission,
+        audioEnabled: state.audioEnabled,
+        videoEnabled: state.videoEnabled,
+        audioDeviceId: state.audioDeviceId,
+        videoDeviceId: state.videoDeviceId,
+        carouselType: state.carouselType,
+        preferredFocusLayout: state.preferredFocusLayout,
+        activeCorner: state.activeCorner
+      })
+    }
+  )
+);
+var usePermissionsStore = create()(
+  persist(
+    (_, get) => ({
+      cameraPermission: void 0,
+      microphonePermission: void 0,
+      isLoading: true,
+      isPermissionDialogOpen: false,
+      get isCameraGranted() {
+        return get().cameraPermission === "granted";
+      },
+      get isMicrophoneGranted() {
+        return get().microphonePermission === "granted";
+      },
+      get isCameraDenied() {
+        return get().cameraPermission === "denied";
+      },
+      get isMicrophoneDenied() {
+        return get().microphonePermission === "denied";
+      },
+      get isCameraPrompted() {
+        return get().cameraPermission === "prompt";
+      },
+      get isMicrophonePrompted() {
+        return get().microphonePermission === "prompt";
+      }
+    }),
+    {
+      name: "permissions-storage",
+      partialize: (state) => ({
+        cameraPermission: state.cameraPermission,
+        microphonePermission: state.microphonePermission
+      })
+    }
+  )
+);
+var openPermissionsDialog = () => {
+  usePermissionsStore.setState({ isPermissionDialogOpen: true });
+};
+var closePermissionsDialog = () => {
+  usePermissionsStore.setState({ isPermissionDialogOpen: false });
+};
+function getUserChoicesState() {
+  return {
+    noiseReductionEnabled: false,
+    blurEnabled: false,
+    audioOutputDeviceId: "default",
+    videoPublishResolution: "h720",
+    videoSubscribeQuality: VideoQuality.HIGH,
+    noiseCancellationEnabled: false,
+    noiseCancellationMode: "webrtc",
+    ...loadUserChoices()
+  };
+}
+var useUserChoicesStore = create()(
+  persist(
+    () => ({
+      ...getUserChoicesState()
+    }),
+    {
+      name: "user-choices-storage",
+      onRehydrateStorage: () => (state) => {
+        if (state) {
+          saveUserChoices(state, false);
+        }
+      }
+    }
+  )
+);
+var DEFAULTS = {
+  chatMessage: 0.25,
+  handRaise: 0.25,
+  userJoin: 0.25,
+  userLeft: 0.25,
+  boardTimerEnd: 1,
+  boardTimerWarn: 1
+};
+var VOLUME_KEY_MAP = {
+  chatMessage: "chatMessageVolume",
+  handRaise: "handRaiseVolume",
+  userJoin: "userJoinVolume",
+  userLeft: "userLeftVolume",
+  boardTimerEnd: "boardTimerEndVolume",
+  boardTimerWarn: "boardTimerWarnVolume"
+};
+var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
+var useSoundEffectsStore = create()(
+  persist(
+    (set, get) => ({
+      chatMessageVolume: DEFAULTS.chatMessage,
+      handRaiseVolume: DEFAULTS.handRaise,
+      userJoinVolume: DEFAULTS.userJoin,
+      userLeftVolume: DEFAULTS.userLeft,
+      boardTimerEndVolume: DEFAULTS.boardTimerEnd,
+      boardTimerWarnVolume: DEFAULTS.boardTimerWarn,
+      setSoundVolume: (key, volume) => {
+        const min = key === "boardTimerEnd" ? 0.2 : 0;
+        const clamped = clamp(volume, min, 1);
+        set({ [VOLUME_KEY_MAP[key]]: clamped });
+      },
+      getEffectiveVolume: (key) => {
+        const storeKey = VOLUME_KEY_MAP[key];
+        return get()[storeKey];
+      }
+    }),
+    {
+      name: "sound-effects-store",
+      version: 1,
+      partialize: (state) => ({
+        chatMessageVolume: state.chatMessageVolume,
+        handRaiseVolume: state.handRaiseVolume,
+        userJoinVolume: state.userJoinVolume,
+        userLeftVolume: state.userLeftVolume,
+        boardTimerEndVolume: state.boardTimerEndVolume,
+        boardTimerWarnVolume: state.boardTimerWarnVolume
+      })
+    }
+  )
+);
+var defaultFeatures = {
+  compactView: true,
+  whiteboard: true,
+  raiseHand: true,
+  chat: true
+};
+var useFeaturesStore = create((set) => ({
+  features: defaultFeatures,
+  setFeature: (key, value) => set((state) => ({
+    features: { ...state.features, [key]: value }
+  })),
+  setFeatures: (features) => set((state) => ({
+    features: { ...state.features, ...features }
+  }))
+}));
+var useFocusModeStore = create((set) => ({
+  focusMode: false,
+  setFocusMode: (value) => set({ focusMode: value }),
+  toggleFocusMode: () => set((state) => ({ focusMode: !state.focusMode }))
+}));
+
+export { closePermissionsDialog, openPermissionsDialog, useCallStore, useFeaturesStore, useFocusModeStore, usePermissionsStore, useSoundEffectsStore, useUserChoicesStore };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/callStore.ts","../src/store/permissions.ts","../src/store/userChoices.ts","../src/store/useSoundEffectsStore.ts","../src/store/featuresStore.ts","../src/store/useFocusModeStore.ts"],"names":["create","persist"],"mappings":"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","file":"index.mjs","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { LiveKitRoomProps } from '@livekit/components-react';\nimport { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\ntype RaisedHandT = {\n  participantId: string;\n  participantName: string;\n  timestamp: number;\n};\n\nexport type CornerT = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\ntype useCallStoreT = {\n  // разрешение от браузера на использование камеры\n  isCameraPermission: boolean | null;\n  isMicroPermission: boolean | null;\n  // включён ли у пользователя микро\n  audioEnabled: boolean;\n  videoEnabled: boolean;\n  // id-выбранного устройства\n  audioDeviceId: ConstrainDOMString | undefined;\n  audioOutputDeviceId: ConstrainDOMString | undefined;\n  videoDeviceId: ConstrainDOMString | undefined;\n  // подключена ли конференция\n  connect: LiveKitRoomProps['connect'];\n  // началась ли ВКС для пользователя\n  isStarted: boolean | undefined;\n  // состояние подключения\n  isConnecting: boolean;\n\n  mode: 'compact' | 'full';\n  carouselType: 'grid' | 'horizontal' | 'vertical';\n  preferredFocusLayout: 'horizontal' | 'vertical';\n  activeCorner: CornerT;\n\n  /** Режим вида компакт-ВКС на десктопе: одна плитка или развёрнутый список (учёт при DnD) */\n  compactViewMode: 'basic' | 'expanded';\n\n  // Текущая активная доска (для синхронизации с новыми участниками)\n  activeBoardId: string | undefined;\n  activeClassroom: string | undefined;\n\n  /** Локальный переключатель: пользователь сам ушёл в полную ВКС («Только меня»), комната на сервере остаётся на доске */\n  localFullView: boolean;\n\n  // токен для конференции\n  token: string | undefined;\n\n  // Поднятые руки\n  raisedHands: RaisedHandT[];\n  isHandRaised: boolean;\n\n  updateStore: (type: keyof useCallStoreT, value: any) => void;\n  addRaisedHand: (hand: RaisedHandT) => void;\n  removeRaisedHand: (participantId: string) => void;\n  toggleHandRaised: () => void;\n  clearAllRaisedHands: () => void;\n  isHandRaisedByParticipant: (participantId: string) => boolean;\n};\n\nexport const useCallStore = create<useCallStoreT>()(\n  persist(\n    (set, get) => ({\n      isCameraPermission: null,\n      isMicroPermission: null,\n      audioEnabled: false,\n      videoEnabled: false,\n      audioDeviceId: undefined,\n      audioOutputDeviceId: undefined,\n      videoDeviceId: undefined,\n      connect: undefined,\n      isStarted: undefined,\n      isConnecting: false,\n      mode: 'full',\n      carouselType: 'grid',\n      preferredFocusLayout: 'horizontal',\n      activeCorner: 'top-left',\n      compactViewMode: 'basic',\n\n      // Текущая активная доска\n      activeBoardId: undefined,\n      activeClassroom: undefined,\n\n      localFullView: false,\n\n      // токен для конференции\n      token: undefined,\n\n      // Поднятые руки\n      raisedHands: [],\n      isHandRaised: false,\n\n      updateStore: (type: keyof useCallStoreT, value: any) => set({ [type]: value }),\n\n      // Поднятые руки\n      addRaisedHand: (hand: RaisedHandT) =>\n        set((state) => {\n          // Проверяем, есть ли уже рука от этого участника\n          const existingHand = state.raisedHands.find(\n            (h) => h.participantId === hand.participantId,\n          );\n          if (existingHand) {\n            // Обновляем существующую руку\n            return {\n              raisedHands: state.raisedHands.map((h) =>\n                h.participantId === hand.participantId ? hand : h,\n              ),\n            };\n          }\n          // Добавляем новую руку\n          return { raisedHands: [...state.raisedHands, hand] };\n        }),\n      removeRaisedHand: (participantId: string) =>\n        set((state) => ({\n          raisedHands: state.raisedHands.filter((hand) => hand.participantId !== participantId),\n        })),\n      toggleHandRaised: () => set((state) => ({ isHandRaised: !state.isHandRaised })),\n      clearAllRaisedHands: () => set({ raisedHands: [], isHandRaised: false }),\n      isHandRaisedByParticipant: (participantId: string) => {\n        const state = get();\n        return state.raisedHands.some((hand) => hand.participantId === participantId);\n      },\n    }),\n    {\n      name: 'call-store',\n      version: 3,\n      migrate: (persisted, version) => {\n        const state = persisted as Record<string, unknown>;\n        if (version < 2) {\n          const ct = state.carouselType;\n          if (ct === 'focus') {\n            state.carouselType = 'horizontal';\n          }\n        }\n        if (version < 3) {\n          const ct = state.carouselType;\n          state.preferredFocusLayout = ct === 'horizontal' || ct === 'vertical' ? ct : 'horizontal';\n        }\n        return state as useCallStoreT;\n      },\n      partialize: (state) => ({\n        isCameraPermission: state.isCameraPermission,\n        isMicroPermission: state.isMicroPermission,\n        audioEnabled: state.audioEnabled,\n        videoEnabled: state.videoEnabled,\n        audioDeviceId: state.audioDeviceId,\n        videoDeviceId: state.videoDeviceId,\n        carouselType: state.carouselType,\n        preferredFocusLayout: state.preferredFocusLayout,\n        activeCorner: state.activeCorner,\n      }),\n    },\n  ),\n);\n","import { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\ntype PermissionStateT = undefined | 'granted' | 'prompt' | 'denied' | 'unavailable';\n\ntype BaseStateT = {\n  cameraPermission: PermissionStateT;\n  microphonePermission: PermissionStateT;\n  isLoading: boolean;\n  isPermissionDialogOpen: boolean;\n};\n\ntype DerivedStateT = {\n  isCameraGranted: boolean;\n  isMicrophoneGranted: boolean;\n  isCameraDenied: boolean;\n  isMicrophoneDenied: boolean;\n  isCameraPrompted: boolean;\n  isMicrophonePrompted: boolean;\n};\n\ntype State = BaseStateT & DerivedStateT;\n\nexport const usePermissionsStore = create<State>()(\n  persist(\n    (_, get) => ({\n      cameraPermission: undefined,\n      microphonePermission: undefined,\n      isLoading: true,\n      isPermissionDialogOpen: false,\n\n      get isCameraGranted() {\n        return get().cameraPermission === 'granted';\n      },\n      get isMicrophoneGranted() {\n        return get().microphonePermission === 'granted';\n      },\n      get isCameraDenied() {\n        return get().cameraPermission === 'denied';\n      },\n      get isMicrophoneDenied() {\n        return get().microphonePermission === 'denied';\n      },\n      get isCameraPrompted() {\n        return get().cameraPermission === 'prompt';\n      },\n      get isMicrophonePrompted() {\n        return get().microphonePermission === 'prompt';\n      },\n    }),\n    {\n      name: 'permissions-storage',\n      partialize: (state) => ({\n        cameraPermission: state.cameraPermission,\n        microphonePermission: state.microphonePermission,\n      }),\n    },\n  ),\n);\n\nexport const openPermissionsDialog = () => {\n  usePermissionsStore.setState({ isPermissionDialogOpen: true });\n};\n\nexport const closePermissionsDialog = () => {\n  usePermissionsStore.setState({ isPermissionDialogOpen: false });\n};\n","import { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\nimport {\n  loadUserChoices,\n  saveUserChoices,\n  LocalUserChoices as LocalUserChoicesLK,\n} from '@livekit/components-core';\nimport { VideoQuality } from 'livekit-client';\nimport type { NoiseCancellationMode } from '@xipkg/calls-types';\n\nexport type VideoResolution = 'h720' | 'h360' | 'h180';\n\nexport type LocalUserChoices = LocalUserChoicesLK & {\n  noiseReductionEnabled?: boolean;\n  blurEnabled?: boolean;\n  audioOutputDeviceId?: string;\n  videoPublishResolution?: VideoResolution;\n  videoSubscribeQuality?: VideoQuality;\n  /** Включено ли шумоподавление (любой режим кроме off). */\n  noiseCancellationEnabled?: boolean;\n  /** Режим шумоподавления: off | webrtc | krisp. */\n  noiseCancellationMode?: NoiseCancellationMode;\n};\n\nfunction getUserChoicesState(): LocalUserChoices {\n  return {\n    noiseReductionEnabled: false,\n    blurEnabled: false,\n    audioOutputDeviceId: 'default',\n    videoPublishResolution: 'h720',\n    videoSubscribeQuality: VideoQuality.HIGH,\n    noiseCancellationEnabled: false,\n    noiseCancellationMode: 'webrtc',\n    ...loadUserChoices(),\n  };\n}\n\nexport const useUserChoicesStore = create<LocalUserChoices>()(\n  persist(\n    () => ({\n      ...getUserChoicesState(),\n    }),\n    {\n      name: 'user-choices-storage',\n      onRehydrateStorage: () => (state) => {\n        if (state) {\n          saveUserChoices(state, false);\n        }\n      },\n    },\n  ),\n);\n","import { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\ntype SoundKey =\n  | 'chatMessage'\n  | 'handRaise'\n  | 'userJoin'\n  | 'userLeft'\n  | 'boardTimerEnd'\n  | 'boardTimerWarn';\n\ninterface SoundEffectsState {\n  chatMessageVolume: number;\n  handRaiseVolume: number;\n  userJoinVolume: number;\n  userLeftVolume: number;\n  boardTimerEndVolume: number;\n  boardTimerWarnVolume: number;\n\n  setSoundVolume: (key: SoundKey, volume: number) => void;\n  getEffectiveVolume: (key: SoundKey) => number;\n}\n\nconst DEFAULTS: Record<SoundKey, number> = {\n  chatMessage: 0.25,\n  handRaise: 0.25,\n  userJoin: 0.25,\n  userLeft: 0.25,\n  boardTimerEnd: 1,\n  boardTimerWarn: 1,\n};\n\nconst VOLUME_KEY_MAP: Record<SoundKey, keyof SoundEffectsState> = {\n  chatMessage: 'chatMessageVolume',\n  handRaise: 'handRaiseVolume',\n  userJoin: 'userJoinVolume',\n  userLeft: 'userLeftVolume',\n  boardTimerEnd: 'boardTimerEndVolume',\n  boardTimerWarn: 'boardTimerWarnVolume',\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nexport const useSoundEffectsStore = create<SoundEffectsState>()(\n  persist(\n    (set, get) => ({\n      chatMessageVolume: DEFAULTS.chatMessage,\n      handRaiseVolume: DEFAULTS.handRaise,\n      userJoinVolume: DEFAULTS.userJoin,\n      userLeftVolume: DEFAULTS.userLeft,\n      boardTimerEndVolume: DEFAULTS.boardTimerEnd,\n      boardTimerWarnVolume: DEFAULTS.boardTimerWarn,\n\n      setSoundVolume: (key, volume) => {\n        const min = key === 'boardTimerEnd' ? 0.2 : 0;\n        const clamped = clamp(volume, min, 1);\n        set({ [VOLUME_KEY_MAP[key]]: clamped });\n      },\n\n      getEffectiveVolume: (key) => {\n        const storeKey = VOLUME_KEY_MAP[key];\n        return get()[storeKey] as number;\n      },\n    }),\n    {\n      name: 'sound-effects-store',\n      version: 1,\n      partialize: (state) => ({\n        chatMessageVolume: state.chatMessageVolume,\n        handRaiseVolume: state.handRaiseVolume,\n        userJoinVolume: state.userJoinVolume,\n        userLeftVolume: state.userLeftVolume,\n        boardTimerEndVolume: state.boardTimerEndVolume,\n        boardTimerWarnVolume: state.boardTimerWarnVolume,\n      }),\n    },\n  ),\n);\n\nexport { DEFAULTS as SOUND_DEFAULTS };\nexport type { SoundKey };\n","import { create } from 'zustand';\n\nexport type FeatureKey = 'compactView' | 'whiteboard' | 'raiseHand' | 'chat';\n\ntype FeatureMapT = Record<FeatureKey, boolean>;\n\ntype FeaturesState = {\n  features: FeatureMapT;\n\n  setFeature: (key: FeatureKey, value: boolean) => void;\n  setFeatures: (features: Partial<FeatureMapT>) => void;\n};\n\nconst defaultFeatures: FeatureMapT = {\n  compactView: true,\n  whiteboard: true,\n  raiseHand: true,\n  chat: true,\n};\n\nexport const useFeaturesStore = create<FeaturesState>((set) => ({\n  features: defaultFeatures,\n\n  setFeature: (key, value) =>\n    set((state) => ({\n      features: { ...state.features, [key]: value },\n    })),\n\n  setFeatures: (features) =>\n    set((state) => ({\n      features: { ...state.features, ...features },\n    })),\n}));\n","import { create } from 'zustand';\n\ninterface FocusModeState {\n  focusMode: boolean;\n  setFocusMode: (value: boolean) => void;\n  toggleFocusMode: () => void;\n}\n\nexport const useFocusModeStore = create<FocusModeState>((set) => ({\n  focusMode: false,\n  setFocusMode: (value) => set({ focusMode: value }),\n  toggleFocusMode: () => set((state) => ({ focusMode: !state.focusMode })),\n}));\n"]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@xipkg/calls-store",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "development": "./index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "license": "MIT",
+  "scripts": {
+    "lint": "eslint \"**/*.{ts,tsx}\"",
+    "dev": "tsup --watch",
+    "build": "tsup"
+  },
+  "dependencies": {
+    "zustand": "5.0.3",
+    "@xipkg/calls-types": "*"
+  },
+  "devDependencies": {
+    "@tanstack/react-query-devtools": "5.73.3",
+    "@eslint/js": "^9.19.0",
+    "common.typescript": "*",
+    "@types/node": "^20.3.1",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "@xipkg/eslint": "3.2.0",
+    "@xipkg/typescript": "latest",
+    "common.eslint": "*",
+    "eslint": "^9.19.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "globals": "^15.14.0",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.22.0"
+  },
+  "peerDependencies": {
+    "react": "19"
+  },
+  "description": "@xipkg/calls-store",
+  "author": "xi.effect",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}