BREAKING: Gatsby 5 (#1045)

LekoArts · Nov 9, 2022 · 0287240 · 0287240
1 parent 142b400
commit 0287240
Show file tree

Hide file tree

Showing 80 changed files with 1,172 additions and 1,154 deletions.
diff --git a/.changeset/early-cows-design.md b/.changeset/early-cows-design.md
@@ -0,0 +1,6 @@
+---
+"@lekoarts/rehype-meta-as-attributes": major
+"@lekoarts/themes-utils": major
+---
+
+Updating minimum required Node.js version to 18.
diff --git a/.changeset/loud-teachers-collect.md b/.changeset/loud-teachers-collect.md
@@ -0,0 +1,24 @@
+---
+"@lekoarts/gatsby-theme-cara": major
+"@lekoarts/gatsby-theme-emilia": major
+"@lekoarts/gatsby-theme-emilia-core": major
+"@lekoarts/gatsby-theme-emma": major
+"@lekoarts/gatsby-theme-emma-core": major
+"@lekoarts/gatsby-theme-graphql-playground": major
+"@lekoarts/gatsby-theme-jodie": major
+"@lekoarts/gatsby-theme-jodie-core": major
+"@lekoarts/gatsby-theme-minimal-blog": major
+"@lekoarts/gatsby-theme-minimal-blog-core": major
+"@lekoarts/gatsby-theme-specimens": major
+"@lekoarts/gatsby-theme-status-dashboard": major
+"@lekoarts/gatsby-theme-styleguide": major
+---
+
+Update to [Gatsby 5](https://www.gatsbyjs.com/gatsby-5/). [Gatsby 5 Migration Guide](https://v5.gatsbyjs.com/docs/reference/release-notes/migrating-from-v4-to-v5/).
+
+**Breaking Changes:**
+
+- Minimal Node.js version 18.0.0
+- Minimal required React version is 18
+
+For all other breaking changes, refer to the [Gatsby 5 Migration Guide](https://v5.gatsbyjs.com/docs/reference/release-notes/migrating-from-v4-to-v5/).
diff --git a/.github/workflows/e2e_testing.yml b/.github/workflows/e2e_testing.yml
@@ -15,7 +15,7 @@ jobs:
     timeout-minutes: 10
     runs-on: ubuntu-latest
     container:
-      image: cypress/browsers:node16.14.2-slim-chrome103-ff102
+      image: cypress/browsers:node18.12.0-chrome106-ff106
       options: --user 1001
     strategy:
       fail-fast: false

diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v18.10.0
+18
diff --git a/examples/cara/.npmrc b/examples/cara/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/cara/.nvmrc b/examples/cara/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/cara/gatsby-config.js b/examples/cara/gatsby-config.js
@@ -18,6 +18,7 @@ module.exports = {
     siteImage: `/banner.jpg`,
     author: `@lekoarts_de`,
   },
+  trailingSlash: `never`,
   plugins: [
     {
       resolve: `@lekoarts/gatsby-theme-cara`,

diff --git a/examples/cara/package.json b/examples/cara/package.json
@@ -17,8 +17,8 @@
   },
   "dependencies": {
     "@lekoarts/gatsby-theme-cara": "^4.0.0",
-    "gatsby": "^4.24.6",
-    "gatsby-plugin-manifest": "^4.24.0",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-manifest": "^5.0.0",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/examples/emilia/.npmrc b/examples/emilia/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/emilia/.nvmrc b/examples/emilia/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/emilia/gatsby-config.js b/examples/emilia/gatsby-config.js
@@ -18,6 +18,7 @@ module.exports = {
     siteImage: `/banner.jpg`,
     author: `@lekoarts_de`,
   },
+  trailingSlash: `never`,
   plugins: [
     {
       resolve: `@lekoarts/gatsby-theme-emilia`,

diff --git a/examples/emilia/package.json b/examples/emilia/package.json
@@ -17,9 +17,9 @@
   },
   "dependencies": {
     "@lekoarts/gatsby-theme-emilia": "^4.0.0",
-    "gatsby": "^4.24.6",
-    "gatsby-plugin-manifest": "^4.24.0",
-    "gatsby-plugin-sitemap": "^5.24.0",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-manifest": "^5.0.0",
+    "gatsby-plugin-sitemap": "^6.0.0",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/examples/emma/.npmrc b/examples/emma/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/emma/.nvmrc b/examples/emma/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/emma/gatsby-config.js b/examples/emma/gatsby-config.js
@@ -18,6 +18,7 @@ module.exports = {
     siteImage: `/banner.jpg`,
     author: `@lekoarts_de`,
   },
+  trailingSlash: `never`,
   plugins: [
     {
       resolve: `@lekoarts/gatsby-theme-emma`,

diff --git a/examples/emma/package.json b/examples/emma/package.json
@@ -17,9 +17,9 @@
   },
   "dependencies": {
     "@lekoarts/gatsby-theme-emma": "^4.0.0",
-    "gatsby": "^4.24.6",
-    "gatsby-plugin-manifest": "^4.24.0",
-    "gatsby-plugin-sitemap": "^5.24.0",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-manifest": "^5.0.0",
+    "gatsby-plugin-sitemap": "^6.0.0",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/examples/graphql-playground/.npmrc b/examples/graphql-playground/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/graphql-playground/.nvmrc b/examples/graphql-playground/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/graphql-playground/gatsby-config.js b/examples/graphql-playground/gatsby-config.js
@@ -6,6 +6,7 @@ const shouldAnalyseBundle = process.env.ANALYSE_BUNDLE
  * @type {import('gatsby').GatsbyConfig}
  */
 module.exports = {
+  trailingSlash: `never`,
   plugins: [
     {
       resolve: `@lekoarts/gatsby-theme-graphql-playground`,

diff --git a/examples/graphql-playground/package.json b/examples/graphql-playground/package.json
@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@lekoarts/gatsby-theme-graphql-playground": "^4.0.0",
-    "gatsby": "^4.24.6",
+    "gatsby": "^5.0.0",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/examples/jodie/.npmrc b/examples/jodie/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/jodie/.nvmrc b/examples/jodie/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/jodie/gatsby-config.js b/examples/jodie/gatsby-config.js
@@ -18,6 +18,7 @@ module.exports = {
     siteImage: `/banner.jpg`,
     author: `@lekoarts_de`,
   },
+  trailingSlash: `never`,
   plugins: [
     {
       resolve: `@lekoarts/gatsby-theme-jodie`,

diff --git a/examples/jodie/package.json b/examples/jodie/package.json
@@ -17,9 +17,9 @@
   },
   "dependencies": {
     "@lekoarts/gatsby-theme-jodie": "^4.0.0",
-    "gatsby": "^4.24.6",
-    "gatsby-plugin-manifest": "^4.24.0",
-    "gatsby-plugin-sitemap": "^5.24.0",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-manifest": "^5.0.0",
+    "gatsby-plugin-sitemap": "^6.0.0",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/examples/minimal-blog/.npmrc b/examples/minimal-blog/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/minimal-blog/.nvmrc b/examples/minimal-blog/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/minimal-blog/gatsby-config.js b/examples/minimal-blog/gatsby-config.js
@@ -18,6 +18,7 @@ module.exports = {
     siteImage: `/banner.jpg`,
     author: `@lekoarts_de`,
   },
+  trailingSlash: `never`,
   plugins: [
     {
       resolve: `@lekoarts/gatsby-theme-minimal-blog`,
@@ -108,18 +109,16 @@ module.exports = {
                   custom_elements: [{ "content:encoded": content }],
                 }
               }),
-            query: `
-              {
-                allPost(sort: { fields: date, order: DESC }) {
-                  nodes {
-                    title
-                    date(formatString: "MMMM D, YYYY")
-                    excerpt
-                    slug
-                  }
-                }
-              }
-            `,
+            query: `{
+  allPost(sort: {date: DESC}) {
+    nodes {
+      title
+      date(formatString: "MMMM D, YYYY")
+      excerpt
+      slug
+    }
+  }
+}`,
             output: `rss.xml`,
             title: `Minimal Blog - @lekoarts/gatsby-theme-minimal-blog`,
           },

diff --git a/examples/minimal-blog/package.json b/examples/minimal-blog/package.json
@@ -17,14 +17,13 @@
   },
   "dependencies": {
     "@lekoarts/gatsby-theme-minimal-blog": "^5.0.0",
-    "gatsby": "^4.24.6",
-    "gatsby-plugin-feed": "^4.24.0",
-    "gatsby-plugin-manifest": "^4.24.0",
-    "gatsby-plugin-sitemap": "^5.24.0",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-feed": "^5.0.0",
+    "gatsby-plugin-manifest": "^5.0.0",
+    "gatsby-plugin-sitemap": "^6.0.0",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-helmet": "^6.1.0"
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "cross-env": "^7.0.3"

diff --git a/examples/specimens/.npmrc b/examples/specimens/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/specimens/.nvmrc b/examples/specimens/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/specimens/gatsby-config.js b/examples/specimens/gatsby-config.js
@@ -14,6 +14,7 @@ module.exports = {
     banner: `https://specimens.lekoarts.de/banner.jpg`,
     siteUrl: `https://specimens.lekoarts.de`,
   },
+  trailingSlash: `never`,
   plugins: [
     {
       resolve: `@lekoarts/gatsby-theme-specimens`,

diff --git a/examples/specimens/package.json b/examples/specimens/package.json
@@ -24,13 +24,13 @@
     "@mdx-js/react": "^2.1.5",
     "@theme-ui/mdx": "^0.15.3",
     "@theme-ui/presets": "^0.15.3",
-    "gatsby": "^4.24.6",
-    "gatsby-plugin-catch-links": "^4.24.0",
-    "gatsby-plugin-manifest": "^4.24.0",
-    "gatsby-plugin-mdx": "^4.3.0",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-catch-links": "^5.0.0",
+    "gatsby-plugin-manifest": "^5.0.0",
+    "gatsby-plugin-mdx": "^5.0.0",
     "gatsby-plugin-theme-ui": "^0.15.3",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
-    "gatsby-source-filesystem": "^4.24.0",
+    "gatsby-source-filesystem": "^5.0.0",
     "prism-react-renderer": "^1.3.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/examples/status-dashboard/.npmrc b/examples/status-dashboard/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/status-dashboard/.nvmrc b/examples/status-dashboard/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/status-dashboard/gatsby-config.js b/examples/status-dashboard/gatsby-config.js
@@ -11,6 +11,7 @@ module.exports = {
     siteName: process.env.SITE_TITLE || `Status Dashboard - LekoArts`,
     siteDescription: process.env.SITE_DESCRIPTION || `Showing the statuses of my Netlify deploys & CircleCI tests.`,
   },
+  trailingSlash: `never`,
   plugins: [
     // See the theme's README for all available components
     `@lekoarts/gatsby-theme-status-dashboard`,

diff --git a/examples/status-dashboard/package.json b/examples/status-dashboard/package.json
@@ -18,9 +18,9 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@lekoarts/gatsby-theme-status-dashboard": "^4.0.0",
-    "gatsby": "^4.24.6",
-    "gatsby-plugin-emotion": "^7.24.0",
-    "gatsby-plugin-manifest": "^4.24.0",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-emotion": "^8.0.0",
+    "gatsby-plugin-manifest": "^5.0.0",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/examples/styleguide/.npmrc b/examples/styleguide/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/examples/styleguide/.nvmrc b/examples/styleguide/.nvmrc
@@ -0,0 +1 @@
+18
diff --git a/examples/styleguide/gatsby-config.js b/examples/styleguide/gatsby-config.js
@@ -15,6 +15,7 @@ module.exports = {
     siteImage: `/banner.jpg`,
     author: `@lekoarts_de`,
   },
+  trailingSlash: `never`,
   plugins: [
     `gatsby-plugin-theme-ui`,
     {

diff --git a/examples/styleguide/package.json b/examples/styleguide/package.json
@@ -19,7 +19,7 @@
     "@emotion/react": "^11.10.5",
     "@lekoarts/gatsby-theme-styleguide": "^4.0.0",
     "@theme-ui/mdx": "^0.15.3",
-    "gatsby": "^4.24.6",
+    "gatsby": "^5.0.0",
     "gatsby-plugin-theme-ui": "^0.15.3",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",

diff --git a/package.json b/package.json
@@ -65,7 +65,7 @@
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "fs-extra": "^10.1.0",
-    "gatsby-cypress": "^2.24.0",
+    "gatsby-cypress": "^3.0.0",
     "glob": "^8.0.3",
     "happy-dom": "^6.0.4",
     "husky": "^8.0.1",

diff --git a/packages/rehype-meta-as-attributes/package.json b/packages/rehype-meta-as-attributes/package.json
@@ -35,6 +35,6 @@
     "directory": "packages/rehype-meta-as-attributes"
   },
   "engines": {
-    "node": ">=14.15.0"
+    "node": ">=18.0.0"
   }
 }
diff --git a/packages/themes-utils/package.json b/packages/themes-utils/package.json
@@ -35,6 +35,6 @@
     "directory": "packages/themes-utils"
   },
   "engines": {
-    "node": ">=14.15.0"
+    "node": ">=18.0.0"
   }
 }
diff --git a/plop-templates/example/package.json.hbs b/plop-templates/example/package.json.hbs
@@ -17,8 +17,8 @@
   },
   "dependencies": {
     "@lekoarts/gatsby-theme-{{kebabCase name}}": "*",
-    "gatsby": "^4.0.0",
-    "gatsby-plugin-manifest": "^4.0.0",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-manifest": "^5.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

diff --git a/plop-templates/theme-core-parent/package.json.hbs b/plop-templates/theme-core-parent/package.json.hbs
@@ -15,7 +15,7 @@
     "clean": "gatsby clean"
   },
   "peerDependencies": {
-    "gatsby": "^4.0.0",
+    "gatsby": "^5.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

diff --git a/plop-templates/theme-core/package.json.hbs b/plop-templates/theme-core/package.json.hbs
@@ -15,14 +15,14 @@
     "clean": "gatsby clean"
   },
   "peerDependencies": {
-    "gatsby": "^4.0.0",
+    "gatsby": "^5.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "gatsby-plugin-sharp": "^4.0.0",
-    "gatsby-source-filesystem": "^4.0.0",
-    "gatsby-transformer-sharp": "^4.0.0"
+    "gatsby-plugin-sharp": "^5.0.0",
+    "gatsby-source-filesystem": "^5.0.0",
+    "gatsby-transformer-sharp": "^5.0.0"
   },
   "keywords": [
     "gatsby",

diff --git a/plop-templates/theme/package.json.hbs b/plop-templates/theme/package.json.hbs
@@ -15,7 +15,7 @@
     "clean": "gatsby clean"
   },
   "peerDependencies": {
-    "gatsby": "^4.0.0",
+    "gatsby": "^5.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },