PWA tests

ajboni · Sep 23, 2023 · e306e7c · e306e7c
1 parent 7477b50
commit e306e7c
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,8 @@
 # Airwindows Cheatsheet
 
 Cheatsheet for [Airwindows](https://www.airwindows.com) plugins.  
-This project aims to build an automated frontend for the airwindowpedia documentation file.
+This project aims to build an automated frontend for the airwindopedia documentation file.  
+This site works offline and can be "Installed" on mobile devices and computers as a PWA app.
 
 # Features
 

diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Airwindows cheatsheet</title>
   </head>

diff --git a/src/components/filter.jsx b/src/components/filter.jsx
@@ -1,5 +1,5 @@
 import { Listbox } from "@headlessui/react";
-import { ChevronUpDownIcon, LockClosedIcon, MagnifyingGlassIcon, XCircleIcon } from "@heroicons/react/20/solid";
+import { ChevronUpDownIcon, MagnifyingGlassIcon } from "@heroicons/react/20/solid";
 import { XMarkIcon } from "@heroicons/react/24/outline";
 
 export const Filter = ({ db, filter, setFilter, search, setSearch, sortBy, setSortBy }) => {

diff --git a/src/index.jsx b/src/index.jsx
@@ -44,7 +44,7 @@ export function App() {
                         Github
                       </a>
                     </p>
-                    <p>This site works offline and can be "Installed" on movile devices and computers as a PWA app.</p>
+                    <p>This site works offline and can be "Installed" on mobile devices and computers as a PWA app.</p>
                     <p className="mt-2">
                       <strong>Remember</strong>: {'"In a mix, no one can hear your screen."'}
                     </p>

diff --git a/vite.config.js b/vite.config.js
@@ -4,6 +4,41 @@ import { VitePWA } from "vite-plugin-pwa";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), VitePWA({ registerType: "autoUpdate" })],
+  plugins: [
+    react(),
+    VitePWA({
+      registerType: "autoUpdate",
+      manifest: {
+        name: "Airwindows Cheatsheet",
+        short_name: "Airwindows Cheatsheet",
+        description:
+          "Cheatsheet for Airwindows plugins. This project aims to build an automated frontend for the airwindopedia documentation file.",
+        theme_color: "#ffffff",
+        icons: [
+          {
+            src: "maskable-icon-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "any maskable",
+          },
+          {
+            src: "pwa-64x64.png",
+            sizes: "512x512",
+            type: "image/png",
+          },
+          {
+            src: "pwa-192x192.png",
+            sizes: "192x192",
+            type: "image/png",
+          },
+          {
+            src: "pwa-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+          },
+        ],
+      },
+    }),
+  ],
   base: "https://airwindowscheatsheet.aboni.dev/",
 });