From 374251bc39f68fc753d706f54e2b15b2f3c99859 Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Tue, 26 Apr 2022 15:03:09 +0200
Subject: [PATCH] showing requested styles and client version on no css warning

---
 frontend/src/ts/ready.ts           | 15 +++++++++++++++
 frontend/static/html/warnings.html | 14 +++++++-------
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/frontend/src/ts/ready.ts b/frontend/src/ts/ready.ts
index 2a9c7b2c2..a039579c0 100644
--- a/frontend/src/ts/ready.ts
+++ b/frontend/src/ts/ready.ts
@@ -9,6 +9,7 @@ import * as NewVersionNotification from "./elements/version-check";
 import * as Notifications from "./elements/notifications";
 import * as Focus from "./test/focus";
 import * as CookiePopup from "./popups/cookie-popup";
+import { CLIENT_VERSION } from "./version";
 
 ManualRestart.set();
 UpdateConfig.loadFromLocalStorage();
@@ -22,6 +23,20 @@ if (window.location.hostname === "localhost") {
   });
 }
 
+$("#nocss .requestedStylesheets").html(
+  "Requested stylesheets:<br>" +
+    (
+      [
+        ...document.querySelectorAll("link[rel=stylesheet"),
+      ] as HTMLAnchorElement[]
+    )
+      .map((l) => l.href)
+      .filter((l) => /\/css\//gi.test(l))
+      .join("<br>") +
+    "<br><br>Client version:<br>" +
+    CLIENT_VERSION
+);
+
 Focus.set(true, true);
 RouteController.handleInitialPageClasses(window.location.pathname);
 $(document).ready(() => {
diff --git a/frontend/static/html/warnings.html b/frontend/static/html/warnings.html
index f828141dc..3a59def0f 100644
--- a/frontend/static/html/warnings.html
+++ b/frontend/static/html/warnings.html
@@ -66,16 +66,16 @@
   >
     <span style="font-size: 6rem; color: #e2b714">:(</span>
     <span style="font-size: 2rem; color: #d1d0c5">
-      It seems like the CSS failed to load. Please clear your cache to
-      redownload the styles. If that doesn't help contact support.
+      It seems like the CSS failed to load. Please try refreshing or clearing
+      your cache to redownload the styles. If that doesn't help contact support.
       <br />
       (jack@monkeytype.com or discord.gg/monkeytype)
     </span>
     <span>(ctrl/cmd + shift + r on Chromium browsers)</span>
-    <!-- <span>
-      If the website works for a bit but then this screen comes back, clear
-      your cache again and then on Monkeytype open the command line (esc)
-      and search for "Clear SW cache".
-    </span> -->
+    <span class="requestedStylesheets">
+      If the website works for a bit but then this screen comes back, clear your
+      cache again and then on Monkeytype open the command line (esc) and search
+      for "Clear SW cache".
+    </span>
   </div>
 </div>