2025.08.20

Author: darkpoet78

HA/custom_components/yoradio/__init__.py HA/custom_components/ehradio/__init__.pyHA/custom_components/yoradio/__init__.py renamed to HA/custom_components/ehradio/__init__.py

@@ -5,5 +5,5 @@
     "dependencies": ["http", "mqtt"],
     "codeowners": ["@trip5"],
     "requirements": [],
-    "version": "2025.08.10"
+    "version": "2025.08.20"
   }

…/custom_components/yoradio/manifest.json …/custom_components/ehradio/manifest.jsonHA/custom_components/yoradio/manifest.json renamed to HA/custom_components/ehradio/manifest.json HA/custom_components/yoradio/manifest.json renamed to HA/custom_components/ehradio/manifest.json

@@ -20,11 +20,11 @@
     RepeatMode,
 )
 
-VERSION = '0.9.553'
+VERSION = '2025.08.20'
 
 _LOGGER      = logging.getLogger(__name__)
 
-SUPPORT_YORADIO = (
+SUPPORT_EHRADIO = (
     MediaPlayerEntityFeature.PAUSE
     | MediaPlayerEntityFeature.PLAY
     | MediaPlayerEntityFeature.STOP
@@ -40,12 +40,12 @@
     | MediaPlayerEntityFeature.PLAY_MEDIA
 )
 
-DEFAULT_NAME = 'yoRadio'
+DEFAULT_NAME = 'myradio'
 CONF_MAX_VOLUME = 'max_volume'
 CONF_ROOT_TOPIC = 'root_topic'
 
 MEDIA_PLAYER_PLATFORM_SCHEMA = MEDIA_PLAYER_PLATFORM_SCHEMA.extend({
-  vol.Required(CONF_ROOT_TOPIC, default="yoradio"): cv.string,
+  vol.Required(CONF_ROOT_TOPIC, default="ehradio"): cv.string,
   vol.Optional(CONF_NAME, default=DEFAULT_NAME): cv.string,
   vol.Optional(CONF_MAX_VOLUME, default='254'): cv.string
 })
@@ -55,10 +55,10 @@ def setup_platform(hass, config, add_devices, discovery_info=None):
   name = config.get(CONF_NAME)
   max_volume = int(config.get(CONF_MAX_VOLUME, 254))
   playlist = []
-  api = yoradioApi(root_topic, hass, playlist)
-  add_devices([yoradioDevice(name, max_volume, api)], True)
+  api = ehradioApi(root_topic, hass, playlist)
+  add_devices([ehradioDevice(name, max_volume, api)], True)
 
-class yoradioApi():
+class ehradioApi():
   def __init__(self, root_topic, hass, playlist):
     self.hass = hass
     self.mqtt = mqtt
@@ -118,7 +118,7 @@ async def load_playlist(self, msg):
           self.playlist.append(station)
           counter=counter+1
 
-class yoradioDevice(MediaPlayerEntity):
+class ehradioDevice(MediaPlayerEntity):
   def __init__(self, name, max_volume, api):
     self._name = name
     self.api = api
@@ -169,7 +169,7 @@ async def volume_listener(self, msg):
 
   @property
   def supported_features(self):
-    return SUPPORT_YORADIO
+    return SUPPORT_EHRADIO
 
   @property
   def name(self):

…ustom_components/yoradio/media_player.py …ustom_components/ehradio/media_player.pyHA/custom_components/yoradio/media_player.py renamed to HA/custom_components/ehradio/media_player.py HA/custom_components/yoradio/media_player.py renamed to HA/custom_components/ehradio/media_player.py

@@ -14,5 +14,5 @@ scene: !include scenes.yaml
 # ehRadio entity
 media_player:
   - platform: ehradio
-    name: ehRadio (kitchen)
-    root_topic: ehradio/100
+    name: My ehRadio
+    root_topic: ehradio/myradio

HA/example_configuration.yaml

@@ -16,7 +16,18 @@ Documentation will be slowly improved.
 ## ehRadio Version history
 
 
-
+### 2025.08.20
+  - WebUI fixed for mobile displays
+  - MQTT added to WebUI options / defaults set by adding defines to `myoptions.h`
+    - `#define MQTT_ENABLE` to enable (will not be available otherwise)
+    - defaults can be set with (Still editable in WebUI):
+      - `#define MQTT_HOST "192.168.1.2"`
+      - `#define MQTT_PORT 1883`
+      - `#define MQTT_USER "mqttuser"`
+      - `#define MQTT_PASS ""`
+      - `#define MQTT_TOPIC "ehradio/myradio/"`
+  - Home Assistant integration fixed
+  - Display On toggle removed from WebUI
 
 ### 2025.08.12
 

README.md

@@ -243,10 +243,15 @@
 #define SNTP_2          "pool.ntp.org"
 #define WEATHER_LAT     "37.5503"       /* latitude */
 #define WEATHER_LON     "126.9971"      /* longitude */
+#define HIDE_WEATHER
+#define MQTT_ENABLE
 #endif
 
 /* --- MORE, UNUSED, UNKNOWN, NOTES --- */
 
+//#define IR_PIN                1
+//#define IR_TIMEOUT            80              /*  see kTimeout description in IRremoteESP8266 example https://github.com/crankyoldgit/IRremoteESP8266/blob/master/examples/IRrecvDumpV2/IRrecvDumpV2.ino */
+
 //#define ROTATE_90 /* rotates 90 degrees? */
 
 //#define ESPFILEUPDATER_DEBUG

builds/trip5/myoptions.h

@@ -21,8 +21,7 @@ build_src_filter =
   +<../locale/*>
   +<../myoptions.h>
   +<../mytheme.h>
-  ;+<../mqttoptions.h>
-  ;+<async-mqtt-client/*>
+  +<async-mqtt-client/*>
   +<AsyncWebServer/*>
   +<core/*>
   +<displays/fonts/*>
@@ -35,6 +34,8 @@ build_src_filter =
   +<yoEncoder/*>
   +<displays/dispcore.h>
   +<main.cpp>
+  ;+<IRremoteESP8266/*>
+
 extra_scripts = pre:replace_font.py
 
 ; --- Bare board firmwares ---

builds/trip5/platformio.ini

@@ -8,10 +8,12 @@ <h2 class="pagetitle" style="padding: 0;">Settings</h2>
       <div class="navitem group group_timezone hidden" data-target="group_timezone">timezone</div>
       <div class="navitem group group_wifi hidden" data-target="group_wifi">wifi</div>
       <div class="navitem group group_weather hidden" data-target="group_weather">weather</div>
+      <div class="navitem group group_mqtt hidden" data-target="group_mqtt">mqtt</div>
       <div class="navitem group group_system hidden" data-target="group_tools">tools</div>
     </div>
     <div id="settingswrap">
-      <div id="settingscontent"><a name="system"></a>
+      <div id="settingscontent">
+        <a name="system"></a>
         <section class="group group_system hidden" id="group_system">
           <div class="title"><span>system</span></div>
           <div class="reset" data-name="system" title="reset"></div>
@@ -39,14 +41,15 @@ <h2 class="pagetitle" style="padding: 0;">Settings</h2>
             <div class="fb local" data-command="fwupdate">Firmware</div>
             <div class="fb local" data-command="webboard" id="webboard">Board</div>
           </div> 
-        </section><a name="screen"></a>
+        </section>
+        <a name="screen"></a>
         <section class="group group_display group_oled group_nextion hidden" id="group_display">
           <div class="title"><span>screen</span></div>
           <div class="reset" data-name="screen" title="reset"></div>
           <div class="flex-row">
             <div class="checkbox group_tft hidden" id="flip" data-command="flipscreen"><div class="knob"></div>Flip screen</div>
             <div class="checkbox group_tft hidden" id="inv" data-command="invertdisplay"><div class="knob"></div>Invert screen</div>
-            <div class="checkbox group_brightness group_oled hidden" id="dspon" data-command="screenon"><div class="knob"></div>Turn on</div>
+            <!-- <div class="checkbox group_brightness group_oled hidden" id="dspon" data-command="screenon"><div class="knob"></div>Turn on</div> -->
           </div>
           <div class="flex-row group group_tft group_oled group_nextion hidden">
             <div class="checkbox" id="nump" data-command="numplaylist"><div class="knob"></div>Numbered Playlist</div>
@@ -98,7 +101,8 @@ <h2 class="pagetitle" style="padding: 0;">Settings</h2>
               <input type="number" id="scrpt" data-command="screensaverplayingtimeout" value="" maxlength="3" min="1" max="1080" />
             </div>
           </div>
-        </section><a name="controls"></a>
+        </section>
+        <a name="controls"></a>
         <section class="group group_controls hidden" id="group_controls">
           <div class="title"><span>Controls</span></div>
           <div class="reset" data-name="controls" title="reset"></div>
@@ -135,7 +139,8 @@ <h2 class="pagetitle" style="padding: 0;">Settings</h2>
           <div class="flex-row group group_ir last hidden">
             <div class="fb local" data-command="setupir">IR Recorder</div>
           </div>
-        </section><a name="timezone"></a>
+        </section>
+        <a name="timezone"></a>
         <section class="group group_timezone hidden" id="group_timezone">
           <div class="title"><span>timezone</span></div>
           <div class="reset" data-name="timezone" title="reset"></div>
@@ -164,7 +169,8 @@ <h2 class="pagetitle" style="padding: 0;">Settings</h2>
           <div class="flex-row last">
             <div class="fb hl local" data-command="applytz">Apply</div>
           </div>
-        </section><a name="wifi"></a>
+        </section>
+        <a name="wifi"></a>
         <section class="group group_wifi hidden" id="group_wifi">
           <div class="title"><span>Wi-Fi</span></div>
           <div class="flex-row credential">
@@ -222,7 +228,8 @@ <h2 class="pagetitle" style="padding: 0;">Settings</h2>
             <div class="fb local group group_system hidden" data-command="wifiexport">Export</div>
             <div class="fb hl local" data-command="wifiupload">Save &amp; Reboot</div>
           </div>
-        </section><a name="weather"></a>
+        </section>
+        <a name="weather"></a>
         <section class="group group_weather hidden" id="group_weather">
           <div class="title"><span>Weather</span></div>
           <div class="reset" data-name="weather" title="reset"></div>
@@ -249,6 +256,45 @@ <h2 class="pagetitle" style="padding: 0;">Settings</h2>
             <div class="fb hl local" data-command="applyweather">Apply</div>
           </div>
         </section>
+
+        <a name="mqtt"></a>
+        <section class="group group_mqtt hidden" id="group_mqtt">
+          <div class="title"><span>MQTT</span></div>
+          <div class="reset" data-name="mqtt" title="reset"></div>
+          <div class="flex-row center">
+            <div class="checkbox" id="mqttenable" data-command="mqttenable"><div class="knob"></div>enable mqtt</div>
+          </div>
+          <div class="flex-row">
+            <div class="inputwrap">
+              <span class="inputtitle">host</span>
+              <input type="text" id="mqtthost" class="textinput" placeholder="192.168.1.2" maxlength="59" autocomplete="off" />
+            </div>
+            <div class="inputwrap">
+              <span class="inputtitle">port</span>
+              <input type="number" id="mqttport" value="" min="1" max="65535" step="1" />
+            </div>
+          </div>
+          <div class="flex-row">
+            <div class="inputwrap">
+              <span class="inputtitle">user</span>
+              <input type="text" id="mqttuser" class="textinput" placeholder="mqttuser" maxlength="29" autocomplete="off" />
+            </div>
+            <div class="inputwrap">
+              <span class="inputtitle">password</span>
+              <input type="text" id="mqttpass" class="textinput" name="pass" value="" placeholder="**********" maxlength="39" autocomplete="off" readonly="readonly" data-pass="" onfocus="this.removeAttribute('readonly');" />
+            </div>
+          </div>
+          <div class="flex-row">
+            <div class="inputwrap">
+              <span class="inputtitle">root topic</span>
+              <input type="text" id="mqtttopic" class="textinput" placeholder="ehradio/myradio/" maxlength="59" autocomplete="off" />
+            </div>
+          </div>
+          <div class="flex-row last">
+            <div class="fb hl local" data-command="applymqtt">Apply</div>
+          </div>
+        </section>
+
         <a name="tools"></a>
         <section class="group group_system hidden" id="group_tools">
         <div class="title"><span>Tools</span></div>

data/www/options.html

@@ -133,17 +133,19 @@
 <div id="pleditorwrap" class="hidden" data-target="toggleplaylist">
   <div id="pleditor">
     <h2>
-	  <div id="search" class="gb gbsearch local" data-command="search">
+	    <div id="search" class="gb gbsearch local" data-command="search">
         <svg viewBox="0 0 24 24" class="stroke">
 	      <path d="M15.5071469,14.0062893 L14.7166953,14.0062893 L14.4365352,13.7361349 C15.4170955,12.5954831 16.0074328,11.1146369 16.0074328,9.50371641 C16.0074328,5.91166381 13.095769,3 9.50371641,3 C5.91166381,3 3,5.91166381 3,9.50371641 C3,13.095769 5.91166381,16.0074328 9.50371641,16.0074328 C11.1146369,16.0074328 12.5954831,15.4170955 13.7361349,14.4365352 L14.0062893,14.7166953 L14.0062893,15.5071469 L19.0091481,20.5 L20.5,19.0091481 L15.5071469,14.0062893 L15.5071469,14.0062893 L15.5071469,14.0062893 Z M9.50371641,14.0062893 C7.01229274,14.0062893 5.00114351,11.9951401 5.00114351,9.50371641 C5.00114351,7.01229274 7.01229274,5.00114351 9.50371641,5.00114351 C11.9951401,5.00114351 14.0062893,7.01229274 14.0062893,9.50371641 C14.0062893,11.9951401 11.9951401,14.0062893 9.50371641,14.0062893 L9.50371641,14.0062893 L9.50371641,14.0062893 Z"></path>
         </svg>
-	  </div>
-    Playlist Editor<div class="gb local" data-command="toggle" data-target="pleditorwrap">
-      <svg viewBox="0 0 24 24" class="stroke">
-        <path d="M18 6l-12 12"></path>
-        <path d="M6 6l12 12"></path>
-      </svg>
-    </div></h2>
+	    </div>
+    Playlist Editor
+      <div class="gb local" data-command="toggle" data-target="pleditorwrap">
+        <svg viewBox="0 0 24 24" class="stroke">
+          <path d="M18 6l-12 12"></path>
+          <path d="M6 6l12 12"></path>
+        </svg>
+      </div>
+    </h2>
     <audio controls src="" id="audiopreview"></audio>
     <div id="previewinfo"></div>
     <div id="pleheader"><span class="grabbable">&#8693;</span><span class="space"><input type="checkbox" onclick="selectAll(this)" /></span><span class="plename">Name</span><span class="pleurl">URL</span><span class="pleovol">Ovol</span></div>

data/www/player.html

@@ -445,6 +445,14 @@ function applyTZ(){
   websocket.send("sntp2="+getId("sntp2").value);
   websocket.send("sntp1="+getId("sntp1").value);
 }
+function applyMQTT(){
+  websocket.send("mqttenable="+getId("mqttenable").value);
+  websocket.send("mqtthost="+getId("mqtthost").value);
+  websocket.send("mqttport="+getId("mqttport").value);
+  websocket.send("mqttuser="+getId("mqttuser").value);
+  websocket.send("mqttpass="+getId("mqttpass").value);
+  websocket.send("mqtttopic="+getId("mqtttopic").value);
+}
 function rebootSystem(info){
   getId("settingscontent").innerHTML=`<h2>${info}</h2>`;
   getId("settingsdone").classList.add("hidden");
@@ -560,6 +568,7 @@ function continueLoading(mode){
         websocket.send('getscreen=1');
         websocket.send('gettimezone=1');
         websocket.send('getweather=1');
+        websocket.send('getmqtt=1');
         websocket.send('getcontrols=1');
         getWiFi(`http://${hostname}/data/wifi.csv`+"?"+new Date().getTime());
         websocket.send('getactive=1');
@@ -638,6 +647,7 @@ function continueLoading(mode){
             }
             break;
           case "applytz": applyTZ(); break;
+          case "applymqtt": applyMQTT(); break;
           case "wifiexport": window.open(`http://${hostname}/data/wifi.csv`+"?"+new Date().getTime()); break;
           case "wifiupload": submitWiFi(); break;
           case "reboot": websocket.send("reboot=1"); rebootSystem('Rebooting...'); break;