Merge pull request #220 from seart-group/enhancement/pwa

seart-group · Nov 17, 2023 · 4215ca3 · 4215ca3
2 parents 00774f0 + f16e103
commit 4215ca3
Show file tree

Hide file tree

Showing 16 changed files with 63 additions and 3 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -9,6 +9,7 @@ module.exports = {
         _: 'readonly',
         H: 'readonly',
         URL: 'readonly',
+        self: 'readonly',
         base: 'readonly',
         Blob: 'readonly',
         crypto: 'readonly',

diff --git a/html/icons/114.png b/html/icons/114.png
diff --git a/html/icons/120.png b/html/icons/120.png
diff --git a/html/icons/128.png b/html/icons/128.png
diff --git a/html/icons/144.png b/html/icons/144.png
diff --git a/html/icons/152.png b/html/icons/152.png
diff --git a/html/icons/180.png b/html/icons/180.png
diff --git a/html/icons/192.png b/html/icons/192.png
diff --git a/html/icons/60.png b/html/icons/60.png
diff --git a/html/icons/72.png b/html/icons/72.png
diff --git a/html/icons/96.png b/html/icons/96.png
diff --git a/html/icons/favicon.ico b/html/icons/favicon.ico
diff --git a/html/index.html b/html/index.html
@@ -5,13 +5,14 @@
     <meta charset="utf-8">
     <meta name="author" content="Ozren Dabić">
     <meta name="description" content="GitHub Search, SEART, Software Institute (SI), USI">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" integrity="sha384-Ay26V7L8bsJTsX9Sxclnvsn+hkdiwRnrjZJXqKmkIDobPgIIWBOVguEcQQLDuhfN" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/octicons.min.css" integrity="sha384-iOZDs3nMf4aYRCjy1tbHlg6tmcGUVMoDVPTvm9atGf9Mv++px8nM+gONfKhJFXkr" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css" integrity="sha384-mTX5j/NIzlehkuOql3BYfNpkDrnvRHS5S7V3ctncUhJjtlL1+85q8lCKi8A5sUb+" crossorigin="anonymous">
     <link rel="stylesheet" href="css/main.css">
-    <link rel="icon" href="public/favicon.ico">
+    <link rel="icon" href="icons/favicon.ico">
+    <link rel="manifest" href="manifest.json">
   </head>
   <body class="min-vh-100 mw-100 d-flex flex-column justify-content-between">
     <header class="mb-3">
@@ -1158,7 +1159,10 @@ <h2 class="mb-3">No Results! <i class="bi bi-emoji-frown-fill"></i></h2>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js" integrity="sha384-YAshAm4KKjf8V01c4sdNbPYiwU0D0Q82fjMHhKw8VvP0ecY4fxXsZAHxC4r4Ei+T" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/handlebars.js" integrity="sha384-hlAB2iOjy5Dl7guHcQsJ/scYffh0k+rReCOxkZnYvr7gB22xtZbth64QiI3VUkZD" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/h.min.js" integrity="sha384-RqSUk94F6/91JrGD35T27ahIFGQ+tdqaM6fwX+dYRqsRr9aL4vuhAXGfHALP7Xcn" crossorigin="anonymous"></script>
-    <script>const base = "http://localhost:8080/api";</script>
+    <script>
+      const base = "http://localhost:8080/api";
+      navigator.serviceWorker?.register("js/sw.js");
+    </script>
     <script src="js/handlebars.js"></script>
     <script src="js/jquery.js"></script>
     <script src="js/general.js"></script>

diff --git a/html/js/sw.js b/html/js/sw.js
@@ -0,0 +1,2 @@
+self.addEventListener('fetch', (_) => {
+});
diff --git a/html/manifest.json b/html/manifest.json
@@ -0,0 +1,53 @@
+{
+  "name": "SEART GitHub Search",
+  "short_name": "GHS",
+  "start_url": "/",
+  "display": "minimal-ui",
+  "icons": [
+    {
+      "src": "icons/60.png",
+      "type": "image/png",
+      "sizes": "60x60"
+    },
+    {
+      "src": "icons/72.png",
+      "type": "image/png",
+      "sizes": "72x72"
+    },
+    {
+      "src": "icons/96.png",
+      "type": "image/png",
+      "sizes": "96x96"
+    },
+    {
+      "src": "icons/114.png",
+      "type": "image/png",
+      "sizes": "114x114"
+    },
+    {
+      "src": "icons/120.png",
+      "type": "image/png",
+      "sizes": "120x120"
+    },
+    {
+      "src": "icons/144.png",
+      "type": "image/png",
+      "sizes": "144x144"
+    },
+    {
+      "src": "icons/152.png",
+      "type": "image/png",
+      "sizes": "152x152"
+    },
+    {
+      "src": "icons/180.png",
+      "type": "image/png",
+      "sizes": "180x180"
+    },
+    {
+      "src": "icons/192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    }
+  ]
+}
diff --git a/html/public/favicon.ico b/html/public/favicon.ico