From 5418474f640953e224c77661b20f049bdd0708a7 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Thu, 3 Jun 2021 22:50:33 +0200
Subject: [PATCH] Polyfill `globalThis` in latest build (#9352)

---
 src/html/authorize.html.template  |  3 +++
 src/html/index.html.template      |  3 +++
 src/html/onboarding.html.template |  3 +++
 src/resources/compatibility.ts    | 19 ++++++++++++++++---
 4 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/html/authorize.html.template b/src/html/authorize.html.template
index 1cf1c7bba4..555aea9e0e 100644
--- a/src/html/authorize.html.template
+++ b/src/html/authorize.html.template
@@ -48,6 +48,9 @@
       window.providersPromise = fetch("/auth/providers", {
         credentials: "same-origin",
       });
+      if (!window.globalThis) {
+        window.globalThis = window;
+      }
     </script>
 
     <script>
diff --git a/src/html/index.html.template b/src/html/index.html.template
index dfad967ad1..0bcd77307f 100644
--- a/src/html/index.html.template
+++ b/src/html/index.html.template
@@ -71,6 +71,9 @@
       import("<%= latestAppJS %>");
       window.customPanelJS = "<%= latestCustomPanelJS %>";
       window.latestJS = true;
+      if (!window.globalThis) {
+        window.globalThis = window;
+      }
     </script>
     <script>
     {% for extra_module in extra_modules -%}
diff --git a/src/html/onboarding.html.template b/src/html/onboarding.html.template
index cce2b81e57..ee363f482a 100644
--- a/src/html/onboarding.html.template
+++ b/src/html/onboarding.html.template
@@ -80,6 +80,9 @@
       window.stepsPromise = fetch("/api/onboarding", {
         credentials: "same-origin",
       });
+      if (!window.globalThis) {
+        window.globalThis = window;
+      }
     </script>
 
     <script>
diff --git a/src/resources/compatibility.ts b/src/resources/compatibility.ts
index f1ae18e990..7657363cc9 100644
--- a/src/resources/compatibility.ts
+++ b/src/resources/compatibility.ts
@@ -1,10 +1,10 @@
 // For localize
-import "@formatjs/intl-getcanonicallocales/polyfill";
-import "lit/polyfill-support";
 import "core-js";
+import "regenerator-runtime/runtime";
+import "lit/polyfill-support";
+import "@formatjs/intl-getcanonicallocales/polyfill";
 // To use comlink under ES5
 import "proxy-polyfill";
-import "regenerator-runtime/runtime";
 import "unfetch/polyfill";
 
 // Source: https://github.com/jserz/js_piece/blob/master/DOM/ParentNode/append()/append().md
@@ -32,3 +32,16 @@ import "unfetch/polyfill";
     });
   });
 })([Element.prototype, Document.prototype, DocumentFragment.prototype]);
+
+// Source: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames
+if (Element.prototype.getAttributeNames === undefined) {
+  Element.prototype.getAttributeNames = function () {
+    const attributes = this.attributes;
+    const length = attributes.length;
+    const result = new Array(length);
+    for (let i = 0; i < length; i++) {
+      result[i] = attributes[i].name;
+    }
+    return result;
+  };
+}