Worked around CSP issue with unsupported browsers.

wordplaydev · Jul 27, 2024 · e73993c · e73993c
1 parent 5fedeee
commit e73993c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 18 deletions.
diff --git a/src/app.html b/src/app.html
@@ -400,23 +400,6 @@ <h1>Unsupported Browser</h1>
                 Wordplay, you'll need to upgrade to a more recent version.</p
             >
         </div>
-        <script nonce="%sveltekit.nonce%">
-            function supportsRegexNegativeLookBehind() {
-                try {
-                    return 'hi'.replace(new RegExp('(?<!hi)hi', 'g'), 'ho');
-                } catch (error) {
-                    return false;
-                }
-            }
-
-            function supportsAt() {
-                return [].at !== undefined;
-            }
-
-            const unsupported = document.getElementById('unsupported');
-            if (!supportsRegexNegativeLookBehind() || !supportsAt())
-                unsupported.style.display = 'block';
-            else unsupported.remove();
-        </script>
+        <script src="/scripts/unsupported.js"></script>
     </body>
 </html>
diff --git a/static/scripts/unsupported.js b/static/scripts/unsupported.js
@@ -0,0 +1,18 @@
+function supportsRegexNegativeLookBehind() {
+    try {
+        return 'hi'.replace(new RegExp('(?<!hi)hi', 'g'), 'ho');
+    } catch (error) {
+        return false;
+    }
+}
+
+function supportsAt() {
+    return [].at !== undefined;
+}
+
+const unsupported = document.getElementById('unsupported');
+if (unsupported) {
+    if (!supportsRegexNegativeLookBehind() || !supportsAt())
+        unsupported.style.display = 'block';
+    else unsupported.remove();
+}