#30 Make installable and better error handling

Author: Polleps

.gitignore

@@ -7,6 +7,7 @@ publish
 .nohup
 */lib
 */dist
+*/dev-dist
 */yarn-error.log
 test-results
 */nohup.out

CHANGELOG.md

@@ -7,6 +7,7 @@ This changelog covers all three packages, as they are (for now) updated as a who
 - Add folders with list & grid views, allow drag & drop uploads #228
 - Show icons in sidebar
 - Add scoped search, funded by NGI NLnet Discovery #245
+- Make web app installable #30
 - Add cookie based authentication #241
 
 ## v0.32.1

data-browser/index.html

@@ -9,13 +9,15 @@
   <link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180" />
   <link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png" />
   <link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png" />
-  <link href="/site.webmanifest" rel="manifest" />
-  <link color="#1e43a3" href="/safari-pinned-tab.svg" rel="mask-icon" />
+  <link color="#1e43a3" href="/mask-icon.svg" rel="mask-icon" />
   <meta content="yes" name="apple-mobile-web-app-capable" />
   <meta content="yes" name="mobile-web-app-capable" />
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+  <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+  <link rel="preconnect" crossorigin="anonymous" href="https://fonts.googleapis.com">
+  <link rel="preconnect" crossorigin="anonymous" href="https://fonts.gstatic.com">
   <link
+    crossorigin="anonymous"
     href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
     rel="stylesheet">
   <title>Atomic Data Browser</title>
@@ -89,23 +91,6 @@
         .setProperty('--background-color', 'black');
     }
   </script>
-
-  <!-- Service worker -->
-  <script>
-    const registerServiceWorker = async () => {
-        if ('serviceWorker' in navigator) {
-          try {
-            await navigator.serviceWorker.register('/sw.js', {
-              scope: '/',
-            });
-          } catch (error) {
-            console.error(`Registration failed with ${error}`);
-          }
-        }
-      };
-
-      registerServiceWorker();
-  </script>
 </body>
 
 </html>

data-browser/package.json

@@ -25,8 +25,8 @@
     "react-intersection-observer": "^8.31.1",
     "react-is": "^18",
     "react-markdown": "^8.0.3",
-    "react-router-dom": "^6.0.0",
     "react-router": "^6.0.0",
+    "react-router-dom": "^6.0.0",
     "remark-gfm": "^3.0.1",
     "styled-components": "^5.3.3",
     "yamde": "^1.7.1"
@@ -42,6 +42,8 @@
     "gh-pages": "^3.1.0",
     "lint-staged": "^10.5.4",
     "types-wm": "^1.1.0",
+    "vite": "^3.0.5",
+    "vite-plugin-pwa": "^0.13.1",
     "workbox-cli": "^6.4.1"
   },
   "homepage": "https://atomicdata.dev/",