From 18e436568a6af33bad7ab2243c9a73ceccb53b23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20=27rysiek=27=20Wo=C5=BAniak?=
 <rysiek@hackerspace.pl>
Date: Wed, 28 Feb 2024 07:01:44 +0000
Subject: [PATCH] the still-loading screen now displays plugin errors (re. #36)

---
 service-worker.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/service-worker.js b/service-worker.js
index c4fccb1..06e560f 100644
--- a/service-worker.js
+++ b/service-worker.js
@@ -1462,16 +1462,26 @@ self.addEventListener('fetch', async event => {
                                             a {
                                                 color: #2d5589
                                             }
+                                            #errors {
+                                                font-weight: bold;
+                                                font-size: smaller;
+                                                marin-top: 1em;
+                                                color: maroon;
+                                                opacity: 0.5;
+                                                font-family: monospace;
+                                            }
                                         </style>
                                         <h1 id="header">Still loading<span id="throbber1">&#x2022;</span><span id="throbber2">&#x2022;</span><span id="throbber3">&#x2022;</span></h1>
                                         <p id="working">attempts:&nbsp;<span id="status">1</span></p>
                                         <p id="text">The content is still being loaded, thank you for your patience.<br/><br/>This page will auto-reload in a few seconds. If it does not, please <a href="./">click here</a>.</p>
+                                        <p id="errors"></p>
                                         <script>
                                         
                                         let attempts = 0;
                                         let header = document.getElementById('header')
                                         let text = document.getElementById('text')
                                         let status = document.getElementById('status')
+                                        let errors = document.getElementById('errors')
                                         
                                         
                                         navigator.serviceWorker.addEventListener('message', event => {
@@ -1485,9 +1495,10 @@ self.addEventListener('fetch', async event => {
                                                     header.innerHTML = "Loading failed."
                                                     text.innerHTML = "We're sorry, we were unable to load this page."
                                                 } 
-                                                if ( ( 'error' in event.data ) && ( typeof event.data.error === 'object' ) ) {
+                                                if ( 'error' in event.data ) {
                                                     attempts += 1;
                                                     status.innerHTML = attempts;
+                                                    errors.innerHTML += '(' + event.data.method + ') ' + event.data.error + '<br/>'
                                                 }
                                             }
                                         })