support gatsby@^5.0.0

Author: wiziple

.gitignore

@@ -69,4 +69,4 @@ yarn-error.log
 .yarn-integrity
 
 # plugin build
-/*.js
+/*.js

package-lock.json

@@ -1,30 +1,27 @@
 {
   "name": "gatsby-plugin-intl",
   "description": "Gatsby plugin to add react-intl onto a site",
-  "version": "0.3.3",
+  "version": "5.8.1",
   "author": "Daewoong Moon <[email protected]>",
   "bugs": {
     "url": "https://github.com/wiziple/gatsby-plugin-intl"
   },
   "dependencies": {
-    "@babel/runtime": "^7.8.4",
-    "@formatjs/intl-pluralrules": "^1.5.2",
-    "@formatjs/intl-relativetimeformat": "^4.5.9",
-    "browser-lang": "^0.1.0",
+    "@babel/runtime": "^7.21.0",
+    "@formatjs/intl-pluralrules": "^5.1.10",
+    "@formatjs/intl-relativetimeformat": "^11.1.10",
+    "browser-lang": "^0.2.1",
     "intl": "^1.2.5",
-    "react-intl": "^3.12.0"
+    "react-intl": "^6.3.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.8.4",
-    "babel-preset-gatsby-package": "^0.2.16",
-    "cross-env": "^7.0.0",
-    "jest": "^25.1.0",
-    "prettier": "^1.19.1",
-    "rimraf": "^3.0.2"
-  },
-  "peerDependencies": {
-    "gatsby": "^3.0.0"
+    "@babel/cli": "^7.21.0",
+    "@babel/core": "^7.21.3",
+    "babel-preset-gatsby-package": "^3.8.0",
+    "cross-env": "^7.0.3",
+    "jest": "^25.5.4",
+    "prettier": "^2.8.7",
+    "rimraf": "^4.4.1"
   },
   "homepage": "https://github.com/wiziple/gatsby-plugin-intl",
   "keywords": [
@@ -42,8 +39,8 @@
     "build": "babel src --out-dir . --ignore **/__tests__",
     "prepare": "cross-env NODE_ENV=production npm run build",
     "watch": "babel -w src --out-dir . --ignore **/__tests__",
-    "format": "prettier --write {src,__tests__}/**/*.{js,jsx}",
+    "format": "prettier --write {src,__tests__}/**/*.js",
     "test": "jest",
     "clean": "rimraf *.js"
   }
-}
+}

package.json

@@ -20,7 +20,7 @@ exports.onCreateWebpackConfig = ({ actions, plugins }, pluginOptions) => {
   if (!languages.includes(defaultLanguage)) {
     languages.push(defaultLanguage)
   }
-  const regex = new RegExp(languages.map(l => l.split("-")[0]).join("|"))
+  const regex = new RegExp(languages.map((l) => l.split("-")[0]).join("|"))
   actions.setWebpackConfig({
     plugins: [
       plugins.define({
@@ -95,7 +95,7 @@ exports.onCreatePage = async ({ page, actions }, pluginOptions) => {
   deletePage(page)
   createPage(newPage)
 
-  languages.forEach(language => {
+  languages.forEach((language) => {
     const localePage = generatePage(true, language)
     const regexp = new RegExp("/404/?$")
     if (regexp.test(localePage.path)) {

src/gatsby-node.js

@@ -3,29 +3,31 @@ import PropTypes from "prop-types"
 import { Link as GatsbyLink, navigate as gatsbyNavigate } from "gatsby"
 import { IntlContextConsumer } from "./intl-context"
 
-const Link = React.forwardRef(({ to, language, children, onClick, ...rest }, ref) => (
-  <IntlContextConsumer>
-    {intl => {
-      const languageLink = language || intl.language
-      const link = intl.routed || language ? `/${languageLink}${to}` : `${to}`
+const Link = React.forwardRef(
+  ({ to, language, children, onClick, ...rest }, ref) => (
+    <IntlContextConsumer>
+      {(intl) => {
+        const languageLink = language || intl.language
+        const link = intl.routed || language ? `/${languageLink}${to}` : `${to}`
 
-      const handleClick = e => {
-        if (language) {
-          localStorage.setItem("gatsby-intl-language", language)
+        const handleClick = (e) => {
+          if (language) {
+            localStorage.setItem("gatsby-intl-language", language)
+          }
+          if (onClick) {
+            onClick(e)
+          }
         }
-        if (onClick) {
-          onClick(e)
-        }
-      }
 
-      return (
-        <GatsbyLink {...rest} to={link} onClick={handleClick} ref={ref}>
-          {children}
-        </GatsbyLink>
-      )
-    }}
-  </IntlContextConsumer>
-))
+        return (
+          <GatsbyLink {...rest} to={link} onClick={handleClick} ref={ref}>
+            {children}
+          </GatsbyLink>
+        )
+      }}
+    </IntlContextConsumer>
+  )
+)
 
 Link.propTypes = {
   children: PropTypes.node.isRequired,
@@ -55,7 +57,7 @@ export const changeLocale = (language, to) => {
   }
   const { routed } = window.___gatsbyIntl
 
-  const removePrefix = pathname => {
+  const removePrefix = (pathname) => {
     const base =
       typeof __BASE_PATH__ !== `undefined` ? __BASE_PATH__ : __PATH_PREFIX__
     if (base && pathname.indexOf(base) === 0) {
@@ -64,7 +66,7 @@ export const changeLocale = (language, to) => {
     return pathname
   }
 
-  const removeLocalePart = pathname => {
+  const removeLocalePart = (pathname) => {
     if (!routed) {
       return pathname
     }

src/link.js

@@ -1,6 +1,6 @@
 import React from "react"
 import { injectIntl } from "react-intl"
-export default Component => props => {
+export default (Component) => (props) => {
   console.warn("withIntl is deprecated. Please use injectIntl instead.")
   return React.createElement(injectIntl(Component), props)
 }

src/with-intl.js

@@ -4,9 +4,9 @@ import { withPrefix } from "gatsby"
 import { IntlProvider } from "react-intl"
 import { IntlContextProvider } from "./intl-context"
 
-const preferDefault = m => (m && m.default) || m
+const preferDefault = (m) => (m && m.default) || m
 
-const polyfillIntl = language => {
+const polyfillIntl = (language) => {
   const locale = language.split("-")[0]
   try {
     if (!Intl.PluralRules) {
@@ -23,7 +23,7 @@ const polyfillIntl = language => {
   }
 }
 
-const withIntlProvider = (intl) => children => {
+const withIntlProvider = (intl) => (children) => {
   polyfillIntl(intl.language)
   return (
     <IntlProvider