Add pwa, add setonix 0.3

Author: CodeDoctorDE

astro.config.mjs

@@ -2,6 +2,7 @@ import { defineConfig } from "astro/config";
 import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
 import AstroPWA from "@vite-pwa/astro";
+import manifest from "./webmanifest.json";
 
 // https://astro.build/config
 export default defineConfig({
@@ -10,31 +11,21 @@ export default defineConfig({
     mdx(),
     sitemap(),
     AstroPWA({
-      workbox: { navigateFallback: "/404" },
-      manifest: {
-        name: "Linwood Development",
-        short_name: "Linwood",
-        description: "Simple to use software for everyone",
-        theme_color: "#35EF53",
-        icons: [
-          {
-            src: "android-chrome-192x192.png",
-            sizes: "192x192",
-            type: "image/png",
-          },
-          {
-            src: "android-chrome-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
-          },
-          {
-            src: "android-chrome-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
-            purpose: "any maskable",
-          },
+      workbox: {
+        skipWaiting: true,
+        clientsClaim: true,
+        navigateFallback: "/404",
+        ignoreURLParametersMatching: [/./],
+        globPatterns: [
+          "**/*.{html,js,css,png,svg,json,ttf,pf_fragment,pf_index,pf_meta,pagefind,wasm}",
         ],
+        maximumFileSizeToCacheInBytes: 3000000
       },
+      experimental: {
+        directoryAndTrailingSlashHandler: true,
+      },
+      registerType: "autoUpdate",
+      manifest,
     }),
   ],
 });

package.json

@@ -10,18 +10,20 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.0.5",
+    "@astrojs/mdx": "^4.0.7",
     "@astrojs/rss": "^4.0.11",
     "@astrojs/sitemap": "^3.2.1",
     "@linwooddev/style": "^0.4.2",
     "@phosphor-icons/web": "^2.1.1",
-    "astro": "^5.1.5",
+    "astro": "^5.1.9",
     "sharp": "^0.33.5",
     "typescript": "^5.7.3"
   },
   "packageManager": "[email protected]",
   "devDependencies": {
     "@vite-pwa/astro": "^0.5.0",
-    "sass": "^1.83.1"
+    "sass": "^1.83.4",
+    "vite-plugin-pwa": "^0.21.1",
+    "workbox-window": "^7.3.0"
   }
 }