First Commit

ADORSYS-GIS · Apr 8, 2024 · ab661da · ab661da
1 parent 0c5fc52
commit ab661da
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 12 deletions.
diff --git a/power-pay-frontend/index.html b/power-pay-frontend/index.html
@@ -2,7 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg">
+  <link rel="icon" href="/favicon.ico" sizes="any">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <link rel="manifest" href="/manifest.json">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
   </head>

diff --git a/power-pay-frontend/public/icon144x144.png b/power-pay-frontend/public/icon144x144.png
diff --git a/power-pay-frontend/public/icon310x310.png b/power-pay-frontend/public/icon310x310.png
diff --git a/power-pay-frontend/public/icon36x36.png b/power-pay-frontend/public/icon36x36.png
diff --git a/power-pay-frontend/public/icon48x48.png b/power-pay-frontend/public/icon48x48.png
diff --git a/power-pay-frontend/vite.config.ts b/power-pay-frontend/vite.config.ts
@@ -1,23 +1,51 @@
-import { VitePWA } from 'vite-plugin-pwa'
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vitejs.dev/config/
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { VitePWA } from 'vite-plugin-pwa';
 
 export default defineConfig({
-  plugins: [react(),
+  plugins: [
+    react(),
     VitePWA({
       injectRegister: 'auto',
-      registerType: 'autoUpdate', 
+      registerType: 'autoUpdate',
       workbox: {
         clientsClaim: true,
         skipWaiting: true,
-        globPatterns: ['**/*.{ts,css,html,}']
+        globPatterns: ['**/*.{js,css,html,png,svg,ico}'],
       },
       devOptions: {
         enabled: true,
-        type: 'module',
       },
-    })
+      includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'mask-icon.svg'],
+      manifest: {
+        name: 'PPA',
+        short_name: 'PPA',
+        theme_color: '#ffffff',
+        icons: [
+          {
+            src: '/public/icon36x36.png',
+            sizes: '36x36',
+            type: 'image/png',
+          },
+          {
+            src: '/public/icon48x48.png',
+            sizes: '48x48',
+            type: 'image/png',
+          },
+          {
+            src: '/public/icon310x310.png',
+            sizes: '310x310',
+            type: 'image/png',
+            purpose: 'any',
+          },
+          {
+            src: '/public/icon144x144.png',
+            sizes: '144x144',
+            type: 'image/png',
+            purpose: 'maskable',
+          },
+        ],
+      },
+    }),
   ],
-})
+});