embed any file's content from GitHub

content/test.md

@@ -377,3 +377,14 @@ Resulting in:
 
 <repo name="aquarius" readme="true"></repo>
 
+### Embedding File Contents from GitHub
+
+You can embed any file contents like so, note that the language needs to be defined manually to get proper syntax highlighting:
+
+```text
+GITHUB-EMBED https://github.com/oceanprotocol/squid-js/blob/develop/src/keeper/Web3Provider.ts js GITHUB-EMBED
+```
+
+Resulting in:
+
+GITHUB-EMBED https://github.com/oceanprotocol/squid-js/blob/develop/src/keeper/Web3Provider.ts js GITHUB-EMBED

gatsby-config.js

@@ -73,6 +73,17 @@ module.exports = {
                             showCaptions: true
                         }
                     },
+                    {
+                        resolve: 'gatsby-remark-github',
+                        options: {
+                            marker: 'GITHUB-EMBED',
+                            insertEllipsisComments: true,
+                            ellipsisPhrase: '...',
+                            useCache: true,
+                            cacheKey: 'gatsby-remark-github-v1',
+                            token: process.env.GITHUB_TOKEN
+                        }
+                    },
                     'gatsby-remark-smartypants',
                     'gatsby-remark-embed-video',
                     'gatsby-remark-responsive-iframe',

package.json

@@ -38,6 +38,7 @@
     "gatsby-remark-component": "^1.1.3",
     "gatsby-remark-copy-linked-files": "^2.0.6",
     "gatsby-remark-embed-video": "^1.4.0",
+    "gatsby-remark-github": "^1.0.1",
     "gatsby-remark-images": "^2.0.6",
     "gatsby-remark-prismjs": "^3.0.3",
     "gatsby-remark-responsive-iframe": "^2.0.6",

src/components/HeaderSection.jsx

@@ -18,7 +18,7 @@ const HeaderSection = ({ title }) => (
 )
 
 HeaderSection.propTypes = {
-    title: PropTypes.array
+    title: PropTypes.PropTypes.oneOfType([PropTypes.array, PropTypes.string])
 }
 
 export default HeaderSection

src/components/Repositories/Repository.jsx

@@ -174,7 +174,7 @@ const Repository = ({ name, links, readme }) => (
 Repository.propTypes = {
     name: PropTypes.string.isRequired,
     links: PropTypes.array,
-    readme: PropTypes.bool
+    readme: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
 }
 
 export default Repository