snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/custom-panel/reducer.ts

@@ -0,0 +1,123 @@
+import PersistenceRegistry from '../base/redux/PersistenceRegistry';
+import ReducerRegistry from '../base/redux/ReducerRegistry';
+
+import {
+    CUSTOM_PANEL_CLOSE,
+    CUSTOM_PANEL_OPEN,
+    SET_CUSTOM_PANEL_ENABLED,
+    SET_CUSTOM_PANEL_IS_RESIZING,
+    SET_CUSTOM_PANEL_WIDTH,
+    SET_USER_CUSTOM_PANEL_WIDTH
+} from './actionTypes';
+import { DEFAULT_CUSTOM_PANEL_WIDTH } from './constants';
+
+/**
+ * The state of the custom panel feature.
+ */
+export interface ICustomPanelState {
+
+    /**
+     * Whether the custom panel feature is enabled.
+     * This can be toggled dynamically via console.
+     */
+    enabled: boolean;
+
+    /**
+     * Whether the custom panel is currently open.
+     */
+    isOpen: boolean;
+
+    /**
+     * Whether the user is currently resizing the custom panel.
+     */
+    isResizing: boolean;
+
+    /**
+     * The width state of the custom panel.
+     */
+    width: {
+
+        /**
+         * The current display width in pixels.
+         */
+        current: number;
+
+        /**
+         * The user-preferred width set via drag resize, or null if not set.
+         */
+        userSet: number | null;
+    };
+}
+
+const DEFAULT_STATE: ICustomPanelState = {
+    enabled: false,
+    isOpen: false,
+    isResizing: false,
+    width: {
+        current: DEFAULT_CUSTOM_PANEL_WIDTH,
+        userSet: null
+    }
+};
+
+/**
+ * Persist only the width subtree so the user's preferred panel width
+ * survives page reloads.
+ */
+PersistenceRegistry.register('features/custom-panel', {
+    enabled: true,
+    width: true
+});
+
+/**
+ * Listen for actions that mutate the custom panel state.
+ */
+ReducerRegistry.register(
+    'features/custom-panel', (state: ICustomPanelState = DEFAULT_STATE, action): ICustomPanelState => {
+        switch (action.type) {
+        case CUSTOM_PANEL_CLOSE:
+            return {
+                ...state,
+                isOpen: false
+            };
+
+        case CUSTOM_PANEL_OPEN:
+            return {
+                ...state,
+                isOpen: true
+            };
+
+        case SET_CUSTOM_PANEL_ENABLED:
+            return {
+                ...state,
+                enabled: action.enabled
+            };
+
+        case SET_CUSTOM_PANEL_WIDTH:
+            return {
+                ...state,
+                width: {
+                    ...state.width,
+                    current: action.width
+                }
+            };
+
+        case SET_USER_CUSTOM_PANEL_WIDTH:
+            return {
+                ...state,
+                width: {
+                    current: action.width,
+                    userSet: action.width
+                }
+            };
+
+        case SET_CUSTOM_PANEL_IS_RESIZING:
+            return {
+                ...state,
+                isResizing: action.resizing
+            };
+
+        default:
+            return state;
+        }
+    }
+);