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

react/features/mobile/background/middleware.native.ts

@@ -0,0 +1,83 @@
+import { AppState } from 'react-native';
+
+import { IStore } from '../../app/types';
+import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../../base/app/actionTypes';
+import MiddlewareRegistry from '../../base/redux/MiddlewareRegistry';
+
+import { _setAppStateSubscription, appStateChanged } from './actions';
+import logger from './logger';
+
+/**
+ * Middleware that captures App lifetime actions and subscribes to application
+ * state changes. When the application state changes it will fire the action
+ * required to mute or unmute the local video in case the application goes to
+ * the background or comes back from it.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ * @see {@link https://facebook.github.io/react-native/docs/appstate.html}
+ */
+MiddlewareRegistry.register(store => next => action => {
+    switch (action.type) {
+
+    case APP_WILL_MOUNT: {
+        const { dispatch } = store;
+
+        _setAppStateListener(store, _onAppStateChange.bind(undefined, dispatch));
+
+        // Because there is no change taking place when the app mounts,
+        // we need to force registering the appState status.
+        const appStateInterval = setInterval(() => {
+            const { currentState } = AppState;
+
+            if (currentState !== 'unknown') {
+                clearInterval(appStateInterval);
+
+                _onAppStateChange(dispatch, currentState);
+            }
+        }, 100);
+
+        break;
+    }
+
+    case APP_WILL_UNMOUNT:
+        _setAppStateListener(store, undefined);
+        break;
+    }
+
+    return next(action);
+});
+
+/**
+ * Called by React Native's AppState API to notify that the application state
+ * has changed. Dispatches the change within the (associated) redux store.
+ *
+ * @param {Dispatch} dispatch - The redux {@code dispatch} function.
+ * @param {string} appState - The current application execution state.
+ * @private
+ * @returns {void}
+ */
+function _onAppStateChange(dispatch: IStore['dispatch'], appState: string) {
+    dispatch(appStateChanged(appState));
+
+    logger.info(`appState changed to: ${appState}`);
+}
+
+/**
+ * Notifies the feature filmstrip that the action
+ * {@link _SET_IMMERSIVE_LISTENER} is being dispatched within a specific redux
+ * store.
+ *
+ * @param {Store} store - The redux store in which the specified action is being
+ * dispatched.
+ * @param {any} listener - Listener for app state status.
+ * @private
+ * @returns {Object} The value returned by {@code next(action)}.
+ */
+function _setAppStateListener({ dispatch, getState }: IStore, listener: any) {
+    const { subscription } = getState()['features/mobile/background'];
+
+    subscription?.remove();
+
+    dispatch(_setAppStateSubscription(listener ? AppState.addEventListener('change', listener) : undefined));
+}