You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

middleware.ts 4.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. import { IStore } from '../app/types';
  2. import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app/actionTypes';
  3. import { getWebHIDFeatureConfig } from '../base/config/functions.web';
  4. import { SET_AUDIO_MUTED } from '../base/media/actionTypes';
  5. import { isAudioMuted } from '../base/media/functions';
  6. import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
  7. import { CLOSE_HID_DEVICE, REQUEST_HID_DEVICE } from './actionTypes';
  8. import { initDeviceInfo } from './actions';
  9. import {
  10. attachHidEventListeners,
  11. getWebHidInstance,
  12. handleUpdateHidDevice,
  13. isDeviceHidSupported,
  14. removeHidEventListeners
  15. } from './functions';
  16. import logger from './logger';
  17. import { COMMANDS, IDeviceInfo } from './types';
  18. /**
  19. * A listener for initialising the webhid device.
  20. */
  21. let initDeviceListener: (e: any) => void;
  22. /**
  23. * A listener for updating the webhid device.
  24. */
  25. let updateDeviceListener: (e: any) => void;
  26. /**
  27. * The redux middleware for {@link WebHid}.
  28. *
  29. * @param {Store} store - The redux store.
  30. * @returns {Function}
  31. */
  32. MiddlewareRegistry.register((store: IStore) => next => action => {
  33. const { dispatch, getState } = store;
  34. if (!getWebHIDFeatureConfig(getState())) {
  35. return next(action);
  36. }
  37. switch (action.type) {
  38. case APP_WILL_MOUNT: {
  39. const hidManager = getWebHidInstance();
  40. if (!hidManager.isSupported()) {
  41. logger.warn('HID is not supported');
  42. break;
  43. }
  44. const _initDeviceListener = (e: CustomEvent<{ deviceInfo: IDeviceInfo; }>) =>
  45. dispatch(initDeviceInfo(e.detail.deviceInfo));
  46. const _updateDeviceListener
  47. = (e: CustomEvent<{ actionResult: { eventName: string; }; deviceInfo: IDeviceInfo; }>) =>
  48. handleUpdateHidDevice(dispatch, e);
  49. initDeviceListener = _initDeviceListener;
  50. updateDeviceListener = _updateDeviceListener;
  51. hidManager.listenToConnectedHid();
  52. attachHidEventListeners(initDeviceListener, updateDeviceListener);
  53. break;
  54. }
  55. case APP_WILL_UNMOUNT: {
  56. const hidManager = getWebHidInstance();
  57. if (!isDeviceHidSupported()) {
  58. break;
  59. }
  60. removeHidEventListeners(initDeviceListener, updateDeviceListener);
  61. hidManager.close();
  62. break;
  63. }
  64. case CLOSE_HID_DEVICE: {
  65. const hidManager = getWebHidInstance();
  66. // cleanup event handlers when hid device is removed from Settings.
  67. removeHidEventListeners(initDeviceListener, updateDeviceListener);
  68. hidManager.close();
  69. break;
  70. }
  71. case REQUEST_HID_DEVICE: {
  72. _onRequestHIDDevice(store);
  73. break;
  74. }
  75. case SET_AUDIO_MUTED: {
  76. const hidManager = getWebHidInstance();
  77. if (!isDeviceHidSupported()) {
  78. break;
  79. }
  80. hidManager.sendDeviceReport({ command: action.muted ? COMMANDS.MUTE_ON : COMMANDS.MUTE_OFF });
  81. break;
  82. }
  83. }
  84. return next(action);
  85. });
  86. /**
  87. * Handles HID device requests.
  88. *
  89. * @param {IStore} store - The redux store.
  90. * @returns {Promise}
  91. */
  92. async function _onRequestHIDDevice(store: IStore) {
  93. const { dispatch } = store;
  94. const hidManager = getWebHidInstance();
  95. const availableDevices = await hidManager.requestHidDevices();
  96. // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
  97. if (!availableDevices || !availableDevices.length) {
  98. logger.info('HID device not available');
  99. return;
  100. }
  101. const _initDeviceListener = (e: CustomEvent<{ deviceInfo: IDeviceInfo; }>) =>
  102. dispatch(initDeviceInfo(e.detail.deviceInfo));
  103. const _updateDeviceListener
  104. = (e: CustomEvent<{ actionResult: { eventName: string; }; deviceInfo: IDeviceInfo; }>) => {
  105. handleUpdateHidDevice(dispatch, e);
  106. };
  107. initDeviceListener = _initDeviceListener;
  108. updateDeviceListener = _updateDeviceListener;
  109. attachHidEventListeners(initDeviceListener, updateDeviceListener);
  110. await hidManager.listenToConnectedHid();
  111. // sync headset to mute if participant is already muted.
  112. if (isAudioMuted(store.getState())) {
  113. hidManager.sendDeviceReport({ command: COMMANDS.MUTE_ON });
  114. }
  115. }