feat: add PWA config (#35)

* feat: add pwa config * fix: update menifest description
curiosta · Sep 29, 2023 · 213bfd2 · 213bfd2
1 parent 66ddbd3
commit 213bfd2
Show file tree

Hide file tree

Showing 9 changed files with 1,774 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -2,8 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#000000" />
     <script
       async
       src="https://umami.curiosta.com/script.js"

diff --git a/package.json b/package.json
@@ -28,6 +28,7 @@
     "tailwindcss": "^3.3.3",
     "typescript": "^5.1.6",
     "vite": "^4.3.2",
-    "vite-aliases": "^0.11.2"
+    "vite-aliases": "^0.11.2",
+    "vite-plugin-pwa": "^0.16.5"
   }
 }
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/maskable_icon_x512.png b/public/maskable_icon_x512.png
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,8 +1,56 @@
 import { defineConfig } from "vite";
 import preact from "@preact/preset-vite";
 import { ViteAliases } from "vite-aliases";
+import { VitePWA } from "vite-plugin-pwa";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [preact(), ViteAliases({ prefix: "@" })],
+  plugins: [
+    preact(),
+    ViteAliases({ prefix: "@" }),
+    VitePWA({
+      registerType: "autoUpdate",
+      includeAssets: [
+        "favicon.ico",
+        "apple-touch-icon.png",
+        "android-chrome-192x192.png",
+      ],
+      manifest: {
+        name: "Curiosta makers",
+        short_name: "curiosta makers",
+        description:
+          "Curiosta makers is a comprehensive platform for managing makerspaces",
+        theme_color: "#ffffff",
+        icons: [
+          {
+            src: "android-chrome-192x192.png",
+            sizes: "192x192",
+            type: "image/png",
+          },
+          {
+            src: "android-chrome-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+          },
+          {
+            src: "maskable_icon_x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "any",
+          },
+          {
+            src: "maskable_icon_x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "maskable",
+          },
+        ],
+        background_color: "#ffffff",
+        display: "standalone",
+        scope: "/",
+        start_url: "/",
+        orientation: "portrait",
+      },
+    }),
+  ],
 });
diff --git a/yarn.lock b/yarn.lock