code

arthurfiorette · Sep 24, 2024 · d001760 · d001760
1 parent fc77625
commit d001760
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 6 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -25,7 +25,6 @@ export default defineConfig({
     AstroPWA({
       registerType: 'autoUpdate',
       manifest,
-      manifestFilename: 'manifest.webmanifest',
       base: BASE_PATH,
       workbox: {
         globDirectory: 'dist',

diff --git a/package.json b/package.json
@@ -42,6 +42,7 @@
     "tailwind-scrollbar": "^3.1.0",
     "tailwindcss": "3.4.12",
     "typescript": "5.6.2",
+    "vite-plugin-pwa": "^0.20.5",
     "zustand": "5.0.0-rc.2"
   },
   "packageManager": "pnpm@9.5.0"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -2,6 +2,7 @@
 import Page from '../components/page.tsx';
 import { SEO } from 'astro-seo';
 import { SeoProps } from '../utils/seo';
+import { pwaInfo } from 'virtual:pwa-info';
 ---
 
 <html lang='en'>
@@ -10,6 +11,7 @@ import { SeoProps } from '../utils/seo';
 		<meta name='viewport' content='width=device-width' />
 		<title>Risk Dice Roller</title>
 		<SEO {...SeoProps} />
+    {pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} /> }
 	</head>
 
 	<body>

diff --git a/src/utils/seo.ts b/src/utils/seo.ts
@@ -25,8 +25,7 @@ export const SeoProps: Props = {
       { rel: 'apple-touch-icon', sizes: '180x180', href: `${URL}/apple-touch-icon.png` },
       { rel: 'icon', type: 'image/png', sizes: '48x48', href: `${URL}/favicon-48.png` },
       { rel: 'icon', type: 'image/png', sizes: '32x32', href: `${URL}/favicon-32.png` },
-      { rel: 'icon', type: 'image/png', sizes: '16x16', href: `${URL}/favicon-16.png` },
-      { rel: 'manifest', href: `${URL}/manifest.webmanifest` }
+      { rel: 'icon', type: 'image/png', sizes: '16x16', href: `${URL}/favicon-16.png` }
     ],
     meta: [
       { name: 'msapplication-TileColor', content: '#EF7244' },
@@ -48,12 +47,12 @@ export const manifest = {
   display: 'standalone',
   icons: [
     {
-      src: `${URL}/android-chrome-192x192.png`,
+      src: `${URL}/android-chrome-192.png`,
       sizes: '192x192',
       type: 'image/png'
     },
     {
-      src: `${URL}/android-chrome-512x512.png`,
+      src: `${URL}/android-chrome-512.png`,
       sizes: '512x512',
       type: 'image/png'
     }

diff --git a/tsconfig.json b/tsconfig.json
@@ -2,7 +2,8 @@
   "extends": "astro/tsconfigs/strictest",
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsxImportSource": "react",
+    "types": ["vite-plugin-pwa/client", "vite-plugin-pwa/info"]
   },
   "exclude": ["node_modules", "dist"]
 }