fix: deregister and remove from frontend device children

src/main/ipc/initialize-device-config-ipc.ts

@@ -57,6 +57,30 @@ ipcMain.on(
   (_e: IpcMainEvent, deviceId: string) => {
     const conf = DeviceRegistry.get(deviceId)!;
 
+    if (
+      conf instanceof SupportedDeviceConfig ||
+      conf instanceof AdapterDeviceConfig
+    ) {
+      const qInputIds = conf.inputs.map((id) =>
+        getQualifiedInputId(conf.id, id)
+      );
+      const pluginIds: string[] = [];
+
+      qInputIds.forEach((i) => {
+        const input = InputRegistry.get(getQualifiedInputId(conf.id, i))!;
+
+        input?.plugins.forEach((p) => {
+          PluginRegistry.deregister(p);
+          pluginIds.push(p);
+        });
+
+        InputRegistry.deregister(i);
+      });
+
+      MainWindow.removePlugins(pluginIds);
+      MainWindow.removeInputs(qInputIds);
+    }
+
     DeviceRegistry.deregister(deviceId);
 
     HardwarePortService.onConfigChange({ action: 'remove', changed: [conf] });

src/main/window-provider/main-window-actions.ts

@@ -78,4 +78,18 @@ export class MainWindowActions extends StatefulWindowActions {
       payload: dto,
     });
   }
+
+  public removePlugins(plugins: string[]) {
+    this.sendReduxEvent({
+      type: 'plugins/removeMany',
+      payload: plugins,
+    });
+  }
+
+  public removeInputs(inputs: string[]) {
+    this.sendReduxEvent({
+      type: 'inputConfigs/removeMany',
+      payload: inputs,
+    });
+  }
 }

src/renderer/components/InputConfigDrawer/index.tsx

@@ -23,7 +23,7 @@ export default function InputConfigDrawer() {
     Element = (
       <BasicMessage msg="This device isn't supported yet, so you can't customize individual knob and buttons. However, you can still add Device Plugins in the left panel." />
     );
-  } else if (selectedInput === null) {
+  } else if (!inputConfig) {
     Element = <BasicMessage msg="No inputs selected." />;
   } else if (config && inputConfig) {
     Element = <InputConfigPanel input={inputConfig} />;

src/renderer/features/plugins/plugins-slice.ts

@@ -29,6 +29,7 @@ export const pluginsSlice = createAppSlice({
     upsertMany: pluginsEntityAdapter.upsertMany,
     upsertOne: pluginsEntityAdapter.upsertOne,
     removeOne: pluginsEntityAdapter.removeOne,
+    removeMany: pluginsEntityAdapter.removeMany,
   },
 });