chore(deps): monthly dependencies update along with necessary changes

Side:
- In order to deliver monthly deps update I had to modify a bit md content so, that images paths are relative (/images -> ./images): otherwise new version of mdx plugin tries to find them in static folder
- Removed native blockquote syntax inside custom Blockquote component, that simplifies usage and component logic

Author: Kirill Bolotsky

gatsby-node.js

@@ -132,6 +132,11 @@ async function createDocPages({ graphql, actions, reporter }) {
       );
       return;
     }
+    if (typeof remarkNode.frontmatter === 'undefined') {
+      reporter.warn(
+        `\nFrontmatter data is missing, unable to generate. Check the following file:\n\n ${relativeDirectory}/${name}`,
+      );
+    }
     const {
       frontmatter,
       frontmatter: { title, redirect, draft, slug: customSlug },

package-lock.json

@@ -21,40 +21,40 @@
     "check:blc": "wait-on tcp:8000 && blc http://localhost:8000 -rof"
   },
   "dependencies": {
-    "@mdx-js/mdx": "^1.6.6",
-    "@mdx-js/react": "^1.6.6",
-    "algoliasearch": "^4.4.0",
-    "chunk-text": "^1.0.5",
+    "@mdx-js/mdx": "^1.6.18",
+    "@mdx-js/react": "^1.6.18",
+    "algoliasearch": "^4.5.1",
+    "chunk-text": "^2.0.1",
     "classnames": "^2.2.6",
-    "date-fns": "^2.7.0",
+    "date-fns": "^2.16.1",
     "dateformat": "^3.0.3",
     "dotenv": "^8.1.0",
-    "gatsby": "^2.24.47",
-    "gatsby-image": "^2.4.16",
-    "gatsby-plugin-algolia": "^0.11.0",
-    "gatsby-plugin-catch-links": "^2.1.24",
-    "gatsby-plugin-google-analytics": "^2.1.35",
+    "gatsby": "^2.24.73",
+    "gatsby-image": "^2.4.21",
+    "gatsby-plugin-algolia": "^0.12.1",
+    "gatsby-plugin-catch-links": "^2.3.15",
+    "gatsby-plugin-google-analytics": "^2.3.17",
     "gatsby-plugin-google-fonts": "^1.0.1",
-    "gatsby-plugin-manifest": "^2.4.23",
-    "gatsby-plugin-mdx": "^1.2.34",
-    "gatsby-plugin-offline": "^3.2.23",
-    "gatsby-plugin-react-helmet": "^3.1.11",
+    "gatsby-plugin-manifest": "^2.4.34",
+    "gatsby-plugin-mdx": "^1.2.46",
+    "gatsby-plugin-offline": "^3.2.31",
+    "gatsby-plugin-react-helmet": "^3.3.14",
     "gatsby-plugin-react-helmet-canonical-urls": "^1.4.0",
-    "gatsby-plugin-remove-trailing-slashes": "^2.1.10",
+    "gatsby-plugin-remove-trailing-slashes": "^2.3.13",
     "gatsby-plugin-resolve-src": "^2.0.0",
-    "gatsby-plugin-s3": "^0.3.3",
-    "gatsby-plugin-sass": "^2.3.5",
+    "gatsby-plugin-s3": "^0.3.5",
+    "gatsby-plugin-sass": "^2.3.16",
     "gatsby-plugin-sentry": "^1.0.1",
-    "gatsby-plugin-sharp": "^2.6.27",
-    "gatsby-plugin-sitemap": "^2.2.26",
+    "gatsby-plugin-sharp": "^2.6.40",
+    "gatsby-plugin-sitemap": "^2.4.15",
     "gatsby-plugin-svgr-svgo": "^1.0.12",
-    "gatsby-remark-copy-linked-files": "^2.1.36",
-    "gatsby-remark-images": "^3.3.29",
-    "gatsby-remark-prismjs": "^3.3.18",
-    "gatsby-remark-relative-images": "^0.3.0",
-    "gatsby-source-filesystem": "^2.3.24",
-    "gatsby-transformer-json": "^2.2.16",
-    "gatsby-transformer-sharp": "^2.5.13",
+    "gatsby-remark-copy-linked-files": "^2.3.19",
+    "gatsby-remark-images": "^3.3.33",
+    "gatsby-remark-prismjs": "^3.5.16",
+    "gatsby-remark-relative-images": "^2.0.2",
+    "gatsby-source-filesystem": "^2.3.34",
+    "gatsby-transformer-json": "^2.4.14",
+    "gatsby-transformer-sharp": "^2.5.17",
     "node-sass": "^4.14.1",
     "prismjs": "^1.21.0",
     "qs": "^6.9.1",
@@ -65,24 +65,24 @@
     "react-helmet": "^6.1.0",
     "react-instantsearch-dom": "^6.2.0",
     "react-sticky": "^6.0.3",
-    "yarn": "^1.22.0"
+    "yarn": "^1.22.10"
   },
   "devDependencies": {
-    "@babel/core": "^7.11.1",
+    "@babel/core": "^7.11.6",
     "@svgr/webpack": "^5.4.0",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.6",
     "broken-link-checker": "^0.7.8",
     "concurrently": "^5.3.0",
     "eslint-config-airbnb": "^18.0.1",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-import": "^2.18.2",
+    "eslint-config-prettier": "^6.12.0",
+    "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-mdx": "^1.8.2",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.20.6",
-    "husky": "^4.2.5",
-    "lint-staged": "^10.2.11",
+    "eslint-plugin-react": "^7.21.3",
+    "husky": "^4.3.0",
+    "lint-staged": "^10.4.0",
     "wait-on": "^5.2.0"
   }
-}
+}

package.json

@@ -1,9 +1,9 @@
-import React from 'react';
 import classNames from 'classnames';
+import React from 'react';
+
 import styles from './blockquote.module.scss';
 
 const Blockquote = ({ children, mod = 'default' }) => {
-  // prevent nesting blockquote tags
   // create optional kicker in case of modifications
   const getKicker = (mod) => {
     const kickers = {
@@ -19,7 +19,7 @@ const Blockquote = ({ children, mod = 'default' }) => {
       })}
     >
       {getKicker(mod)}
-      {mod === 'default' ? children : children.props.children}
+      {children}
     </blockquote>
   );
 };

src/components/shared/blockquote/blockquote.view.js

@@ -7,7 +7,7 @@ By default, the `k6 run` command prints runtime information and general results
 
 ## Standard output
 
-![k6 results - console/stdout output](/images/k6-results-stdout.png)
+![k6 results - console/stdout output](./images/k6-results-stdout.png)
 
 When k6 displays the results to `stdout`, it will show the k6 logo and the following test information:
 

src/data/markdown/docs/01 guides/01 Getting started/04 Results Output.md

@@ -195,4 +195,4 @@ for (var id = 1; id <= 100; id++) {
 
 [k6 Cloud Results's HTTP Table](/cloud/analyzing-results/http-tab) will show all the requests, on an aggregated level per URL.
 
-![k6 Cloud URL table](/images/HTTP-requests/cloud-insights-http-tab.png)
+![k6 Cloud URL table](./images/HTTP-requests/cloud-insights-http-tab.png)

src/data/markdown/docs/01 guides/02 Using k6/01 HTTP requests.md

@@ -85,8 +85,8 @@ export default function () {
   const result = check(res, {
     'status is 200': (r) => r.status == 200,
   });
-  
-  errorRate.add(result ? 0 : 1)
+
+  errorRate.add(result ? 0 : 1);
 }
 ```
 
@@ -117,4 +117,4 @@ In [k6 Cloud Results](/cloud/analyzing-results/overview) `Checks` are available
 Here we can quickly see what checks are failing, and upon clicking on any check, see the count of passes/failures
 at given points in the test. You can also add the check to the analysis tab, for further comparison with other metrics.
 
-![k6 Cloud Checks Tab](/images/Checks/cloud-insights-checks-tab.png)
+![k6 Cloud Checks Tab](./images/Checks/cloud-insights-checks-tab.png)

src/data/markdown/docs/01 guides/02 Using k6/03 Checks.md

@@ -189,6 +189,6 @@ When using Groups, [Checks](/using-k6/checks) and [HTTP Requests](/using-k6/http
 can be viewed by group, as shown below. You can switch between the group and list layout by changing the "view as"
 selection in the top right.
 
-![k6 Cloud URL Grouping](/images/Tags-and-Groups/cloud-insights-http-tab.png)
+![k6 Cloud URL Grouping](./images/Tags-and-Groups/cloud-insights-http-tab.png)
 
 Additionally you can filter the results by tags in the [analysis tab](/cloud/analyzing-results/analysis-tab).

src/data/markdown/docs/01 guides/02 Using k6/08 Tags and Groups.md

@@ -33,7 +33,7 @@ Multiple browsers and tools can be used to export HTTP traffic in a HAR format.
 - [Chrome](https://www.google.com/chrome/)
 - [Firefox](https://www.mozilla.org/en-US/firefox/)
 - [Microsoft Edge](https://www.microsoft.com/en-us/windows/microsoft-edge)
-- [Charles recording proxy ](http://www.charlesproxy.com/)(HTTP proxy/recorder)
+- [Charles recording proxy](http://www.charlesproxy.com/)(HTTP proxy/recorder)
 - [Fiddler](http://www.telerik.com/fiddler) (HTTP proxy/recorder)
 
 Here are the basic steps you need to take to make a recording in Chrome:
@@ -46,7 +46,7 @@ Here are the basic steps you need to take to make a recording in Chrome:
 6. Enter the URL of your site and start doing whatever you'd like your simulated load test users to be doing.
 7. When done, right-click on the list of URLs in Chrome developer tools and choose "Save as HAR with content".
 
-![Save HAR for load testing](/images/Session-recording-HAR-support/session_recorder_save_as_har.png)
+![Save HAR for load testing](./images/Session-recording-HAR-support/session_recorder_save_as_har.png)
 
 It's good to have in consideration the following best practices to record a user session:
 

src/data/markdown/docs/01 guides/02 Using k6/13 Session recording - HAR support.md

@@ -59,7 +59,7 @@ execution: local
 
 </div>
 
-![k6 Cloud Test Results](/images/Cloud/k6-cloud-results.png)
+![k6 Cloud Test Results](./images/Cloud/k6-cloud-results.png)
 
 ## See also