Dodano wsparcie PWA

package.json

@@ -1,41 +1,44 @@
-{
-  "name": "stacjownik",
-  "version": "1.9.10",
-  "private": true,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "deploy-prod": "npm run build && firebase deploy --only hosting:prod",
-    "deploy-dev": "npm run build && firebase deploy --only hosting:dev"
-  },
-  "dependencies": {
-    "core-js": "^3.12.1",
-    "dotenv": "^8.6.0",
-    "firebase": "^9.8.1",
-    "howler": "^2.2.1",
-    "pinia": "^2.0.14",
-    "socket.io-client": "^4.4.1",
-    "vue": "^3.2.34",
-    "vue-i18n": "^9.1.6",
-    "vue-router": "^4.0.0-0",
-    "vuex": "^4.0.2"
-  },
-  "devDependencies": {
-    "@types/node": "^17.0.35",
-    "@vue/cli-plugin-babel": "^5.0.4",
-    "@vue/cli-plugin-router": "^5.0.4",
-    "@vue/cli-plugin-typescript": "^5.0.4",
-    "@vue/cli-plugin-vuex": "^5.0.4",
-    "@vue/cli-service": "^5.0.4",
-    "@vue/compiler-sfc": "^3.1.0",
-    "axios": "^0.21.1",
-    "sass": "^1.32.13",
-    "sass-loader": "^8.0.2",
-    "typescript": "^4.7.3"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}
+{
+  "name": "stacjownik",
+  "version": "1.9.10",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "deploy-dev": "npm run build && firebase deploy --only hosting:dev",
+    "deploy-prod": "npm run build && firebase deploy --only hosting:prod"
+  },
+  "dependencies": {
+    "core-js": "^3.12.1",
+    "dotenv": "^8.6.0",
+    "firebase": "^9.8.1",
+    "howler": "^2.2.1",
+    "pinia": "^2.0.14",
+    "register-service-worker": "^1.7.1",
+    "socket.io-client": "^4.4.1",
+    "vue": "^3.2.34",
+    "vue-i18n": "^9.1.6",
+    "vue-router": "^4.0.0-0",
+    "vuex": "^4.0.2"
+  },
+  "devDependencies": {
+    "@types/node": "^17.0.35",
+    "@vue/cli-plugin-babel": "^5.0.4",
+    "@vue/cli-plugin-pwa": "^5.0.4",
+    "@vue/cli-plugin-router": "^5.0.4",
+    "@vue/cli-plugin-typescript": "^5.0.4",
+    "@vue/cli-plugin-vuex": "^5.0.4",
+    "@vue/cli-service": "^5.0.4",
+    "@vue/compiler-sfc": "^3.1.0",
+    "axios": "^0.21.1",
+    "sass": "^1.32.13",
+    "sass-loader": "^8.0.2",
+    "typescript": "^4.7.3"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}
+

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

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
+</svg>

public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

public/site.webmanifest

@@ -1,6 +1,6 @@
 {
-    "name": "",
-    "short_name": "",
+    "name": "Stacjownik TD2",
+    "short_name": "Stacjownik",
     "icons": [
         {
             "src": "/android-chrome-192x192.png",
@@ -13,7 +13,8 @@
             "type": "image/png"
         }
     ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
+    "theme_color": "#ffc014",
+    "background_color": "#4d4d4d",
+    "display": "standalone",
+    "start_url": "."
 }

src/main.ts

@@ -7,6 +7,7 @@ import plLang from '@/locales/pl.json';
 
 import { createI18n } from 'vue-i18n';
 import { createPinia } from 'pinia';
+import './registerServiceWorker'
 
 const i18n = createI18n({
   locale: 'pl',

src/registerServiceWorker.ts

@@ -0,0 +1,32 @@
+/* eslint-disable no-console */
+
+import { register } from 'register-service-worker'
+
+if (process.env.NODE_ENV === 'production') {
+  register(`${process.env.BASE_URL}service-worker.js`, {
+    ready () {
+      console.log(
+        'App is being served from cache by a service worker.\n' +
+        'For more details, visit https://goo.gl/AFskqB'
+      )
+    },
+    registered () {
+      console.log('Service worker has been registered.')
+    },
+    cached () {
+      console.log('Content has been cached for offline use.')
+    },
+    updatefound () {
+      console.log('New content is downloading.')
+    },
+    updated () {
+      console.log('New content is available; please refresh.')
+    },
+    offline () {
+      console.log('No internet connection found. App is running in offline mode.')
+    },
+    error (error) {
+      console.error('Error during service worker registration:', error)
+    }
+  })
+}

vue.config.js

@@ -1,3 +0,0 @@
-// module.exports = {
-//   publicPath: process.env.NODE_ENV === "production" ? "/dist" : "/",
-// };