chore(learn): Merge learn in to the client app

client/gatsby-config.js

@@ -1,12 +1,16 @@
+const path = require('path');
+
+const { buildChallenges$ } = require('./utils/buildChallenges');
+
 module.exports = {
   siteMetadata: {
     title: 'freeCodeCamp',
     siteUrl: 'https://www.freecodecamp.org'
   },
-  proxy: {
-    prefix: '/internal',
-    url: 'http://localhost:3000'
-  },
+  // proxy: {
+  //   prefix: '/internal',
+  //   url: 'http://localhost:3000'
+  // },
   plugins: [
     'gatsby-plugin-react-helmet',
     {
@@ -20,16 +24,64 @@ module.exports = {
         ]
       }
     },
+    {
+      resolve: 'fcc-source-challenges',
+      options: {
+        name: 'challenges',
+        source: buildChallenges$
+      }
+    },
+    {
+      resolve: 'gatsby-source-filesystem',
+      options: {
+        name: 'introductions',
+        path: path.resolve(__dirname, './src/introductions')
+      }
+    },
+    {
+      resolve: 'gatsby-transformer-remark',
+      options: {
+        plugins: [
+          {
+            resolve: 'gatsby-remark-prismjs',
+            options: {
+              // Class prefix for <pre> tags containing syntax highlighting;
+              // defaults to 'language-' (eg <pre class="language-js">).
+              // If your site loads Prism into the browser at runtime,
+              // (eg for use with libraries like react-live),
+              // you may use this to prevent Prism from re-processing syntax.
+              // This is an uncommon use-case though;
+              // If you're unsure, it's best to use the default value.
+              classPrefix: 'language-',
+              // This is used to allow setting a language for inline code
+              // (i.e. single backticks) by creating a separator.
+              // This separator is a string and will do no white-space
+              // stripping.
+              // A suggested value for English speakers is the non-ascii
+              // character '›'.
+              inlineCodeMarker: null,
+              // This lets you set up language aliases.  For example,
+              // setting this to '{ sh: "bash" }' will let you use
+              // the language "sh" which will highlight using the
+              // bash highlighter.
+              aliases: {}
+            }
+          }
+        ]
+      }
+    },
     {
       resolve: 'gatsby-plugin-manifest',
       options: {
         name: 'freeCodeCamp',
+        /* eslint-disable camelcase */
         short_name: 'fCC',
         start_url: '/',
-        background_color: '#fff',
         theme_color: '#006400',
+        background_color: '#fff',
+        /* eslint-enable camelcase */
         display: 'minimal-ui',
-        icon: 'src/images/square_puck.png' // This path is relative to the root of the site.
+        icon: 'src/images/square_puck.png'
       }
     },
     'gatsby-plugin-sitemap'