✨ Add full PWA support

2024-03-30 12:06:19 +08:00 · 2024-03-30 12:06:19 +08:00 · d187ca0a88
commit d187ca0a88
parent a2beb45302
7 changed files with 37 additions and 48 deletions
--- a/.gitignore
+++ b/.gitignore
@ -29,3 +29,5 @@ coverage

 *.tsbuildinfo
 *.lockb
+
+*dist
--- a/index.html
+++ b/index.html
@ -2,7 +2,8 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/xml+svg" href="/favicon.png" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="apple-touch-icon" type="image/png" href="/apple-touch-icon.png" sizes="1024x1024">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <title>Solian</title>
  </head>
--- a/public/apple-touch-icon.png
+++ b/public/apple-touch-icon.png
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@ -1,46 +0,0 @@
-{
-  "icons": [
-    {
-      "src": "../icons/icon-48.webp",
-      "type": "image/png",
-      "sizes": "48x48",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-72.webp",
-      "type": "image/png",
-      "sizes": "72x72",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-96.webp",
-      "type": "image/png",
-      "sizes": "96x96",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-128.webp",
-      "type": "image/png",
-      "sizes": "128x128",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-192.webp",
-      "type": "image/png",
-      "sizes": "192x192",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-256.webp",
-      "type": "image/png",
-      "sizes": "256x256",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "../icons/icon-512.webp",
-      "type": "image/png",
-      "sizes": "512x512",
-      "purpose": "any maskable"
-    }
-  ]
-}
--- a/public/robots.txt
+++ b/public/robots.txt
@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
--- a/public/screenshots/solarplaza.png
+++ b/public/screenshots/solarplaza.png
--- a/vite.config.ts
+++ b/vite.config.ts
@ -16,11 +16,41 @@ export default defineConfig({
      registerType: "autoUpdate",
      useCredentials: true,
      manifest: {
-        name: "Solian",
+        name: "Solar Network Agent",
        short_name: "Solian",
        description: "The Solar Network entrypoint.",
        theme_color: "#4b5094",
+        display: "standalone",
+        icons: [
+          {
+            src: "apple-touch-icon.png",
+            sizes: "1024x1024",
+            type: "image/png",
+            purpose: "any"
+          },
+          {
+            src: "favicon.png",
+            sizes: "1024x1024",
+            type: "image/png",
+            purpose: "maskable"
+          },
+        ],
+        screenshots: [
+          {
+            src: "screenshots/solarplaza.png",
+            sizes: "2992x1714",
+            type: "image/png",
+            form_factor: "wide",
+            label: "Exploring the Solar Network Plaza"
+          }
+        ]
      },
+      workbox: {
+        globPatterns: ["**/*.{js,css,ico,png,svg}"]
+      },
+      devOptions: {
+        enabled: true,
+      }
    })
  ],
  resolve: {