package.json

@@ -65,6 +65,6 @@
     "node-fetch": "2.6.1",
     "typescript": "^4.9.3",
     "vite": "^4.0.0",
-    "vite-plugin-pwa": "^0.20.0"
+    "vite-plugin-pwa": "^0.14.1"
   }
 }

vite.config.ts

@@ -1,9 +1,9 @@
-import { defineConfig } from "vite";
+import { defineConfig } from 'vite'
-import react from "@vitejs/plugin-react";
+import react from '@vitejs/plugin-react'
 import mdx from "@mdx-js/rollup";
-import remarkFrontmatter from "remark-frontmatter";
+import remarkFrontmatter from 'remark-frontmatter';
-import remarkMdxFrontmatter from "remark-mdx-frontmatter";
+import remarkMdxFrontmatter from 'remark-mdx-frontmatter';
-import rehypeSlug from "rehype-slug";
+import rehypeSlug from 'rehype-slug';
 import rehypeToc from "@stefanprobst/rehype-extract-toc";
 import rehypeTocExport from "@stefanprobst/rehype-extract-toc/mdx";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
@@ -39,66 +39,66 @@ export default defineConfig({
     }),
     VitePWA({
       workbox: {
-        globPatterns: [
+        globPatterns: ["**/*.!(mp4|m4a)"],
-          "**/*.(js|html|svg|png|jpg|jpeg|eot|woff|woff2|ttf|mp4|m4a)",
-        ],
         maximumFileSizeToCacheInBytes: 5242880,
       },
-      includeAssets: ["**/*.(js|html|svg|png|jpg|jpeg|eot|woff|woff2|ttf)"],
+      includeAssets: [
-      manifest: {
+        "**/*.(js|html|svg|png|jpg|jpeg|eot|woff|woff2|ttf)",
-        short_name: "Pashto Grammar",
-        name: "LingDocs Pashto Grammar",
-        icons: [
-          {
-            src: "icons/android-chrome-36x36.png",
-            sizes: "36x36",
-            type: "image/png",
-          },
-          {
-            src: "icons/android-chrome-48x48.png",
-            sizes: "48x48",
-            type: "image/png",
-          },
-          {
-            src: "icons/android-chrome-72x72.png",
-            sizes: "72x72",
-            type: "image/png",
-          },
-          {
-            src: "icons/android-chrome-96x96.png",
-            sizes: "96x96",
-            type: "image/png",
-          },
-          {
-            src: "icons/android-chrome-144x144.png",
-            sizes: "144x144",
-            type: "image/png",
-          },
-          {
-            src: "icons/android-chrome-192x192.png",
-            sizes: "192x192",
-            type: "image/png",
-          },
-          {
-            src: "icons/android-chrome-256x256.png",
-            sizes: "256x256",
-            type: "image/png",
-          },
-          {
-            src: "icons/android-chrome-384x384.png",
-            sizes: "384x384",
-            type: "image/png",
-          },
-          {
-            src: "icons/android-chrome-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
-          },
       ],
-        start_url: "./table-of-contents",
+      manifest: {
-        display: "minimal-ui",
+        "short_name": "Pashto Grammar",
-        theme_color: "#DEE1E6",
+        "name": "LingDocs Pashto Grammar",
-        background_color: "#ffffff",
+        "icons": [
+          {
+              "src": "icons/android-chrome-36x36.png",
+              "sizes": "36x36",
+              "type": "image/png"
+          },
+          {
+              "src": "icons/android-chrome-48x48.png",
+              "sizes": "48x48",
+              "type": "image/png"
+          },
+          {
+              "src": "icons/android-chrome-72x72.png",
+              "sizes": "72x72",
+              "type": "image/png"
+          },
+          {
+              "src": "icons/android-chrome-96x96.png",
+              "sizes": "96x96",
+              "type": "image/png"
+          },
+          {
+              "src": "icons/android-chrome-144x144.png",
+              "sizes": "144x144",
+              "type": "image/png"
+          },
+          {
+              "src": "icons/android-chrome-192x192.png",
+              "sizes": "192x192",
+              "type": "image/png"
+          },
+          {
+              "src": "icons/android-chrome-256x256.png",
+              "sizes": "256x256",
+              "type": "image/png"
+          },
+          {
+              "src": "icons/android-chrome-384x384.png",
+              "sizes": "384x384",
+              "type": "image/png"
+          },
+          {
+              "src": "icons/android-chrome-512x512.png",
+              "sizes": "512x512",
+              "type": "image/png"
+          }
+        ],
+        "start_url": "./table-of-contents",
+        "display": "minimal-ui",
+        "theme_color": "#DEE1E6",
+        "background_color": "#ffffff"
       },
     }),
   ],