fix: icons path in webmanifest

aeternity · May 24, 2023 · 75b0d2c · 75b0d2c
1 parent 46c1ef1
commit 75b0d2c
Show file tree

Hide file tree

Showing 16 changed files with 83 additions and 72 deletions.
diff --git a/public/favicons/apple-touch-icon.png → public/apple-touch-icon.png b/public/favicons/apple-touch-icon.png → public/apple-touch-icon.png
diff --git a/public/favicons/favicon.ico → public/favicon.ico b/public/favicons/favicon.ico → public/favicon.ico
diff --git a/public/favicons/favicon-16x16.png b/public/favicons/favicon-16x16.png
diff --git a/public/favicons/favicon-32x32.png b/public/favicons/favicon-32x32.png
diff --git a/public/favicons/mstile-150x150.png b/public/favicons/mstile-150x150.png
diff --git a/public/favicons/safari-pinned-tab.svg b/public/favicons/safari-pinned-tab.svg
diff --git a/public/favicons/android-chrome-192x192.png → public/icon-192x192.png b/public/favicons/android-chrome-192x192.png → public/icon-192x192.png
diff --git a/public/favicons/android-chrome-512x512.png → public/icon-512x512.png b/public/favicons/android-chrome-512x512.png → public/icon-512x512.png
diff --git a/public/icon-grid.png b/public/icon-grid.png
diff --git a/public/icon-mask-safari.svg b/public/icon-mask-safari.svg
diff --git a/public/icon-maskable-512x512.png b/public/icon-maskable-512x512.png
diff --git a/public/icon-receive.png b/public/icon-receive.png
diff --git a/public/icon.svg b/public/icon.svg
diff --git a/public/index.html b/public/index.html
@@ -5,10 +5,12 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>Base æpp</title>
 
-    <% if (!process.env.VUE_APP_CORDOVA) { %>
-    <link rel="shortcut icon" href="<%= BASE_URL %>favicons/favicon.ico">
-    <% } %>
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" sizes="any">
+    <link rel="icon" href="<%= BASE_URL %>icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="<%= BASE_URL %>apple-touch-icon.png">
+    <link rel="mask-icon" href="<%= BASE_URL %>icon-mask-safari.svg" color="#f7296e">
 
+    <meta name="description" content="The æternity blockchain wallet allows users to store, send, and receive æternity coins. The wallet also features an æpps (applications running on the æternity blockchain) browser.">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

diff --git a/public/site.webmanifest b/public/site.webmanifest
diff --git a/vue.config.js b/vue.config.js
@@ -88,17 +88,78 @@ module.exports = {
     workboxOptions: {
       swSrc: './src/service-worker.js',
     },
-    name: 'Base æpp',
-    manifestPath: 'site.webmanifest',
+    name: 'Base æpp Wallet',
+    manifestOptions: {
+      short_name: 'Base æpp',
+      description: 'The æternity blockchain wallet allows users to store, send, and receive æternity coins. The wallet also features an æpps (applications running on the æternity blockchain) browser.',
+      categories: ['finance'],
+      aeternity_network_ids: ['ae_mainnet', 'ae_uat'],
+      author: 'æternity',
+      author_url: 'https://github.com/aetrnity',
+      prefer_related_applications: true,
+      related_applications: [{
+        platform: 'play',
+        url: 'https://play.google.com/store/apps/details?id=com.aeternity.base',
+        id: 'com.aeternity.base',
+      }, {
+        platform: 'itunes',
+        url: 'https://apps.apple.com/app/base-æpp-wallet/id1458655724',
+      }],
+      icons: [{
+        src: '/icon-192x192.png',
+        sizes: '192x192',
+        type: 'image/png',
+      }, {
+        src: '/icon-512x512.png',
+        sizes: '512x512',
+        type: 'image/png',
+      }, {
+        src: '/icon-maskable-512x512.png',
+        sizes: '512x512',
+        type: 'image/png',
+        purpose: 'maskable',
+      }, {
+        src: '/icon.svg',
+        sizes: 'any',
+        type: 'image/svg+xml',
+      }],
+      background_color: '#f7296e',
+      id: '/',
+      start_url: '/',
+      protocol_handlers: [
+        { protocol: 'web+aeternity', url: '/%s' },
+        { protocol: 'web+aeppbase', url: '/%s' },
+      ],
+      shortcuts: [{
+        name: 'Show QR code',
+        url: '/transfer/receive',
+        description: 'Show QR code to get AE',
+        icons: [{
+          src: '/icon-receive.png',
+          sizes: '96x96',
+          type: 'image/png',
+        }],
+      }, {
+        name: 'æpp browser',
+        url: '/browser',
+        icons: [{
+          src: '/icon-grid.png',
+          sizes: '96x96',
+          type: 'image/png',
+        }],
+      }],
+    },
     iconPaths: {
-      favicon32: 'favicons/favicon-32x32.png',
-      favicon16: 'favicons/favicon-16x16.png',
-      appleTouchIcon: 'favicons/apple-touch-icon.png',
-      maskIcon: 'favicons/safari-pinned-tab.svg',
-      msTileImage: 'favicons/mstile-150x150.png',
+      favicon32: null,
+      favicon16: null,
+      appleTouchIcon: null,
+      maskIcon: null,
+      msTileImage: null,
+      faviconSVG: null,
     },
     themeColor: '#f7296e',
     msTileColor: '#f7296e',
+    appleMobileWebAppCapable: 'yes',
   },
   transpileDependencies: ['@aeternity/hd-wallet', '@download/blockies'],
   pluginOptions: {