Adding PWA icons for proper pwa support

.github/workflows/main.yml

@@ -0,0 +1,38 @@
+# Publish pre-build release
+name: Upload Release Asset
+
+on:
+  push:
+    branches: [master]
+
+jobs:
+  build:
+    name: Upload Release Asset
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Build project
+        run: |
+          yarn install
+          yarn build
+          zip --junk-paths homer dist/*
+      - name: Create Release
+        id: create_release
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ github.run_id }}
+          release_name: Release ${{ github.run_id }}
+          draft: false
+          prerelease: false
+      - name: Upload Release Asset
+        id: upload-release-asset
+        uses: actions/upload-release-asset@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          upload_url: ${{ steps.create_release.outputs.upload_url }}
+          asset_path: ./homer.zip
+          asset_name: homer.zip
+          asset_content_type: application/zip

README.md

@@ -28,7 +28,7 @@ If you need authentication support, you're on your own (it can be secured using
 ### Using docker
 
 ```sh
-sudo docker run -p 8080:8080 -v /your/local/config.yml:/www/config.yml -v /your/local/assets/:/www/assets b4bz/homer:latest
+docker run -p 8080:8080 -v /your/local/config.yml:/www/config.yml -v /your/local/assets/:/www/assets b4bz/homer:latest
 ```
 
 ### Manually

public/assets/icons/safari-pinned-tab.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" version="1.1">
+	<path d="M 234 45.125 C 205.687 47.986, 173.877 58.506, 148.747 73.320 C 126.349 86.523, 102.089 108.205, 86.730 128.747 C 29.855 204.817, 29.851 307.105, 86.722 383.253 C 96.590 396.465, 115.594 415.392, 129.265 425.621 C 156.351 445.888, 186.971 458.997, 221.500 465.108 C 240.243 468.426, 271.757 468.426, 290.500 465.108 C 335.678 457.112, 373.822 437.369, 405.533 405.567 C 437.561 373.448, 457.110 335.690, 465.108 290.500 C 467.035 279.614, 467.409 274.004, 467.409 256 C 467.409 237.996, 467.035 232.386, 465.108 221.500 C 457.117 176.350, 437.513 138.460, 405.559 106.402 C 360.303 61, 297.804 38.677, 234 45.125 M 236 69.103 C 171.073 76.402, 114.777 116.345, 86.520 175.161 C 61.996 226.206, 61.996 285.794, 86.520 336.839 C 105.251 375.826, 136.655 407.141, 175.576 425.642 C 246.419 459.316, 329.484 445.672, 386.366 391.019 C 461.142 319.174, 463.217 200.777, 391.019 125.634 C 351.148 84.137, 292.501 62.750, 236 69.103 M 160.321 185.613 C 157.017 187.243, 154 192.200, 154 196 C 154 199.905, 157.036 204.789, 160.478 206.423 C 163.431 207.824, 174.110 208, 256 208 C 358.213 208, 353.195 208.324, 356.423 201.522 C 358.413 197.328, 358.413 194.672, 356.423 190.478 C 353.194 183.674, 358.236 183.998, 255.849 184.023 C 174.036 184.043, 163.137 184.224, 160.321 185.613 M 160.321 245.613 C 157.017 247.243, 154 252.200, 154 256 C 154 259.905, 157.036 264.789, 160.478 266.423 C 163.431 267.824, 174.110 268, 256 268 C 358.213 268, 353.195 268.324, 356.423 261.522 C 358.413 257.328, 358.413 254.672, 356.423 250.478 C 353.194 243.674, 358.236 243.998, 255.849 244.023 C 174.036 244.043, 163.137 244.224, 160.321 245.613 M 160.321 305.613 C 157.017 307.243, 154 312.200, 154 316 C 154 319.905, 157.036 324.789, 160.478 326.423 C 163.431 327.824, 174.110 328, 256 328 C 358.213 328, 353.195 328.324, 356.423 321.522 C 358.413 317.328, 358.413 314.672, 356.423 310.478 C 353.194 303.674, 358.236 303.998, 255.849 304.023 C 174.036 304.043, 163.137 304.224, 160.321 305.613" stroke="none" fill="black" fill-rule="evenodd"/>
+</svg>

public/assets/manifest.json

@@ -0,0 +1,79 @@
+{
+  "name": "Dashboard",
+  "short_name": "homer",
+  "theme_color": "#3367D6",
+  "icons": [
+    {
+      "src": "./assets/icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/android-chrome-maskable-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "./assets/icons/android-chrome-maskable-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "./assets/icons/apple-touch-icon-60x60.png",
+      "sizes": "60x60",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/apple-touch-icon-76x76.png",
+      "sizes": "76x76",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/apple-touch-icon-120x120.png",
+      "sizes": "120x120",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/apple-touch-icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/apple-touch-icon-180x180.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/favicon-16x16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/favicon-32x32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/msapplication-icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/icons/mstile-150x150.png",
+      "sizes": "150x150",
+      "type": "image/png"
+    }
+  ]
+}

src/App.vue

@@ -151,8 +151,6 @@ export default {
       let config = await this.getConfig();
 
       this.config = merge(defaults, config);
-
-      console.log(this.config);
       this.services = this.config.services;
       document.title = `${this.config.title} | ${this.config.subtitle}`;
     } catch (error) {

vue.config.js

@@ -7,4 +7,7 @@ module.exports = {
       .loader("raw-loader")
       .end();
   },
+  pwa: {
+    manifestPath: "assets/manifest.json"
+  }
 };