Move globalThis polyfill to compatibility, add more compatibility (#16386)

demo/src/html/index.html.template

@@ -84,9 +84,6 @@
     <%= renderTemplate("../../../src/html/_js_base.html.template") %>
     <%= renderTemplate("../../../src/html/_preload_roboto.html.template") %>
     <script>
-      if (!window.globalThis) {
-        window.globalThis = window;
-      }
       // Safari 12 and below does not have a compliant ES2015 implementation of template literals, so we ship ES5
       if (!isS11_12) {
         <% for (const entry of latestEntryJS) { %>

src/components/ha-icon.ts

@@ -88,8 +88,8 @@ export class HaIcon extends LitElement {
     }
 
     if (!MDI_PREFIXES.includes(iconPrefix)) {
-      if (iconPrefix in customIcons) {
+      const customIcon = customIcons[iconPrefix];
-        const customIcon = customIcons[iconPrefix];
+      if (customIcon) {
         if (customIcon && typeof customIcon.getIcon === "function") {
           this._setCustomPath(customIcon.getIcon(iconName), requestedIcon);
         }

src/data/custom_icons.ts

@@ -36,5 +36,4 @@ export const customIcons = new Proxy(customIconsWindow.customIcons!, {
           getIcon: customIconsets[prop],
         }
       : undefined),
-  has: (obj, prop: string) => prop in obj || prop in customIconsets,
 });

src/entrypoints/core.ts

@@ -94,7 +94,7 @@ const connProm = async (auth) => {
   }
 };
 
-if (__DEV__) {
+if (__DEV__ && "performance" in window) {
   // Remove adoptedStyleSheets so style inspector works on shadow DOM.
   // @ts-ignore
   delete Document.prototype.adoptedStyleSheets;

src/html/authorize.html.template

@@ -41,9 +41,6 @@
     <%= renderTemplate("_js_base.html.template") %>
     <%= renderTemplate("_preload_roboto.html.template") %>
     <script crossorigin="use-credentials">
-      if (!window.globalThis) {
-        window.globalThis = window;
-      }
       // Safari 12 and below does not have a compliant ES2015 implementation of template literals, so we ship ES5
       if (!isS11_12) {
         <% for (const entry of latestEntryJS) { %>

src/html/index.html.template

@@ -84,9 +84,6 @@
     <%= renderTemplate("_js_base.html.template") %>
     <%= renderTemplate("_preload_roboto.html.template") %>
     <script <% if (!useWDS) { %>crossorigin="use-credentials"<% } %>>
-      if (!window.globalThis) {
-        window.globalThis = window;
-      }
       // Safari 12 and below does not have a compliant ES2015 implementation of template literals, so we ship ES5
       if (!isS11_12) {
         <% for (const entry of latestEntryJS) { %>

src/html/onboarding.html.template

@@ -71,9 +71,6 @@
     <%= renderTemplate("_js_base.html.template") %>
     <%= renderTemplate("_preload_roboto.html.template") %>
     <script crossorigin="use-credentials">
-      if (!window.globalThis) {
-        window.globalThis = window;
-      }
       // Safari 12 and below does not have a compliant ES2015 implementation of template literals, so we ship ES5
       if (!isS11_12) {
         <% for (const entry of latestEntryJS) { %>

src/resources/compatibility.ts

@@ -66,3 +66,27 @@ if (Element.prototype.getAttributeNames === undefined) {
     return result;
   };
 }
+
+// Source: https://gist.github.com/rebelchris/365f26f95d7e9f432f64f21886d9b9ef
+if (!Element.prototype.toggleAttribute) {
+  Element.prototype.toggleAttribute = function (name, force) {
+    if (force !== undefined) {
+      force = !!force;
+    }
+
+    if (this.hasAttribute(name)) {
+      if (force) {
+        return true;
+      }
+
+      this.removeAttribute(name);
+      return false;
+    }
+    if (force === false) {
+      return false;
+    }
+
+    this.setAttribute(name, "");
+    return true;
+  };
+}