From 1589c3fc5129c68fd225f968822443365f795d78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Lov=C3=A9n?= <thomasloven@gmail.com>
Date: Fri, 19 Oct 2018 15:29:05 +0200
Subject: [PATCH] Better error message

---
 src/components/entity/state-badge.js | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/entity/state-badge.js b/src/components/entity/state-badge.js
index 648bd5726d..eacc96eecb 100644
--- a/src/components/entity/state-badge.js
+++ b/src/components/entity/state-badge.js
@@ -68,6 +68,7 @@ class StateBadge extends PolymerElement {
   }
 
   _updateIconAppearance(newVal) {
+    var errorMessage = null;
     const iconStyle = {
       color: "",
       filter: "",
@@ -88,21 +89,21 @@ class StateBadge extends PolymerElement {
       }
       if (newVal.attributes.brightness) {
         const brightness = newVal.attributes.brightness;
-        if (typeof brightness !== "number" || isNaN(brightness)) {
-          console.warn(
-            "Type error: state-badge expected number, but type of " +
-              newVal.entity_id +
-              ".attributes.brightness is " +
-              typeof brightness
-          );
-        } else {
-          // lowest brighntess will be around 50% (that's pretty dark)
-          iconStyle.filter = `brightness(${(brightness + 245) / 5}%)`;
+        if (typeof brightness !== "number") {
+          errorMessage = `Type error: state-badge expected number, but type of ${
+            newVal.entity_id
+          }.attributes.brightness is ${typeof brightness} (${brightness})`;
+          console.warn(errorMessage);
         }
+        // lowest brighntess will be around 50% (that's pretty dark)
+        iconStyle.filter = `brightness(${(brightness + 245) / 5}%)`;
       }
     }
     Object.assign(this.$.icon.style, iconStyle);
     Object.assign(this.style, hostStyle);
+    if (errorMessage) {
+      throw new Error(`Frontend error: ${message}`);
+    }
   }
 }
 customElements.define("state-badge", StateBadge);