Merge pull request #73 from PepperDash/selector-updates

fix: add selectors for device interfaces and checking if a device supports a specific interface

Author: andrew-welker

src/lib/store/runtimeConfig/runtime.hooks.ts

@@ -2,6 +2,8 @@ import { useAppSelector } from '../hooks';
 import {
   selectClientId,
   selectDeviceInterfaceSupport,
+  selectDeviceSupportsInterface,
+  selectInterfacesForDevice,
   selectIsTouchpanel,
   selectRoomKey,
   selectRuntimeInfo,
@@ -33,3 +35,11 @@ export const useIsTouchpanel = () => useAppSelector(selectIsTouchpanel);
 
 export const useDeviceInterfaceSupport = () =>
   useAppSelector(selectDeviceInterfaceSupport);
+
+export const useInterfacesForDevice = (deviceKey: string) =>
+  useAppSelector(selectInterfacesForDevice(deviceKey));
+
+export const useDeviceSupportsInterface = (
+  deviceKey: string,
+  interfaceToCheck: string
+) => useAppSelector(selectDeviceSupportsInterface(deviceKey, interfaceToCheck));

src/lib/store/runtimeConfig/runtime.selectors.ts

@@ -52,3 +52,17 @@ export const selectDeviceInterfaceSupport = createSelector(
   runtimeState,
   (state) => state.roomData.deviceInterfaceSupport
 );
+
+export const selectInterfacesForDevice = (deviceKey: string) =>
+  createSelector(
+    selectDeviceInterfaceSupport,
+    (devices) => devices?.[deviceKey]?.interfaces ?? []
+  );
+
+export const selectDeviceSupportsInterface = (
+  deviceKey: string,
+  interfaceToCheck: string
+) =>
+  createSelector(selectInterfacesForDevice(deviceKey), (interfaces) =>
+    interfaces.includes(interfaceToCheck)
+  );