removed console logs

Author: jchan444

src/components/left-sidebar/ComponentTab/ImportComponent.vue

@@ -102,9 +102,9 @@ export default {
 
       const importObj = {}; //final output
       const htmlList = []; //array populated with substrings '<div>' '</div>' '<p>' etc.
+
       let compName = data[0].slice(data[0].lastIndexOf('/') + 1).replace(/[^a-z0-9-_.]/gi, '').replace(/.vue/, '');
       const vueFile = fs.readFileSync(data[0], "utf8");
-      
 
       for (const key in this.$store.state.componentMap) {
         if (this.$store.state.componentMap[key].componentName === compName) {
@@ -113,49 +113,47 @@ export default {
       }
       importObj.componentName = compName;
 
-      const htmlElementMap = {
-        div: ["<div", "</div>"],
-        button: ["<button", "</button>"],
-        form: ["<form", "</form>"],
-        img: ["<img", ""], //single
-        link: ['<a href="#"', ""], //single
-        list: ["<li", "</li>"],
-        paragraph: ["<p", "</p>"],
-        "list-ol": ["<ol", "</ol>"],
-        "list-ul": ["<ul", "</ul>"],
-        input: ["<input", ""], //single
-        navbar: ["<nav", "</nav>"],
-        header: ["<header", "</header>"],
-        footer: ["<footer", "</footer>"],
-        meta: ["<meta", "</meta>"],
-        h1: ["<h1", "</h1>"],
-        h2: ["<h2", "</h2>"],
-        h3: ["<h3", "</h3>"],
-        h4: ["<h4", "</h4>"],
-        h5: ["<h5", "</h5>"],
-        h6: ["<h6", "</h6>"],
+      const htmlElementMap = { //OverVue state management only handles these HTML tags.
+        div: ["<div>", "</div>"],
+        button: ["<button>", "</button>"],
+        form: ["<form>", "</form>"],
+        img: ["<img>", ""],
+        link: ['<a href="#"/>', ""],
+        list: ["<li>", "</li>"],
+        paragraph: ["<p>", "</p>"],
+        "list-ol": ["<ol>", "</ol>"],
+        "list-ul": ["<ul>", "</ul>"],
+        input: ["<input />", ""],
+        navbar: ["<nav>", "</nav>"],
+        header:["<header>", "</header>"],
+        footer:["<footer>", "</footer>"],
+        meta: ["<meta>", "</meta>"],
+        h1:["<h1>", "</h1>"],
+        h2:["<h2>", "</h2>"],
+        h3:["<h3>", "</h3>"],
+        h4:["<h4>", "</h4>"],
+        h5:["<h5>", "</h5>"],
+        h6:["<h6>", "</h6>"],
       };
 
 
       let htmlString = vueFile.substring(vueFile.indexOf('<template >') + 10, vueFile.indexOf('</template>'));
       let scriptString = vueFile.substring(vueFile.indexOf(`<script>`) + 8, vueFile.indexOf(`/script>`) - 1)
-      
+
       htmlParser(htmlString);
       importObj.props = this.parsingStringToProps(scriptString);
       importObj.actions = this.parsingStringToAction(scriptString);
       importObj.state = this.parsingStringToState(scriptString);
 
       htmlList.pop(); htmlList.shift(); //OverVue adds a <div></div> wrapper to all components. remove this before importing.
-console.log(htmlList)
+
       let groupings = findGroupings(htmlList);
       let groupingObj = objectGenerator(groupings);
       let groupingArray = [];
       for (const key in groupingObj) {
         groupingArray.push(groupingObj[key])
       }
       importObj.htmlList = groupingArray;
-      console.log('importObj:')
-      console.log(importObj)
       this.createImport(importObj) //send the importObj to CreateComponent.
 
       /**
@@ -217,8 +215,6 @@ console.log(htmlList)
        */
 
       function findGroupings(array) {
-        console.log("grouping:")
-        console.log(array)
         let count = 0; //tracks where the parent ends
         let stopIndexes = []; //an array that will be used to slice out the parent/child relationships
         for (let i = 0; i < array.length; i++) {
@@ -256,8 +252,6 @@ console.log(htmlList)
        */
 
       function objectGenerator(array) {
-        console.log("obj gen:")
-        console.log(array)
         let groupingObj = {};
         for (let i = 0; i < array.length; i++) {
           for (const key in htmlElementMap) {
@@ -268,18 +262,16 @@ console.log(htmlList)
           }
           array[i].pop();
           array[i].shift();
-
           if (array[i].length > 0) {
             const childGroupings = findGroupings(array[i]);
             const childrenObj = objectGenerator(childGroupings);
             const childrenArray = [];
             for (const key in childrenObj) {
               childrenArray.push(childrenObj[key])
             }
-            console.log(groupingObj[i])
             groupingObj[i].children = childrenArray;
           } else {
-            // groupingObj[i].children = [];
+            groupingObj[i].children = [];
           }
         }
         return groupingObj;