Bump Node.js, Gatsby, and package version (#703)

Author: lucydodo

.eslintrc

@@ -1,14 +1,14 @@
 {
   "extends": [
-    "prettier",
-    "prettier/react"
+    "eslint:recommended",
+    "prettier"
   ],
   "plugins": [
     "react",
     "prettier"
   ],
   "parserOptions": {
-    "ecmaVersion": 2016,
+    "ecmaVersion": 2023,
     "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true,

.node-version

@@ -1 +1 @@
-11.2.0
+20.12.2

Dockerfile

@@ -1,5 +1,6 @@
-FROM node:10-alpine
+FROM node:20-alpine
 
 WORKDIR /app
 COPY . /app
+CMD ["SHARP_IGNORE_GLOBAL_LIBVIPS=1 npm_config_arch=x64 npm_config_platform=linux yarn add sharp"]
 ENTRYPOINT ["yarn"]

README.md

@@ -13,9 +13,6 @@ yarn fetch-contributors > website/_data/contributors.json
 
 ### Gatsby Installed Locally
 
-**This seems to depend on Node v10. Until the dependencies updated to support
-newer versions of Node, you can use the Docker setup.**
-
 To start Gatsby in development mode and serve the the website on
 `http://localhost:8000` use:
 

bin/export-index.js

@@ -15,12 +15,15 @@ browser.on('result', function onResult(content) {
 })
 
 browser.on('end', function onEnd() {
-  fs.writeFile('browse.json', JSON.stringify(hits, null, 2), 'utf-8', function(
-    err
-  ) {
-    if (err) throw err
-    console.log('Your index has been exported!')
-  })
+  fs.writeFile(
+    'browse.json',
+    JSON.stringify(hits, null, 2),
+    'utf-8',
+    function (err) {
+      if (err) throw err
+      console.log('Your index has been exported!')
+    }
+  )
 })
 
 browser.on('error', function onError(err) {

bin/fetch-contributors.js

@@ -11,7 +11,7 @@ function getPage(page) {
   }
 
   return new Promise((resolve, reject) => {
-    request(url, { qs, headers }, function(error, response, body) {
+    request(url, { qs, headers }, function (error, response, body) {
       if (error) {
         reject(error)
       } else {

docker-compose.yml

@@ -1,4 +1,3 @@
-version: '3.2'
 services:
   gatsby:
     build: .

gatsby-config.js

@@ -30,24 +30,25 @@ const config = {
       resolve: 'gatsby-transformer-remark',
       options: {
         plugins: [
-            {
-        resolve: 'gatsby-remark-video',
-  options: {
-    width: '100%',
-    height: 'auto',
-    preload: 'auto',
-    muted: true,
-    autoplay: true,
-    playsinline: true,
-    controls: false,
-    loop: true
-  }},
           {
-            resolve: "gatsby-remark-external-links",
+            resolve: 'gatsby-remark-video',
             options: {
-              target: "_blank",
-              rel: "nofollow noopener noreferrer"
-            }
+              width: '100%',
+              height: 'auto',
+              preload: 'auto',
+              muted: true,
+              autoplay: true,
+              playsinline: true,
+              controls: false,
+              loop: true,
+            },
+          },
+          {
+            resolve: 'gatsby-remark-external-links',
+            options: {
+              target: '_blank',
+              rel: 'nofollow noopener noreferrer',
+            },
           },
           {
             resolve: 'gatsby-remark-images',
@@ -73,7 +74,6 @@ const config = {
       resolve: 'gatsby-plugin-netlify',
       options: {
         mergeSecurityHeaders: false,
-        mergeLinkHeaders: true,
         mergeCachingHeaders: true,
       },
     },

gatsby-node.js

@@ -63,7 +63,7 @@ exports.createPages = ({ actions: { createPage }, graphql }) => {
         }
       }
     }
-  `).then(result => {
+  `).then((result) => {
     if (result.errors) {
       return Promise.reject(result.errors)
     }

package.json

@@ -4,68 +4,74 @@
   "description": "Redash Website & Knowledge Base",
   "main": "n/a",
   "dependencies": {
-    "algoliasearch": "^3.32.0",
-    "bootstrap-sass": "^3.4.0",
-    "gatsby": "2.0.91",
-    "gatsby-image": "2.0.25",
-    "gatsby-link": "2.0.7",
-    "gatsby-plugin-algolia": "^0.3.0",
-    "gatsby-plugin-catch-links": "2.0.9",
-    "gatsby-plugin-feed": "2.0.11",
-    "gatsby-plugin-google-analytics": "2.0.8",
-    "gatsby-plugin-netlify": "2.0.6",
-    "gatsby-plugin-nprogress": "2.0.7",
-    "gatsby-plugin-preact": "2.0.8",
-    "gatsby-plugin-react-helmet": "3.0.5",
+    "algoliasearch": "^4.23.3",
+    "axios": "1.7.2",
+    "bootstrap-sass": "3.4.1",
+    "gatsby": "5.13.6",
+    "gatsby-image": "3.11.0",
+    "gatsby-link": "5.13.1",
+    "gatsby-plugin-algolia": "^1.0.3",
+    "gatsby-plugin-catch-links": "5.13.1",
+    "gatsby-plugin-feed": "5.13.1",
+    "gatsby-plugin-google-analytics": "5.13.1",
+    "gatsby-plugin-netlify": "5.1.1",
+    "gatsby-plugin-nprogress": "5.13.1",
+    "gatsby-plugin-preact": "7.13.1",
+    "gatsby-plugin-react-helmet": "6.13.1",
     "gatsby-plugin-react-next": "2.0.1-13",
     "gatsby-plugin-remove-serviceworker": "^1.0.0",
-    "gatsby-plugin-sass": "^2.0.0-rc.2",
-    "gatsby-plugin-sharp": "2.0.16",
-    "gatsby-plugin-sitemap": "2.0.3",
-    "gatsby-plugin-twitter": "2.0.8",
-    "gatsby-remark-copy-linked-files": "2.0.8",
+    "gatsby-plugin-sass": "^6.13.1",
+    "gatsby-plugin-sharp": "5.13.1",
+    "gatsby-plugin-sitemap": "6.13.1",
+    "gatsby-plugin-twitter": "5.13.1",
+    "gatsby-remark-copy-linked-files": "6.13.1",
     "gatsby-remark-external-links": "^0.0.4",
-    "gatsby-remark-images": "3.0.1",
-    "gatsby-remark-prismjs": "3.1.4",
-    "gatsby-remark-responsive-iframe": "2.0.8",
-    "gatsby-remark-smartypants": "2.0.7",
+    "gatsby-remark-images": "7.13.1",
+    "gatsby-remark-prismjs": "7.13.1",
+    "gatsby-remark-responsive-iframe": "6.13.1",
+    "gatsby-remark-smartypants": "6.13.1",
     "gatsby-remark-video": "^1.2.5",
-    "gatsby-source-filesystem": "2.0.12",
-    "gatsby-transformer-json": "^2.1.6",
-    "gatsby-transformer-remark": "2.1.17",
-    "gatsby-transformer-sharp": "2.1.9",
-    "gatsby-transformer-yaml": "^2.1.6",
+    "gatsby-source-filesystem": "5.13.1",
+    "gatsby-transformer-json": "^5.13.1",
+    "gatsby-transformer-remark": "6.13.1",
+    "gatsby-transformer-sharp": "5.13.1",
+    "gatsby-transformer-yaml": "^5.13.1",
+    "got": "14.4.1",
+    "gry": "6.1.0",
+    "natives": "1.1.6",
     "package.json": "^2.0.1",
-    "react-bootstrap": "^0.32.4",
-    "source-map": "^0.7.3"
+    "postcss": "8.4.38",
+    "react-bootstrap": "^2.10.2",
+    "source-map": "^0.7.4",
+    "webpack-dev-middleware": "7.2.1"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.2.10",
-    "@fortawesome/free-brands-svg-icons": "5.6.1",
-    "@fortawesome/free-solid-svg-icons": "5.6.1",
-    "@fortawesome/react-fontawesome": "0.1.3",
-    "animate.css": "3.7.0",
-    "babel-eslint": "10.0.1",
+    "@fortawesome/fontawesome-svg-core": "6.5.2",
+    "@fortawesome/free-brands-svg-icons": "6.5.2",
+    "@fortawesome/free-solid-svg-icons": "6.5.2",
+    "@fortawesome/react-fontawesome": "0.2.2",
+    "animate.css": "4.1.1",
+    "babel-eslint": "10.1.0",
     "emergence.js": "1.1.2",
-    "eslint": "5.11.0",
-    "eslint-config-prettier": "3.3.0",
-    "eslint-plugin-prettier": "3.0.0",
-    "eslint-plugin-react": "7.11.1",
+    "eslint": "9.4.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-react": "7.34.2",
     "font-awesome": "4.7.0",
-    "gh-pages": "2.0.1",
-    "husky": "1.3.0",
-    "lint-staged": "8.1.0",
-    "lodash": "4.17.13",
-    "modern-normalize": "0.5.0",
-    "node-sass": "4.11.0",
-    "prettier": "1.15.3",
-    "prismjs": "1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-helmet": "5.2.1",
-    "textlint": "11.0.2",
-    "textlint-rule-preset-ja-spacing": "2.0.1",
-    "textlint-rule-preset-japanese": "4.0.0"
+    "gh-pages": "6.1.1",
+    "husky": "9.0.11",
+    "lint-staged": "15.2.5",
+    "lodash": "4.17.21",
+    "modern-normalize": "2.0.0",
+    "node-sass": "9.0.0",
+    "prettier": "3.3.1",
+    "prismjs": "1.29.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-helmet": "6.1.0",
+    "textlint": "14.0.4",
+    "textlint-rule-preset-ja-spacing": "2.4.3",
+    "textlint-rule-preset-japanese": "10.0.3"
   },
   "resolutions": {
     "natives": "1.1.3"
@@ -102,6 +108,6 @@
   },
   "homepage": "https://github.com/getredash/website#readme",
   "optionalDependencies": {
-    "fsevents": "^1.1.3"
+    "fsevents": "^2.3.3"
   }
 }