fix(hastutiltojsx.js): didnt include childre element in reactElementList

Author: thorecaspersen

input/1.testmarkdown.md

@@ -24,6 +24,7 @@ look like:
 Here's a numbered list:
 
  1. first item
+  - test under bullet
  2. second item
  3. third item
 --------------------------------------------

lib/flotFyrHastCompiler.js

@@ -10,10 +10,10 @@ module.exports = function flotFyrHastCompiler(options) {
 
   function compiler(ast) {
     const jsxWithPlaceholders = hastToJsx(ast, options);
-
     // jsxWithPlaceholders.htmlToJsx = a array of all used htmltags to jsxtags
     // [ 'headline', ''. '', '', '',  'quotes', '', '', '', '', 'headline']
     // empty strings in the array is element that didt not match, so we have to remove dublicated:
+
     let uniqElementNames = [...new Set(jsxWithPlaceholders.htmlToJsx)];
 
     let result = jsxWithPlaceholders.element;

lib/hastUtilToJsx.js

@@ -8,26 +8,32 @@ const kebabCase = require("kebab-case");
 const stringifyEntities = require("stringify-entities");
 const stringifyObject = require("stringify-object");
 
+let ALL_HTML_JSX_TAGS = [];
+
+function addElementToList(newHtmlToJsx) {
+  if (!ALL_HTML_JSX_TAGS.includes(newHtmlToJsx)) {
+    ALL_HTML_JSX_TAGS.push(newHtmlToJsx);
+  }
+}
+
 // Render all of a node's children to a single string.
 function renderChildren(ctx, parent, index) {
   if (!parent.children || parent.children.length === 0) {
+    // let data = renderNode(ctx, node, index, parent);
     return {
-      allNotes: null,
-      allUsedHtmlToJsxTag: null
+      allNotes: null
     };
   }
-  let htmlToJsxTag = [];
+  // let htmlToJsxTag = [];
   let all = parent.children
     .map((node, index) => {
       let data = renderNode(ctx, node, index, parent);
-      htmlToJsxTag.push(data.htmlToJsx);
+      addElementToList(data.htmlToJsx);
       return data.element;
     })
     .join("");
-
   return {
-    allNotes: all,
-    allUsedHtmlToJsxTag: htmlToJsxTag
+    allNotes: all
   };
 }
 
@@ -282,11 +288,14 @@ function renderNode(ctx, node, index, parent) {
     }
     // return `<${wrapperName}>${element.allNotes}</${wrapperName}>`;
 
+    let listOfElements = ALL_HTML_JSX_TAGS;
+    ALL_HTML_JSX_TAGS = [];
     return {
       element: `<${wrapperName}>${element.allNotes}</${wrapperName}>`,
-      htmlToJsx: element.allUsedHtmlToJsxTag
+      htmlToJsx: listOfElements
     };
   }
+
   return {
     element: element,
     htmlToJsx: htmlToJsx

output/1.testmarkdown.js

@@ -15,7 +15,7 @@ const frontMatter = {
   quantity: 834
 };
 
-export default class Print extends React.PureComponent {
+export default class Testmarkdown extends React.PureComponent {
   render() {
     const props = this.props;
     return (
@@ -38,6 +38,11 @@ export default class Print extends React.PureComponent {
         <p>Here's a numbered list:</p>
         <ol>
           <li>first item</li>
+        </ol>
+        <ul>
+          <li>test under bullet</li>
+        </ul>
+        <ol start={2}>
           <li>second item</li>
           <li>third item</li>
         </ol>

output/3.development.js

@@ -8,7 +8,7 @@ const frontMatter = {
   title: 'react development env'
 };
 
-export default class Print extends React.PureComponent {
+export default class Testmarkdown extends React.PureComponent {
   render() {
     const props = this.props;
     return (