Migrate to gatsby-plugin-manifest

gatsby-plugin-favicon is deprecated and was causing all sorts of sharp versioning issues, while the manifest plugin is 1st-party and comes with localization functionality. Also untangled the resulting sharp version issues. This is the first time in years this repo has built cleanly on my machine.
keep-network · Aug 19, 2024 · d3222e8 · d3222e8
1 parent 1c1e89a
commit d3222e8
Show file tree

Hide file tree

Showing 3 changed files with 450 additions and 878 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -25,26 +25,31 @@ module.exports = {
   plugins: [
     "gatsby-plugin-react-helmet",
     "gatsby-plugin-sass",
-    // {
-    //   resolve: `gatsby-plugin-favicon`,
-    //   options: {
-    //     logo: "./src/favicon.svg",
-
-    //     // manifest config
-    //     appName: "tBTC",
-    //     appDescription: "tBTC — Bitcoin on Ethereum",
-    //     icons: {
-    //       android: true,
-    //       appleIcon: true,
-    //       appleStartup: true,
-    //       coast: false,
-    //       favicons: true,
-    //       firefox: true,
-    //       yandex: false,
-    //       windows: false,
-    //     },
-    //   },
-    // },
+    {
+      resolve: `gatsby-plugin-manifest`,
+      options: {
+        icon: "./src/favicon.svg",
+        name: `tBTC`,
+        shortName: "tBTC",
+        description: "tBTC — Bitcoin on Ethereum",
+        start_url: `/`,
+        display: `standalone`,
+        // TODO
+        // background_color: `#f7f0eb`,
+        // theme_color: `#a2466c`,
+        lang: "en",
+        localize: [
+          // TODO add other supported locales
+          {
+            start_url: `/de/`,
+            lang: `de`,
+            name: `tBTC`,
+            short_name: `tBTC`,
+            description: `tBTC — Bitcoin mit Ethereum.`,
+          },
+        ],
+      },
+    },
     {
       // keep as first gatsby-source-filesystem plugin for gatsby image support
       resolve: "gatsby-source-filesystem",

diff --git a/package.json b/package.json
@@ -9,12 +9,13 @@
     "classnames": "^2.2.6",
     "gatsby": "^2.24.53",
     "gatsby-image": "^2.0.23",
+    "gatsby-plugin-manifest": "^5.13.1",
     "gatsby-plugin-netlify": "^2.0.6",
     "gatsby-plugin-netlify-cms": "^4.1.6",
     "gatsby-plugin-purgecss": "^4.0.0",
     "gatsby-plugin-react-helmet": "^3.0.4",
     "gatsby-plugin-sass": "^2.0.7",
-    "gatsby-plugin-sharp": "^2.14.4",
+    "gatsby-plugin-sharp": "^5.13.1",
     "gatsby-remark-copy-linked-files": "^2.0.7",
     "gatsby-remark-images": "^3.1.6",
     "gatsby-remark-relative-images": "^2.0.5",
@@ -34,7 +35,6 @@
     "react-dom": "^16.8.4",
     "react-helmet": "^5.2.0",
     "sass": "^1.77.8",
-    "sharp": "^0.33.5",
     "uuid": "^3.2.1"
   },
   "keywords": [