Chore: bump dependencies (#384)

* bump dependencies * fix broken images * bump node version, fix images Co-authored-by: HH: Andrico Karoulla <andrico@hhs-macbook-pro.home>
openui · Aug 14, 2021 · fd1c2b6 · fd1c2b6
1 parent 2e32b90
commit fd1c2b6
Show file tree

Hide file tree

Showing 6 changed files with 5,976 additions and 5,817 deletions.
diff --git a/research/.nvmrc b/research/.nvmrc
@@ -1 +1 @@
-v12.10.0
+v14.17
diff --git a/research/gatsby-config.js b/research/gatsby-config.js
@@ -34,38 +34,21 @@ module.exports = {
 
     'gatsby-plugin-sharp',
 
+    'gatsby-plugin-react-helmet',
+
     {
-      resolve: `gatsby-plugin-favicon`,
+      resolve: `gatsby-plugin-manifest`,
       options: {
-        logo: './src/images/logo-green.png',
+        name: 'Open UI',
+        short_name: 'OUI',
+        start_url: '/',
+        background_color: '#fff',
+        theme_color: '#00a453',
+        display: 'minimal-ui',
+        icon: 'src/images/logo-green.png', // This path is relative to the root of the site.
       },
     },
 
-    'gatsby-plugin-react-helmet',
-
-    // TODO: gatsby-plugin-manifest throws an error locally:
-    //       objc[60503]: Class GNotificationCenterDelegate is implemented in both
-    //         - sharp/vendor/lib/libgio-2.0.0.dylib (0x113160578)
-    //         - gatsby-plugin-manifest/node_modules/sharp/vendor/lib/libgio-2.0.0.dylib (0x1165c9578).
-    //       One of the two wil...
-    //
-    // TODO: It also throws another error on Netlify failing the deploy:
-    //       .nvm/versions/node/v12.10.0/bin/node: symbol lookup error:
-    //         node_modules/gatsby-plugin-manifest/node_modules/sharp/build/Release/sharp.node:
-    //           undefined symbol: _ZNK4vips6VImage7pngsaveEPKcPNS_7VOptionE
-    // {
-    //   resolve: `gatsby-plugin-manifest`,
-    //   options: {
-    //     name: 'Open UI',
-    //     short_name: 'OUI',
-    //     start_url: '/',
-    //     background_color: '#fff',
-    //     theme_color: '#00a453',
-    //     display: 'minimal-ui',
-    //     icon: 'src/images/logo-green.png', // This path is relative to the root of the site.
-    //   },
-    // },
-
     'gatsby-plugin-remove-trailing-slashes',
 
     `gatsby-plugin-sitemap`,

diff --git a/research/package.json b/research/package.json
@@ -43,41 +43,39 @@
   },
   "dependencies": {
     "@emotion/core": "^10.0.28",
-    "@fortawesome/fontawesome-svg-core": "^1.2.28",
-    "@fortawesome/free-brands-svg-icons": "^5.13.0",
-    "@fortawesome/free-solid-svg-icons": "^5.15.1",
-    "@fortawesome/react-fontawesome": "^0.1.9",
-    "@mdx-js/mdx": "^1.5.8",
-    "@mdx-js/react": "^1.5.8",
-    "anchor-js": "^4.2.2",
-    "gatsby": "^2.20.14",
+    "@fortawesome/fontawesome-svg-core": "^1.2.36",
+    "@fortawesome/free-brands-svg-icons": "^5.15.4",
+    "@fortawesome/free-solid-svg-icons": "^5.15.4",
+    "@fortawesome/react-fontawesome": "^0.1.15",
+    "@mdx-js/mdx": "^1.6.22",
+    "@mdx-js/react": "^1.6.22",
+    "anchor-js": "^4.3.1",
+    "gatsby": "^3.11.1",
     "gatsby-plugin-favicon": "^3.1.6",
-    "gatsby-plugin-fontawesome-css": "^1.0.0",
-    "gatsby-plugin-mdx": "^1.1.6",
-    "gatsby-plugin-offline": "^3.1.2",
-    "gatsby-plugin-react-helmet": "^3.2.1",
-    "gatsby-plugin-remove-trailing-slashes": "^2.2.1",
-    "gatsby-plugin-sharp": "2.5.4",
-    "gatsby-plugin-sitemap": "^2.12.0",
-    "gatsby-plugin-theme-ui": "^0.3.0",
-    "gatsby-plugin-typography": "^2.4.1",
-    "gatsby-source-filesystem": "^2.2.2",
+    "gatsby-plugin-fontawesome-css": "^1.1.0",
+    "gatsby-plugin-manifest": "^3.11.0",
+    "gatsby-plugin-mdx": "^2.11.0",
+    "gatsby-plugin-offline": "^4.11.0",
+    "gatsby-plugin-react-helmet": "^4.11.0",
+    "gatsby-plugin-remove-trailing-slashes": "^3.11.0",
+    "gatsby-plugin-sharp": "3.11.0",
+    "gatsby-plugin-sitemap": "^4.7.0",
+    "gatsby-plugin-typography": "^3.11.0",
+    "gatsby-source-filesystem": "^3.11.0",
     "husky": "^4.2.3",
-    "json5-loader": "^3.0.0",
-    "lint-staged": "^10.1.2",
-    "lodash": "^4.17.15",
+    "json5-loader": "^4.0.1",
+    "lint-staged": "^11.1.2",
+    "lodash": "^4.17.21",
     "prettier": "^2.0.4",
-    "prism-react-renderer": "^1.1.1",
-    "prismjs": "^1.22.0",
+    "prism-react-renderer": "^1.2.1",
+    "prismjs": "^1.24.1",
     "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-helmet": "^5.2.1",
-    "react-typography": "^0.16.19",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-helmet": "^6.1.0",
+    "react-typography": "^0.16.20",
     "remark-emoji": "^2.1.0",
     "remark-images": "^2.0.0",
-    "sharp": "^0.25.2",
-    "theme-ui": "^0.3.1",
-    "typography": "^0.16.19"
+    "typography": "^0.16.21"
   }
 }
diff --git a/research/src/components/image.js b/research/src/components/image.js
@@ -3,7 +3,7 @@ import React from 'react'
 const Image = ({ src, alt = src, style, ...rest }) => {
   let imageData
   try {
-    imageData = require(`../images/${src}`)
+    imageData = require(`../images/${src}`).default
   } catch (error) {}
 
   return (

diff --git a/research/src/components/seo.js b/research/src/components/seo.js
@@ -1,13 +1,13 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import Helmet from 'react-helmet'
+import { Helmet } from 'react-helmet'
 import { StaticQuery, graphql } from 'gatsby'
 
 function SEO({ description, lang, meta, keywords, title }) {
   return (
     <StaticQuery
       query={detailsQuery}
-      render={data => {
+      render={(data) => {
         const metaDescription = description || data.site.siteMetadata.description
         return (
           <Helmet