From 9503229ae0b6749d41aaa9c14a0a720eed829561 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 24 Mar 2020 09:04:30 +0100
Subject: [PATCH] package updates

---
 content/tutorials/token-bridge.md             |  1 -
 gatsby-node.js                                | 14 ++---
 package.json                                  | 52 +++++++++----------
 src/components/DocHeader.jsx                  |  4 +-
 src/components/Footer.jsx                     |  4 +-
 src/components/Header.jsx                     |  2 +-
 src/components/HeaderHome.jsx                 |  2 +-
 src/components/QuickRun.jsx                   |  2 +-
 .../Repositories/RepositoryList.jsx           |  2 +-
 src/components/Repositories/index.jsx         |  2 +-
 src/components/Repository/Links.jsx           |  2 +-
 src/components/Repository/Numbers.jsx         |  4 +-
 src/components/Repository/Readme.jsx          |  5 +-
 src/components/Repository/index.jsx           |  8 +--
 src/components/Scroll.jsx                     |  2 +-
 src/components/Seo.jsx                        |  2 +-
 src/components/Sidebar.jsx                    |  2 +-
 src/pages/404.jsx                             |  2 +-
 src/templates/Swagger/Paths.jsx               |  6 +--
 src/templates/Swagger/Toc.jsx                 |  2 +-
 src/templates/Swagger/utils.js                |  2 +-
 src/templates/Typedoc/Entities.jsx            |  4 +-
 src/templates/Typedoc/utils.js                |  4 +-
 23 files changed, 62 insertions(+), 68 deletions(-)

diff --git a/content/tutorials/token-bridge.md b/content/tutorials/token-bridge.md
index 70b756b7..7a395b9c 100644
--- a/content/tutorials/token-bridge.md
+++ b/content/tutorials/token-bridge.md
@@ -13,7 +13,6 @@ It's based on the [TokenBridge by POA Network](https://medium.com/poa-network/in
 
 ## Using the Token Bridge
 
-
 ### Ethereum Mainnet → Ocean Pacific
 
 If you want to transfer OCEAN out of the Ethereum Mainnet, then first you need an Ethereum account with some OCEAN in the Ethereum Mainnet, and be connected to Ethereum Mainnet in MetaMask. If you want to get some OCEAN in the Ethereum Mainnet, then see the page about [Ocean Tokens](/concepts/ocean-tokens/).
diff --git a/gatsby-node.js b/gatsby-node.js
index cc31d127..1bf907c4 100755
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -114,7 +114,7 @@ exports.createPages = ({ graphql, actions }) => {
                         }
                     }
                 `
-            ).then(async result => {
+            ).then(async (result) => {
                 if (result.errors) {
                     console.log(result.errors)
                     reject(result.errors)
@@ -126,7 +126,7 @@ exports.createPages = ({ graphql, actions }) => {
                 //
                 // Create Doc pages
                 //
-                posts.forEach(post => {
+                posts.forEach((post) => {
                     createPage({
                         path: `${post.node.fields.slug}`,
                         component: docTemplate,
@@ -145,14 +145,14 @@ exports.createPages = ({ graphql, actions }) => {
                 postsDevOcean
                     // only grab files with required frontmatter defined
                     .filter(
-                        post =>
+                        (post) =>
                             post.node.frontmatter &&
                             post.node.frontmatter.slug &&
                             post.node.frontmatter.title &&
                             post.node.frontmatter.description &&
                             post.node.frontmatter.section
                     )
-                    .forEach(post => {
+                    .forEach((post) => {
                         createPage({
                             path: `${post.node.fields.slug}`,
                             component: docTemplate,
@@ -255,7 +255,7 @@ const createTypeDocPage = async (createPage, name, downloadUrl) => {
 // Create pages from swagger json files
 //
 // https://github.com/swagger-api/swagger-js
-const fetchSwaggerSpec = async name => {
+const fetchSwaggerSpec = async (name) => {
     try {
         const client = await Swagger(
             `https://${name}.commons.oceanprotocol.com/spec`
@@ -275,11 +275,11 @@ const fetchSwaggerSpec = async name => {
     }
 }
 
-const createSwaggerPages = async createPage => {
+const createSwaggerPages = async (createPage) => {
     const swaggerComponents = ['aquarius', 'brizo']
     const apiSwaggerTemplate = path.resolve('./src/templates/Swagger/index.jsx')
 
-    const getSlug = name => {
+    const getSlug = (name) => {
         const slug = `/references/${name}/`
         return slug
     }
diff --git a/package.json b/package.json
index 42cb982a..f16aaa66 100644
--- a/package.json
+++ b/package.json
@@ -25,38 +25,38 @@
     "@oceanprotocol/art": "^2.2.0",
     "axios": "^0.19.2",
     "classnames": "^2.2.6",
-    "gatsby": "^2.19.43",
-    "gatsby-image": "^2.2.43",
-    "gatsby-plugin-catch-links": "^2.1.27",
-    "gatsby-plugin-google-analytics": "^2.1.37",
-    "gatsby-plugin-manifest": "^2.2.47",
-    "gatsby-plugin-offline": "^3.0.40",
-    "gatsby-plugin-react-helmet": "^3.1.23",
-    "gatsby-plugin-sass": "^2.1.30",
-    "gatsby-plugin-sharp": "^2.4.12",
-    "gatsby-plugin-sitemap": "^2.2.29",
+    "gatsby": "^2.20.3",
+    "gatsby-image": "^2.3.1",
+    "gatsby-plugin-catch-links": "^2.2.1",
+    "gatsby-plugin-google-analytics": "^2.2.1",
+    "gatsby-plugin-manifest": "^2.3.2",
+    "gatsby-plugin-offline": "^3.1.1",
+    "gatsby-plugin-react-helmet": "^3.2.1",
+    "gatsby-plugin-sass": "^2.2.1",
+    "gatsby-plugin-sharp": "^2.5.2",
+    "gatsby-plugin-sitemap": "^2.3.1",
     "gatsby-plugin-svgr": "^2.0.2",
     "gatsby-plugin-webpack-size": "^1.0.0",
-    "gatsby-remark-autolink-headers": "^2.1.25",
+    "gatsby-remark-autolink-headers": "^2.2.1",
     "gatsby-remark-code-titles": "^1.1.0",
     "gatsby-remark-component": "^1.1.3",
-    "gatsby-remark-copy-linked-files": "^2.1.39",
+    "gatsby-remark-copy-linked-files": "^2.2.1",
     "gatsby-remark-embed-video": "^2.0.1",
     "gatsby-remark-github": "^2.0.0",
-    "gatsby-remark-images": "^3.1.49",
-    "gatsby-remark-responsive-iframe": "^2.2.33",
-    "gatsby-remark-smartypants": "^2.1.22",
+    "gatsby-remark-images": "^3.2.1",
+    "gatsby-remark-responsive-iframe": "^2.3.1",
+    "gatsby-remark-smartypants": "^2.2.1",
     "gatsby-remark-vscode": "^2.0.3",
-    "gatsby-source-filesystem": "^2.1.55",
-    "gatsby-source-graphql": "^2.1.34",
-    "gatsby-transformer-remark": "^2.6.58",
-    "gatsby-transformer-sharp": "^2.3.18",
-    "gatsby-transformer-xml": "^2.1.25",
-    "gatsby-transformer-yaml": "^2.2.26",
+    "gatsby-source-filesystem": "^2.2.2",
+    "gatsby-source-graphql": "^2.2.1",
+    "gatsby-transformer-remark": "^2.7.1",
+    "gatsby-transformer-sharp": "^2.4.2",
+    "gatsby-transformer-xml": "^2.2.1",
+    "gatsby-transformer-yaml": "^2.3.1",
     "giphy-js-sdk-core": "^1.0.6",
     "intersection-observer": "^0.7.0",
-    "react": "^16.13.0",
-    "react-dom": "^16.13.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
     "react-helmet": "^5.2.1",
     "react-scrollspy": "^3.4.2",
     "rehype-react": "^5.0.0",
@@ -69,16 +69,16 @@
     "swagger-client": "^3.10.0"
   },
   "devDependencies": {
-    "@svgr/webpack": "^5.2.0",
+    "@svgr/webpack": "^5.3.0",
     "dotenv": "^8.2.0",
     "eslint": "^6.8.0",
     "eslint-config-oceanprotocol": "^1.5.0",
-    "eslint-config-prettier": "^6.10.0",
+    "eslint-config-prettier": "^6.10.1",
     "eslint-plugin-prettier": "^3.1.2",
     "markdownlint-cli": "^0.22.0",
     "node-sass": "^4.13.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "^1.19.1",
+    "prettier": "^2.0.2",
     "prettier-stylelint": "^0.4.2",
     "stylelint": "^13.2.1",
     "stylelint-config-bigchaindb": "^1.2.2",
diff --git a/src/components/DocHeader.jsx b/src/components/DocHeader.jsx
index 4a7aab49..82789c1d 100644
--- a/src/components/DocHeader.jsx
+++ b/src/components/DocHeader.jsx
@@ -7,9 +7,7 @@ import styles from './DocHeader.module.scss'
 const DocHeader = ({ title, description, prepend }) => {
     const descriptionHtml =
         description &&
-        remark()
-            .use(remarkReact)
-            .processSync(description).contents
+        remark().use(remarkReact).processSync(description).contents
 
     return (
         <header className={styles.header}>
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 7a086998..c8a236a2 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -24,7 +24,7 @@ const query = graphql`
 
 const FooterSocial = ({ social }) => (
     <nav className={styles.links}>
-        {Object.keys(social).map(key => (
+        {Object.keys(social).map((key) => (
             <a key={key} href={social[key]}>
                 {key}
             </a>
@@ -39,7 +39,7 @@ FooterSocial.propTypes = {
 const Footer = () => (
     <StaticQuery
         query={query}
-        render={data => {
+        render={(data) => {
             const { siteCompany, social } = data.site.siteMetadata
 
             return (
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index d8c66340..9044c95e 100755
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -26,7 +26,7 @@ const query = graphql`
 const Header = () => (
     <StaticQuery
         query={query}
-        render={data => {
+        render={(data) => {
             const { siteTitle } = data.site.siteMetadata
             const sections = data.allSectionsYaml.edges
 
diff --git a/src/components/HeaderHome.jsx b/src/components/HeaderHome.jsx
index 3be06e3f..c91d737f 100644
--- a/src/components/HeaderHome.jsx
+++ b/src/components/HeaderHome.jsx
@@ -16,7 +16,7 @@ const HeaderHome = () => (
                 }
             }
         `}
-        render={data => {
+        render={(data) => {
             const { siteTitle, siteDescription } = data.site.siteMetadata
 
             return (
diff --git a/src/components/QuickRun.jsx b/src/components/QuickRun.jsx
index a874cef7..4f69343c 100644
--- a/src/components/QuickRun.jsx
+++ b/src/components/QuickRun.jsx
@@ -18,7 +18,7 @@ const QuickRun = () => (
                 }
             }
         `}
-        render={data => (
+        render={(data) => (
             <aside className={styles.quickrun}>
                 <header className={styles.header}>
                     <h1 className={styles.tldr}>TL;DR</h1>
diff --git a/src/components/Repositories/RepositoryList.jsx b/src/components/Repositories/RepositoryList.jsx
index 5d392af2..0656290f 100644
--- a/src/components/Repositories/RepositoryList.jsx
+++ b/src/components/Repositories/RepositoryList.jsx
@@ -10,7 +10,7 @@ const RepositoryList = ({ repositories }) => (
                 <h3 className={styles.repositoryCategoryTitle}>{node.group}</h3>
 
                 <div className={styles.repositoryList}>
-                    {node.items.map(item => (
+                    {node.items.map((item) => (
                         <Repository
                             key={item.name}
                             name={item.name}
diff --git a/src/components/Repositories/index.jsx b/src/components/Repositories/index.jsx
index 16749f39..0b14e20a 100644
--- a/src/components/Repositories/index.jsx
+++ b/src/components/Repositories/index.jsx
@@ -26,7 +26,7 @@ const query = graphql`
 const Repositories = () => (
     <StaticQuery
         query={query}
-        render={data => {
+        render={(data) => {
             const repositories = data.allRepositoriesYaml.edges
 
             return (
diff --git a/src/components/Repository/Links.jsx b/src/components/Repository/Links.jsx
index 74df2146..7a76cbc5 100644
--- a/src/components/Repository/Links.jsx
+++ b/src/components/Repository/Links.jsx
@@ -9,7 +9,7 @@ export default function Links({ links, url }) {
                 <a href={url}>GitHub</a>
             </li>
             {links &&
-                links.map(link => (
+                links.map((link) => (
                     <li key={link.url}>
                         <a href={link.url}>{link.name}</a>
                     </li>
diff --git a/src/components/Repository/Numbers.jsx b/src/components/Repository/Numbers.jsx
index 60cea958..2f5f4fcb 100644
--- a/src/components/Repository/Numbers.jsx
+++ b/src/components/Repository/Numbers.jsx
@@ -42,12 +42,12 @@ export default class Numbers extends PureComponent {
             })
 
             const repo = response.data
-                .map(item => {
+                .map((item) => {
                     if (item.name === this.props.name) {
                         return item
                     }
                 })
-                .filter(n => n)
+                .filter((n) => n)
 
             const { forks, stars } = repo
 
diff --git a/src/components/Repository/Readme.jsx b/src/components/Repository/Readme.jsx
index 5050a4de..424cf000 100644
--- a/src/components/Repository/Readme.jsx
+++ b/src/components/Repository/Readme.jsx
@@ -6,10 +6,7 @@ import styles from './Readme.module.scss'
 
 export default function Readme({ object }) {
     const readmeHtml =
-        object &&
-        remark()
-            .use(remarkReact)
-            .processSync(object.text).contents
+        object && remark().use(remarkReact).processSync(object.text).contents
 
     return (
         object && (
diff --git a/src/components/Repository/index.jsx b/src/components/Repository/index.jsx
index 9ddc489c..684b7ada 100644
--- a/src/components/Repository/index.jsx
+++ b/src/components/Repository/index.jsx
@@ -68,7 +68,7 @@ const queryGithub = graphql`
 const Repository = ({ name, links, readme }) => (
     <StaticQuery
         query={queryGithub}
-        render={data => {
+        render={(data) => {
             const repositoriesGitHub =
                 data.github.organization.repositories.edges
             const repositoriesYaml = data.allRepositoriesYaml.edges
@@ -79,7 +79,7 @@ const Repository = ({ name, links, readme }) => (
                 .map(({ node }) => {
                     if (node.name === name) return node
                 })
-                .filter(n => n)
+                .filter((n) => n)
 
             const repo = repoFilteredArray[0]
 
@@ -103,14 +103,14 @@ const Repository = ({ name, links, readme }) => (
             const linksFilteredArray = []
 
             repositoriesYaml.map(({ node }) => {
-                node.items.forEach(item => {
+                node.items.forEach((item) => {
                     if (item.name === name) {
                         linksFilteredArray.push(item.links)
                     }
                 })
             })
 
-            const moreLinks = links || linksFilteredArray.filter(n => n)[0]
+            const moreLinks = links || linksFilteredArray.filter((n) => n)[0]
 
             return (
                 <article className={styles.repository}>
diff --git a/src/components/Scroll.jsx b/src/components/Scroll.jsx
index 06fbfae4..a65d1473 100644
--- a/src/components/Scroll.jsx
+++ b/src/components/Scroll.jsx
@@ -15,7 +15,7 @@ export default class TocScroll extends React.Component {
         smoothscroll.polyfill()
     }
 
-    handleClick = e => {
+    handleClick = (e) => {
         e.preventDefault()
 
         let elem = 0
diff --git a/src/components/Seo.jsx b/src/components/Seo.jsx
index 8f4101b0..b24c7635 100644
--- a/src/components/Seo.jsx
+++ b/src/components/Seo.jsx
@@ -127,7 +127,7 @@ MetaTags.propTypes = {
 const Seo = ({ title, description, slug, article, location }) => (
     <StaticQuery
         query={query}
-        render={data => {
+        render={(data) => {
             const siteMeta = data.site.siteMetadata
             const shareImage =
                 data.shareImage.edges[0].node.childImageSharp.original.src
diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
index 5cc4952b..b6cb3726 100644
--- a/src/components/Sidebar.jsx
+++ b/src/components/Sidebar.jsx
@@ -130,7 +130,7 @@ export default class Sidebar extends Component {
                     <div key={i}>
                         {collapsed ? (
                             group.items.some(
-                                item => item.link === location.pathname
+                                (item) => item.link === location.pathname
                             ) ? (
                                 <SidebarGroup
                                     i={i}
diff --git a/src/pages/404.jsx b/src/pages/404.jsx
index 7f5652f2..c91b859d 100755
--- a/src/pages/404.jsx
+++ b/src/pages/404.jsx
@@ -37,7 +37,7 @@ export default class NotFoundPage extends Component {
         }
     }
 
-    handleClick = e => {
+    handleClick = (e) => {
         e.preventDefault()
         this.getRandomGif()
     }
diff --git a/src/templates/Swagger/Paths.jsx b/src/templates/Swagger/Paths.jsx
index 0f462173..30bda63e 100644
--- a/src/templates/Swagger/Paths.jsx
+++ b/src/templates/Swagger/Paths.jsx
@@ -25,7 +25,7 @@ const ParameterExample = ({ properties }) => (
         <code className="language-json">
             {'{'}
             {properties &&
-                Object.keys(properties).map(key => (
+                Object.keys(properties).map((key) => (
                     <div key={key}>
                         <span className="token property">{`  "${key}"`}</span>
                         <span className="token operator">: </span>
@@ -57,7 +57,7 @@ const Parameters = ({ parameters }) => (
     <>
         <h4 className={styles.subHeading}>Parameters</h4>
 
-        {parameters.map(parameter => {
+        {parameters.map((parameter) => {
             const { name, type, required, description, schema } = parameter
 
             return (
@@ -93,7 +93,7 @@ Parameters.propTypes = {
 const Responses = ({ responses }) => (
     <>
         <h4 className={styles.subHeading}>Responses</h4>
-        {Object.keys(responses).map(key => (
+        {Object.keys(responses).map((key) => (
             <div key={key} className={styles.response}>
                 <code>{key}</code> {responses[key].description}
             </div>
diff --git a/src/templates/Swagger/Toc.jsx b/src/templates/Swagger/Toc.jsx
index e633536f..ded13aff 100644
--- a/src/templates/Swagger/Toc.jsx
+++ b/src/templates/Swagger/Toc.jsx
@@ -9,7 +9,7 @@ import stylesSidebar from '../../components/Sidebar.module.scss'
 const Toc = ({ data }) => {
     const Ids = []
 
-    const items = Object.keys(data.paths).map(key => {
+    const items = Object.keys(data.paths).map((key) => {
         Ids.push(slugify(cleanPathKey(key)))
 
         return (
diff --git a/src/templates/Swagger/utils.js b/src/templates/Swagger/utils.js
index 5f431dd3..96dcd316 100644
--- a/src/templates/Swagger/utils.js
+++ b/src/templates/Swagger/utils.js
@@ -1,4 +1,4 @@
-export const cleanPathKey = key => {
+export const cleanPathKey = (key) => {
     let keyCleaned = key
 
     if (key.includes('aquarius')) {
diff --git a/src/templates/Typedoc/Entities.jsx b/src/templates/Typedoc/Entities.jsx
index 7a00c891..6737966f 100644
--- a/src/templates/Typedoc/Entities.jsx
+++ b/src/templates/Typedoc/Entities.jsx
@@ -80,7 +80,7 @@ const MethodDetails = ({ property }) => {
                 <div>
                     <h4 className={styles.subHeading}>Parameters</h4>
 
-                    {parameters.map(parameter => {
+                    {parameters.map((parameter) => {
                         const { name, type, flags, comment } = parameter
                         const { isOptional } = flags
                         const description =
@@ -242,7 +242,7 @@ const Entities = ({ entities, sourceUrl }) =>
             {children &&
                 children
                     .filter(filterByKindOfProperty)
-                    .map(property => (
+                    .map((property) => (
                         <PropertyWrapper
                             key={shortid.generate()}
                             property={property}
diff --git a/src/templates/Typedoc/utils.js b/src/templates/Typedoc/utils.js
index 8ef00320..80b0dab1 100644
--- a/src/templates/Typedoc/utils.js
+++ b/src/templates/Typedoc/utils.js
@@ -2,7 +2,7 @@ export const cleanTypedocData = (data, useClasses) => {
     const nodes = data.children
 
     const cleanData = nodes
-        .map(node => {
+        .map((node) => {
             const child =
                 node.children &&
                 node.children.filter(
@@ -18,7 +18,7 @@ export const cleanTypedocData = (data, useClasses) => {
         .filter(({ name }) => (useClasses || []).includes(name))
         .sort((a, b) => useClasses.indexOf(a.name) - useClasses.indexOf(b.name))
         .map(({ child }) => child)
-        .map(node => ({
+        .map((node) => ({
             ...node,
             children:
                 node &&