Add settings to choose audio input device

lib/atom-hydra.js

@@ -3,11 +3,34 @@
 import Main from './main.js'
 import { CompositeDisposable } from 'atom'
 
-export default {
+let packageDefinition = {
   isActive: false,
   subscriptions: null,
   main: null,
 
+  config: {
+    audioInputDevice: {
+      type: 'string',
+      values: [{ value: "default", description: 'Default' }],
+      default: "default",
+      enumerateDevices: async function() {
+        let devices = await navigator.mediaDevices.enumerateDevices()
+        let inputDevices = []
+        for (const device of devices) {
+          if (device.kind == "audioinput") {
+            inputDevices.push({value: device.deviceId, description: device.label});
+          }
+        }
+        this.values = inputDevices
+        this.enumerateDevices = function() { return this.values }
+        return this.values;
+      },
+      get enum() {
+        return this.enumerateDevices()
+      }
+    }
+  },
+
   activate(state) {
     this.main = new Main()
     // // Events subscribed to in atom's system can be easily cleaned up with a CompositeDisposable
@@ -47,3 +70,5 @@ export default {
   }
 
 };
+
+export default packageDefinition;

lib/main.js

@@ -186,7 +186,8 @@ export default class Main {
 
     this.hydra = new Hydra ({
       canvas: this.canvas,
-      autoLoop: false
+      autoLoop: false,
+      audioDeviceId: atom.config.get('atom-hydra.audioInputDevice')
     })
 
     // hijack source init screen event because doesn't work in Electron

menus/atom-hydra.json

@@ -12,7 +12,7 @@
       "label": "Packages",
       "submenu": [
         {
-          "label": "atom-hydra",
+          "label": "Hydra",
           "submenu": [
             {
               "label": "Toggle",