fix production build issue

Author: pramodreddysareddy

content/blog/artificial-intelligence-and-machine-learning-what-are-they-and-why-are-t.md

@@ -10,7 +10,7 @@ thumbnailimage:
 ---
 **Editor’s Note:** MapR products and solutions sold prior to the acquisition of such assets by Hewlett Packard Enterprise Company in 2019, may have older product names and model numbers that differ from current solutions. For information about current offerings, which are now part of HPE Ezmeral Data Fabric, please visit [https://www.hpe.com/us/en/software/data-fabric.html](https://www.hpe.com/us/en/software/data-fabric.html)
 
-## Original Post Information:
+## Original Post Information
 
 ```
 "authorDisplayName": "Saira Kennedy",
@@ -22,8 +22,6 @@ thumbnailimage:
 
 Editor's Note: This post is based on the MapR Academy course, [_Introduction to Artificial Intelligence and Machine Learning_](https://learn.ezmeral.software.hpe.com/bus-introduction-to-artificial-intelligence-and-machine-learning).
 
-<div style="padding:75% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/279683304?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
-
 This post will give you a basic background on artificial intelligence and machine learning. It's a good place to gain an intro-level, working understanding of the categories, how they fit together, and their differences.
 
 In this post, we begin by defining the differences between artificial intelligence and machine learning and what these terms mean. In future posts, we will discuss the different methods of machine learning and some of the most common algorithms available for your projects. After that, you'll learn about real-world use cases, utilizing this technology, and the unique value MapR solutions provide for machine learning endeavors.
@@ -60,9 +58,9 @@ Remember from the robot nesting doll example that machine learning is nested wit
 
 Symbolic artificial intelligence is one of the first approaches to AI, which is based on the assertion that human intelligence can be achieved through the manipulation of symbols. This is the basis for physical symbol systems, also called formal systems, which center around three basic concepts that follow human thinking abilities:
 
-*   Symbols, like the plus sign as the physical joining of two perpendicular lines, are first encoded in our brains.
-*   Thoughts are the structures, like the plus sign means to add things together.
-*   The manipulation process is the act of thinking, or applying the symbol and its structure together, like when we use the plus sign in a mathematical equation for one plus two equals three.
+* Symbols, like the plus sign as the physical joining of two perpendicular lines, are first encoded in our brains.
+* Thoughts are the structures, like the plus sign means to add things together.
+* The manipulation process is the act of thinking, or applying the symbol and its structure together, like when we use the plus sign in a mathematical equation for one plus two equals three.
 
 ![](https://hpe-developer-portal.s3.amazonaws.com/uploads/media/2020/11/image15-1605168382441.jpg)
 

gatsby-config.js

@@ -8,14 +8,18 @@ const lunrHighlightPlugin = () => (builder) => {
   builder.metadataWhitelist.push('position');
 };
 
-const stripMarkdown = (markdown) => {
-  let text = markdown;
-  remark()
+const stripMarkdown = async (markdown) => {
+  // let text = markdown;
+  // remark.then(r => {
+  //   r.remark().use(strip).process(markdown, (err, file) => {
+  //     text = file.contents;
+  //   });
+  // });
+  // return text;
+  const markedup = await (await remark).remark()
     .use(strip)
-    .process(markdown, (err, file) => {
-      text = file.contents;
-    });
-  return text;
+    .process(markdown);
+  return markedup.contents;
 };
 
 const paginatedCollection = (name, tag) => {

gatsby-node.js

@@ -64,10 +64,10 @@ exports.createPages = async ({ graphql, actions }) => {
           badgeImg,
         },
       });
-      console.log(
-        `Create pages /hackshack/workshops/${id - 1}/special-badge from ${id}`,
-      );
-      console.log('------------------------------');
+      // console.log(
+      //   `Create pages /hackshack/workshops/${id - 1}/special-badge from ${id}`,
+      // );
+      // console.log('------------------------------');
     });
   } catch (error) {
     console.log('error: ', error);
@@ -93,8 +93,8 @@ exports.createPages = async ({ graphql, actions }) => {
         },
       });
 
-      console.log(`Create pages /hackshack/replays/${id} from ${id}`);
-      console.log('------------------------------');
+      // console.log(`Create pages /hackshack/replays/${id} from ${id}`);
+      // console.log('------------------------------');
 
       createPage({
         path: `/hackshack/workshop/${id}`,
@@ -107,8 +107,8 @@ exports.createPages = async ({ graphql, actions }) => {
         },
       });
 
-      console.log(`Create pages /hackshack/workshop/${id} from ${id}`);
-      console.log('------------------------------');
+      // console.log(`Create pages /hackshack/workshop/${id} from ${id}`);
+      // console.log('------------------------------');
 
       createPage({
         path: `/hackshack/workshop/${id}/finisher-badge`,
@@ -121,10 +121,10 @@ exports.createPages = async ({ graphql, actions }) => {
         },
       });
 
-      console.log(
-        `Create pages /hackshack/workshop/${id}/finisher-badge from ${id}`,
-      );
-      console.log('------------------------------');
+      // console.log(
+      //   `Create pages /hackshack/workshop/${id}/finisher-badge from ${id}`,
+      // );
+      // console.log('------------------------------');
     });
   } catch (error) {
     console.log('error: ', error);
@@ -294,10 +294,10 @@ exports.createPages = async ({ graphql, actions }) => {
             index === posts.length - 1 ? null : posts[index + 1].node;
           const next = index === 0 ? null : posts[index - 1].node;
           const { sourceInstanceName, slug } = post.node.fields;
-          console.log(
-            `Create pages /${sourceInstanceName}${slug} from ${slug}`,
-          );
-          console.log('------------------------------');
+          // console.log(
+          //   `Create pages /${sourceInstanceName}${slug} from ${slug}`,
+          // );
+          // console.log('------------------------------');
           createPage({
             path: `/${sourceInstanceName}${slug}`,
             component: blogPost,
@@ -411,8 +411,8 @@ exports.createPages = async ({ graphql, actions }) => {
     });
     const tags = result.data.tagsGroup.group;
     tags.forEach((tag) => {
-      console.log(`Create pages /blog/tag/${tag.fieldValue.toLowerCase()}/`);
-      console.log('------------------------------');
+      // console.log(`Create pages /blog/tag/${tag.fieldValue.toLowerCase()}/`);
+      // console.log('------------------------------');
       createPage({
         path: `/blog/tag/${tag.fieldValue.toLowerCase()}/`,
         component: tagTemplate,
@@ -429,7 +429,7 @@ exports.createPages = async ({ graphql, actions }) => {
 exports.onCreatePage = ({ page, actions }) => {
   const { deletePage, createPage } = actions;
 
-  console.log(`onCreatePage ${page.componentPath}`);
+  // console.log(`onCreatePage ${page.componentPath}`);
   return new Promise((resolve) => {
     // if the page component is the index page component
     if (page.componentPath.indexOf('/src/pages/Home/index.js') >= 0) {
@@ -450,7 +450,7 @@ exports.onCreateNode = ({ node, actions, getNode }) => {
 
   if (node.internal.type === 'MarkdownRemark') {
     const { sourceInstanceName, absolutePath } = getNode(node.parent);
-    console.log(`==== onCreateNode ${sourceInstanceName} ---- ${absolutePath}`);
+    // console.log(`==== onCreateNode ${sourceInstanceName} ---- ${absolutePath}`);
     const value = createFilePath({ node, getNode });
     const date = new Date(node.frontmatter.date);
     const year = date.getFullYear();

package.json

@@ -53,7 +53,7 @@
     "react-player": "^2.13.0",
     "react-syntax-highlighter": "^15.5.0",
     "redux": "^5.0.0",
-    "remark": "^15.0.1",
+    "remark": "14.0.3",
     "strip-markdown": "^6.0.0",
     "styled-components": "5.3.11",
     "sweetalert2": "^11.10.1",

src/containers/SearchContainer/index.js

@@ -140,10 +140,9 @@ const getSearchResults = async (query) => {
 
 const SearchContainer = ({ location }) => {
   const { term } = useParams(location);
-  const initialSearch = getSearchResults(term);
   const [value, setValue] = useState(term);
-  const [results, setResults] = useState(initialSearch.searchResults);
-  const [categories, setCategories] = useState(initialSearch.searchCategories);
+  const [results, setResults] = useState();
+  const [categories, setCategories] = useState();
   const [activeCategoryIndex, setActiveCategoryIndex] = useState(0);
 
   useEffect(() => {
@@ -164,12 +163,8 @@ const SearchContainer = ({ location }) => {
     setValue(newValue);
 
     // update the URL
-    const query = newValue ? `?term=${encodeURIComponent(newValue)}` : '';
-    navigate(`/search/${query}`, { replace: true });
-
-    const { searchResults, searchCategories } = getSearchResults(newValue);
-    setResults(searchResults);
-    setCategories(searchCategories);
+    // const query = newValue ? `?term=${encodeURIComponent(newValue)}` : '';
+    // navigate(`/search/${query}`, { replace: true });
     // todo update route term= param
   };