Make the page “installable” on more browsers

Add a 180×180 apple-touch-icon, robots.txt, and inject a service worker.
soaringmeteo · May 17, 2024 · 21c3fea · 21c3fea
1 parent 33fa607
commit 21c3fea
Show file tree

Hide file tree

Showing 6 changed files with 569 additions and 250 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -6,6 +6,7 @@
  <title>SoaringMeteo</title>
  <meta name="description" content="Free weather information and forecast (WRF and GFS) for soaring (paragliding, hang-gliding, sailplane) pilots.">
  <link rel="icon" href="/src/favicoSoaringMeteo.png">
+ <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
  <meta name="theme-color" content="#ffffff">
  </head>
  <body>

diff --git a/frontend/package.json b/frontend/package.json
@@ -18,7 +18,7 @@
  "serve-static": "1.15.0",
  "typescript": "5.3.3",
  "vite": "4.5.3",
- "vite-plugin-pwa": "0.14.1",
+ "vite-plugin-pwa": "0.20.0",
  "vite-plugin-solid": "2.5.0"
  },
  "scripts": {

diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
diff --git a/frontend/public/robots.txt b/frontend/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -13,8 +13,9 @@ export default defineConfig(() => ({
  outdir: "./src/generated-i18n", //Where you want the generated files to be placed
  }),
  VitePWA({
- // registerType: 'autoUpdate',
- injectRegister: null,
+ registerType: 'autoUpdate',
+ injectRegister: 'script-defer',
+ // devOptions: { enabled: true },
  manifest: {
  name: 'Soaringmeteo',
  description: 'Meteorology for soaring pilots',
@@ -24,12 +25,12 @@ export default defineConfig(() => ({
  icons: [
  {
  src: './favicon.192.png',
- size: '192x192',
+ sizes: '192x192',
  type: 'image/png'
  },
  {
  src: './favicon.512.png',
- size: '512x512',
+ sizes: '512x512',
  type: 'image/png'
  }
  ],