Some backend configuration setup

custom_components/browser_mod/__init__.py

@@ -5,9 +5,9 @@ from homeassistant.components.websocket_api import websocket_command, result_mes
 
 from .mod_view import setup_view
 
-REQUIREMENTS = ["aiofiles"]
+DOMAIN = "browser_mod"
 
-FRONTEND_SCRIPT_URL = '/browser_mod.js'
+FRONTEND_SCRIPT_URL = "/browser_mod.js"
 
 _LOGGER = logging.getLogger(__name__)
 
@@ -18,18 +18,43 @@ async def async_setup(hass, config):
     _LOGGER.error(f"Registered frontend script")
 
     async_register_command(hass, handle_connect)
+    _LOGGER.error(f"Registered connect ws command")
+
+    _LOGGER.error(f"Config")
+    _LOGGER.error(config)
+
+    aliases = {}
+    for d in config[DOMAIN].get("devices", {}):
+        name = config[DOMAIN]["devices"][d].get("name", None)
+        if name:
+            aliases[name] = d
+    _LOGGER.error(aliases)
+
+    hass.data[DOMAIN] = {
+        "devices": {},
+        "aliases": aliases,
+        }
 
     return True
 
 
 
 @websocket_command({
-    vol.Required('type'): 'browser_mod/connect',
+    vol.Required("type"): "browser_mod/connect",
-    vol.Required('deviceID'): str,
+    vol.Required("deviceID"): str,
 })
 def handle_connect(hass, connection, msg):
     _LOGGER.error(f"Got connection {msg}")
 
-    connection.send_message(result_message(msg['id']))
+    connection.send_message(result_message(msg["id"]))
 
-    connection.send_message(event_message(msg['id'], {"data": "something"}))
+    connection.send_message(event_message(msg["id"], {"command": "update"}))
+
+@websocket_command({
+    vol.Required("type"): "browser_mod/update",
+    vol.Required("deviceID"): str,
+    vol.Optional("browser"): dict,
+    vol.Optional("player"): dict,
+})
+def handle_update(hass, connection, msg):
+    pass

custom_components/browser_mod/browser_mod.js

@@ -1 +1 @@
-!function(e){var o={};function n(t){if(o[t])return o[t].exports;var r=o[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=o,n.d=function(e,o,t){n.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:t})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,o){if(1&o&&(e=n(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(n.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var r in e)n.d(t,r,function(o){return e[o]}.bind(null,r));return t},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,"a",o),o},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},n.p="",n(n.s=0)}([function(e,o,n){"use strict";n.r(o);let t=function(){if(window.fully&&"function"==typeof fully.getDeviceId)return fully.getDeviceId();if(!localStorage["lovelace-player-device-id"]){const e=()=>Math.floor(1e5*(1+Math.random())).toString(16).substring(1);localStorage["lovelace-player-device-id"]=`${e()}${e()}-${e()}${e()}`}return localStorage["lovelace-player-device-id"]}();window.browser_mod=new class{constructor(){window.hassConnection.then(e=>this.connect(e.conn))}connect(e){console.log("Connection opened. Connecting to browser_mod"),this.connection=e.subscribeMessage(e=>this.callback(e),{type:"browser_mod/connect",deviceID:t}),console.log("Connected"),console.log(this.connection)}callback(e){console.log("Got ws message"),console.log(e)}}}]);
+!function(e){var o={};function n(t){if(o[t])return o[t].exports;var r=o[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=o,n.d=function(e,o,t){n.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:t})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,o){if(1&o&&(e=n(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(n.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var r in e)n.d(t,r,function(o){return e[o]}.bind(null,r));return t},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,"a",o),o},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},n.p="",n(n.s=0)}([function(e,o,n){"use strict";n.r(o);let t=function(){if(window.fully&&"function"==typeof fully.getDeviceId)return fully.getDeviceId();if(!localStorage["lovelace-player-device-id"]){const e=()=>Math.floor(1e5*(1+Math.random())).toString(16).substring(1);localStorage["lovelace-player-device-id"]=`${e()}${e()}-${e()}${e()}`}return localStorage["lovelace-player-device-id"]}();window.browser_mod=new class{constructor(){window.hassConnection.then(e=>this.connect(e.conn))}connect(e){console.log("Connection opened. Connecting to browser_mod"),this.conn=e,e.subscribeMessage(e=>this.callback(e),{type:"browser_mod/connect",deviceID:t}),console.log("Connected"),console.log(this.connection)}callback(e){console.log("Got ws message"),console.log(e)}update(){this.conn&&this.conn.sendMessage({type:"browser_mod/update"})}}}]);

js/main.js

@@ -7,7 +7,8 @@ class BrowserMod {
 
   connect(conn) {
     console.log("Connection opened. Connecting to browser_mod");
-    this.connection = conn.subscribeMessage((msg) => this.callback(msg), {
+    this.conn = conn
+    conn.subscribeMessage((msg) => this.callback(msg), {
       type: 'browser_mod/connect',
       deviceID: deviceID,
       });
@@ -20,6 +21,16 @@ class BrowserMod {
     console.log(msg);
   }
 
+  update() {
+    if(!this.conn) return;
+
+    this.conn.sendMessage({
+      type: 'browser_mod/update',
+
+    });
+
+  }
+
 }
 
 window.browser_mod = new BrowserMod();