Skip to content

Commit

Permalink
20210426 less code Babelized
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mariusthvdb
Mariusthvdb committed Apr 26, 2021
1 parent 1f73d91 commit 31c53dd
Showing 1 changed file with 380 additions and 0 deletions.
380 changes: 380 additions & 0 deletions custom-ui.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,380 @@
"use strict";

var Name = "Custom-ui (JS)";
var Version = "20210426";
var Description = "adapted for HA 2020.X.X + ";
console.info(`%c ${Name} is installed \n%c Version ${Version} ${Description}`, "color: gold; font-weight: bold; background: black", "color: white; font-weight: bold; background: steelblue");
!function (t) {
var e = {};

function s(i) {
if (e[i]) return e[i].exports;
var n = e[i] = {
i: i,
l: !1,
exports: {}
};
return t[i].call(n.exports, n, n.exports, s), n.l = !0, n.exports;
}

s.m = t, s.c = e, s.d = function (t, e, i) {
s.o(t, e) || Object.defineProperty(t, e, {
configurable: !1,
enumerable: !0,
get: i
});
}, s.r = function (t) {
Object.defineProperty(t, "__esModule", {
value: !0
});
}, s.n = function (t) {
var e = t && t.__esModule ? function () {
return t.default;
} : function () {
return t;
};
return s.d(e, "a", e), e;
}, s.o = function (t, e) {
return Object.prototype.hasOwnProperty.call(t, e);
}, s.p = "", s(s.s = 0);
}([function (t, e, s) {
"use strict";

function i(t, e, s, i = !1) {
if (o) {
o.hasAttribute("default-content") || o.setAttribute("default-content", o.getAttribute("content"));
const t = a["--primary-color"] || o.getAttribute("default-content");
o.setAttribute("content", t);
}
}

window.customUI = window.customUI || {
domHost(t) {
if (t === document) return null;
const e = t.getRootNode();
return e instanceof DocumentFragment ? e.host : e;
},

lightOrShadow: (t, e) => t.shadowRoot ? t.shadowRoot.querySelector(e) : t.querySelector(e),

getElementHierarchy(t, e) {
if (null === t) return null;
const s = e.shift();
return s ? window.customUI.getElementHierarchy(window.customUI.lightOrShadow(t, s), e) : t;
},

getContext(t) {
if (void 0 === t._context) {
t._context = [];

for (let e = "HA-ENTITIES-CARD" === t.tagName ? window.customUI.domHost(t) : t; e; e = window.customUI.domHost(e)) switch (e.tagName) {
case "HA-ENTITIES-CARD":
e.groupEntity ? t._context.push(e.groupEntity.entity_id) : !1 === e.groupEntity && e.states && e.states.length && t._context.push(`group.${a(e.states[0])}`);
break;

case "MORE-INFO-GROUP":
case "STATE-CARD-CONTENT":
e.stateObj && t._context.push(e.stateObj.entity_id);
break;

case "HA-CARDS":
t._context.push(e.getAttribute("data-view") || "default_view");

}

t._context.reverse();
}

return t._context;
},

findMatch: (t, e) => e ? e[t] ? t : Object.keys(e).find(e => t.match(`^${e}$`)) : null,

maybeChangeObjectByDevice(t) {
const e = window.customUI.getName();
if (!e) return t;
const s = this.findMatch(e, t.attributes.device);
if (!s) return t;
const i = Object.assign({}, t.attributes.device[s]);
return Object.keys(i).length ? window.customUI.applyAttributes(t, i) : t;
},

maybeChangeObjectByGroup(t, e) {
const s = window.customUI.getContext(t);
if (!s) return e;
if (!e.attributes.group) return e;
const i = {};
return s.forEach(t => {
const s = this.findMatch(t, e.attributes.group);
e.attributes.group[s] && Object.assign(i, e.attributes.group[s]);
}), Object.keys(i).length ? window.customUI.applyAttributes(e, i) : e;
},

_setKeep(t, e) {
void 0 === t._cui_keep ? t._cui_keep = e : t._cui_keep = t._cui_keep && e;
},

maybeApplyTemplateAttributes(t, e, s, i) {
if (!i.templates) return window.customUI._setKeep(s, !0), s;
const n = {};
let a = !1,
o = !1;
if (Object.keys(i.templates).forEach(r => {
const l = i.templates[r];
l.match(/\b(entities|hass)\b/) && (a = !0);
const c = window.customUI.computeTemplate(l, t, e, s, i, s.untemplated_attributes && s.untemplated_attributes[r] || i[r], s.untemplated_state || s.state);
null !== c && (n[r] = c, "state" === r ? c !== s.state && (o = !0) : c !== i[r] && (o = !0));
}), window.customUI._setKeep(s, !a), !o) return s;

if (s.attributes === i) {
const t = window.customUI.applyAttributes(s, n);
return Object.prototype.hasOwnProperty.call(n, "state") && null !== n.state && (t.state = String(n.state), t.untemplated_state = s.state), window.customUI._setKeep(t, !a), t;
}

return Object.assign({}, s);
},

maybeApplyTemplates(t, e, s) {
const i = window.customUI.maybeApplyTemplateAttributes(t, e, s, s.attributes);
let n = i !== s;

function a(s) {
s && (Object.values(s).forEach(s => {
const a = window.customUI.maybeApplyTemplateAttributes(t, e, i, s);
n |= a !== i;
}), a(s.device), a(s.group));
}

return a(s.attributes.device), a(s.attributes.group), i !== s ? i : n ? Object.assign({}, s) : s;
},

applyAttributes: (t, e) => ({
entity_id: t.entity_id,
state: t.state,
attributes: Object.assign({}, t.attributes, e),
untemplated_attributes: t.attributes,
last_changed: t.last_changed,
last_updated: t.last_updated
}),

maybeChangeObject(t, e, s, i) {
if (s) return e;
let n = window.customUI.maybeChangeObjectByDevice(e);
return n = window.customUI.maybeChangeObjectByGroup(t, n), (n = window.customUI.maybeApplyTemplateAttributes(t.hass, t.hass.states, n, n.attributes)) !== e && n.attributes.hidden && i ? null : n;
},

updateMoreInfo() {
s = 0, i = setInterval(function () {
++s >= 2 && clearInterval(i);

try {
var t;
{
var moreInfoNodeName;
var contentChild;
contentChild = document.querySelector("home-assistant").shadowRoot.querySelector("ha-more-info-dialog").shadowRoot.querySelector("ha-dialog").getElementsByClassName("content")[0].querySelector("more-info-content").childNodes;

for (var c = 0; c < contentChild.length; c++) {
var nodeItem = contentChild.item(c);

if (nodeItem.nodeName.toLowerCase().startsWith("more-info-")) {
moreInfoNodeName = nodeItem.nodeName.toLowerCase();
}
}

if (moreInfoNodeName == "more-info-group") {
var moreInfoNestedNodeName;
var contentChildNested;
contentChildNested = document.querySelector("home-assistant").shadowRoot.querySelector("ha-more-info-dialog").shadowRoot.querySelector("ha-dialog").getElementsByClassName("content")[0].querySelector("more-info-group").shadowRoot.childNodes;

for (var c = 0; c < contentChildNested.length; c++) {
var nodeItemNested = contentChildNested.item(c);

if (nodeItemNested.nodeName.toLowerCase().startsWith("more-info-")) {
moreInfoNestedNodeName = nodeItemNested.nodeName.toLowerCase();
}
}

t = document.querySelector("home-assistant").shadowRoot.querySelector("ha-more-info-dialog").shadowRoot.querySelector("ha-dialog").getElementsByClassName("content")[0].querySelector("more-info-group").shadowRoot.querySelector(moreInfoNestedNodeName).shadowRoot.querySelector("ha-attributes").shadowRoot.querySelectorAll(".data-entry");
} else {
t = document.querySelector("home-assistant").shadowRoot.querySelector("ha-more-info-dialog").shadowRoot.querySelector("ha-dialog").getElementsByClassName("content")[0].querySelector(moreInfoNodeName).shadowRoot.querySelector("ha-attributes").shadowRoot.querySelectorAll(".data-entry");
}
}

if (t.length) {
var e;

for (var n = 0; n < t.length; n++) {
var o = t[n].getElementsByClassName("key")[0];

if (o.innerText.toLowerCase().trim() == "hide attributes") {
e = o.parentNode.getElementsByClassName("value")[0].innerText.split(",").map(function (item) {
return item.replace("_", " ").trim();
});
e.push("hide attributes");
}
}

for (var n = 0; n < t.length; n++) {
var o = t[n].getElementsByClassName("key")[0];
(e.includes(o.innerText.toLowerCase().trim()) || e.includes("all")) && (o.parentNode.style.display = "none");
}

clearInterval(i);
}
} catch (err) {}
}, 100);
},

installStatesHook() {
customElements.whenDefined("home-assistant").then(() => {
const t = customElements.get("home-assistant");
if (!t || !t.prototype._updateHass) return;
const e = t.prototype._updateHass;

t.prototype._updateHass = function (t) {
const {
hass: s
} = this;
t.states && Object.keys(t.states).forEach(e => {
const i = t.states[e];
if (i._cui_keep) return;
const n = window.customUI.maybeApplyTemplates(s, t.states, i);
s.states && i !== s.states[e] ? t.states[e] = n : i !== n && (t.states[e] = n);
}), e.call(this, t);
};

const s = window.customUI.lightOrShadow(document, "home-assistant");
s.hass && s.hass.states && s._updateHass({
states: s.hass.states
});
});
},

installStateBadge() {
customElements.whenDefined("state-badge").then(() => {
const t = customElements.get("state-badge");
if (t) if (t.prototype._updateIconAppearance) {
const e = t.prototype._updateIconAppearance;

t.prototype._updateIconAppearance = function (t) {
t.attributes.icon_color && !t.attributes.entity_picture ? (this.style.backgroundImage = "", Object.assign(this.$.icon.style, {
color: t.attributes.icon_color,
filter: ""
})) : e.call(this, t);
};
} else if (t.prototype.updated) {
const e = t.prototype.updated;

t.prototype.updated = function (t) {
if (!t.has("stateObj")) return;
const {
stateObj: s
} = this;
s.attributes.icon_color && !s.attributes.entity_picture ? (this.style.backgroundImage = "", this._showIcon = true, this._iconStyle = {
color: s.attributes.icon_color
}) : e.call(this, t);
};
}
});
},

installClassHooks() {
window.customUI.classInitDone || (window.customUI.classInitDone = !0, window.customUI.installStatesHook(), window.customUI.installStateBadge());
},

init() {
if (window.customUI.initDone) return;
window.customUI.installClassHooks();
const t = window.customUI.lightOrShadow(document, "home-assistant");
t.hass && t.hass.states ? (window.customUI.initDone = !0, window.addEventListener("location-changed", window.setTimeout.bind(null, 100)), console.log(`Loaded ${Name} ${Version} ${Description}`), window.addEventListener("hass-more-info", window.customUI.updateMoreInfo), window.CUSTOM_UI_LIST || (window.CUSTOM_UI_LIST = []), window.CUSTOM_UI_LIST.push({
name: `${Name}`,
version: `${Version} ${Description}`,
url: "https://github.com/Mariusthvdb/custom-ui"
})) : window.setTimeout(window.customUI.init, 1e3);
},

getName: () => window.localStorage.getItem("ha-device-name") || "",

setName(t) {
window.localStorage.setItem("ha-device-name", t || "");
},

computeTemplate(t, e, s, i, n, a, o) {
const r = t.indexOf("return") >= 0 ? t : `return \`${t}\`;`;

try {
return new Function("hass", "entities", "entity", "attributes", "attribute", "state", r)(e, s, i, n, a, o);
} catch (t) {
if (t instanceof SyntaxError || t instanceof ReferenceError) return console.warn(`${t.name}: ${t.message} in template ${r}`), null;
throw t;
}
}

}, window.customUI.init(), s(1);

class lt {
constructor(t) {
this.value = t.toString();
}

toString() {
return this.value;
}

}

const ct = function (t, ...e) {
const s = document.createElement("template");
return s.innerHTML = e.reduce((e, s, i) => e + function (t) {
if (t instanceof HTMLTemplateElement) return t.innerHTML;
if (t instanceof lt) return function (t) {
if (t instanceof lt) return t.value;
throw new Error(`non-literal value passed to Polymer's htmlLiteral function: ${t}`);
}(t);
throw new Error(`non-template value passed to Polymer's html function: ${t}`);
}(s) + t[i + 1], t[0]), s;
};

function ut() {
customElements.define("dynamic-element", class extends Polymer.Element {
static get properties() {
return {
hass: Object,
stateObj: Object,
elementName: String,
inDialog: {
type: Boolean,
value: !1
}
};
}

static get observers() {
return ["observerFunc(hass, stateObj, elementName, inDialog)"];
}

observerFunc(t, e, s, i) {
o(this, s ? s.toUpperCase() : "DIV", {
hass: t,
stateObj: e,
inDialog: i
});
}

});
}

Polymer && Polymer.Element && customElements.get("home-assistant") ? ut() : customElements.whenDefined("home-assistant").then(() => ut()), customElements.whenDefined("state-card-display").then(() => {
customElements.define("dynamic-with-extra", class extends customElements.get("state-card-display") {
static get template() {
return ct;
}

});
});
}, function (t, e) {
window.JSCompiler_renameProperty = function (t) {
return t;
};
}]);

0 comments on commit 31c53dd

Please sign in to comment.