modualrized code further

Co-authored-by: Daniel Garan <[email protected]>
Co-authored-by: Kevin Can <[email protected]>
Co-authored-by: Anthony Herrera <[email protected]>
Co-authored-by: Rob Sinzieri <[email protected]>
Co-authored-by: Roderick de Leon <[email protected]>

Author: anthonyHerr

src/components/nav-buttons/ExportMenu.vue

@@ -42,7 +42,7 @@ import {
   RouteComponentMap,
 } from "../../../types";
 import { useExportComponent } from "../composables/useExportComponent";
-import { createBoilerOptions, createBoilerComposition } from "../dfdas/createBoilerFuncs"
+import { createBoilerOptions, createBoilerComposition } from "../right-sidebar/createBoilerFuncs"
 // import * as fs from "fs"
 // import { fs } from "electron";
 // import { path } from 'path';
@@ -256,16 +256,29 @@ const createComponentCode = async(
     );
     console.log('finished write createComponent code')
   } else {
-    // fs.writeFileSync(
-      console.log('about to write createComponent code for not App')
-      await writeFile(
-      componentLocation + ".vue",
-      await writeComments(componentName) +
-        await writeTemplate(componentName, children, routes.value) +
-        await writeScript(componentName, children) +
-        await writeStyle(componentName)
-    );
-    console.log('finished to write createComponent code')
+      if (store.composition === false) {
+        // fs.writeFileSync(
+        console.log('about to write createComponent code for not App')
+        await writeFile(
+        componentLocation + ".vue",
+        await writeComments(componentName) +
+          await writeTemplate(componentName, children, routes.value) +
+          await createBoilerOptions(componentName, children) 
+          // + await writeStyle(componentName)
+        );
+        console.log('finished to write createComponent code')
+      } else {
+          // fs.writeFileSync(
+        console.log('about to write createComponent code for not App')
+        await writeFile(
+        componentLocation + ".vue",
+        await writeComments(componentName) +
+          await writeTemplate(componentName, children, routes.value) +
+          await createBoilerComposition(componentName, children) 
+          // + await writeStyle(componentName)
+      );
+        console.log('finished to write createComponent code')
+      }
   }
 };
 
@@ -679,163 +692,6 @@ const writeTemplate = (
  * @description imports child components into <script>
  */
 
-const writeScript = (
-  componentName: string,
-  children: {
-    [key: string]: RouteComponentMap | Component;
-    App: RouteComponentMap;
-    HomeView: RouteComponentMap;
-  }
-) => {
-  // add import mapstate and mapactions if they exist
-  const currentComponent = componentMap.value[componentName];
-  const route = Object.keys(routes.value);
-
-  // Writes script boilerplate for non-route components
-  if (!route.includes(componentName)) {
-    let imports = "";
-    if (
-      (currentComponent as Component).actions.length ||
-      (currentComponent as Component).state.length
-    ) {
-      imports += "import { ";
-      if (
-        (currentComponent as Component).actions.length &&
-        (currentComponent as Component).state.length
-      ) {
-        imports += "mapState, mapActions";
-      } else if ((currentComponent as Component).state.length) {
-        imports += "mapState";
-      } else {
-        imports += "mapActions";
-      }
-      imports += ' } from "pinia";\n';
-    }
-    // if in Typescript mode, import defineComponent
-    if (exportAsTypescript.value === "on") {
-      imports += 'import { defineComponent } from "vue";\n';
-    }
-
-    let childrenComponentNames = "";
-    let childComponentImportNames = "";
-
-    const arrOfChildComp = componentMap.value[componentName].children;
-
-    arrOfChildComp.forEach((childName) => {
-      // Build child component text string
-      if (childName !== arrOfChildComp[arrOfChildComp.length - 1]) {
-        childrenComponentNames += "    " + childName + ",\n";
-      } else {
-        childrenComponentNames += "    " + childName + "\n";
-      }
-      childComponentImportNames += `import ${childName} from '../components/${childName}.vue';\n`;
-    });
-
-    let data = "";
-    data += "  data () {\n    return {";
-    if ((currentComponent as Component).props.length) {
-      (currentComponent as Component).props.forEach((prop) => {
-        data += `\n      ${prop}: "PLACEHOLDER FOR VALUE",`;
-      });
-    }
-    routes.value.HomeView.forEach((element) => {
-      element.htmlList.forEach((html) => {
-        if (html.binding !== "") {
-          data += `\n      ${html.binding}: "PLACEHOLDER FOR VALUE",`;
-        }
-      });
-    });
-    data += "\n";
-    data += "    }\n";
-    data += "  },\n";
-
-    // if true add computed section and populate with state
-    let computed = "";
-    if ((currentComponent as Component).state.length) {
-      computed += "  computed: {";
-      computed += "\n    ...mapState([";
-      (currentComponent as Component).state.forEach((state) => {
-        computed += `\n      "${state}",`;
-      });
-      computed += "\n    ]),\n";
-      computed += "  },\n";
-    }
-    // if true add methods section and populate with actions
-    let methods = "";
-    if ((currentComponent as Component).actions.length) {
-      methods += "  methods: {";
-      methods += "\n    ...mapActions([";
-      (currentComponent as Component).actions.forEach((action) => {
-        methods += `\n      "${action}",`;
-      });
-      methods += "\n    ]),\n";
-      methods += "  },\n";
-    }
-    // concat all code within script tags
-    let output;
-    if (exportAsTypescript.value === "on") {
-      output = "\n\n<script lang='ts'>\n";
-
-      output +=
-        imports +
-        "\nexport default defineComponent ({\n  name: '" +
-        componentName +
-        "'";
-    } else {
-      output = "\n\n<script>\n";
-
-      output += `\n${childComponentImportNames}`;
-
-      output += imports + "\nexport default {\n  name: '" + componentName + "'";
-    }
-    output += ",\n  components: {\n";
-
-    output += childrenComponentNames + "  },\n";
-    output += data;
-    output += computed;
-    output += methods;
-    // eslint-disable-next-line no-useless-escape
-    if (exportAsTypescript.value === "on") {
-      output += "});\n<\/script>";
-    } else {
-      output += "};\n<\/script>";
-    }
-    return output;
-  }
-  // Write script for route components.
-  else {
-    let str = "";
-    let childrenComponentNames = "";
-    let childComponentImportNames = "";
-    const arrOfChildComp = componentMap.value[componentName].children;
-
-    if (componentName !== "App") {
-      arrOfChildComp.forEach((childName) => {
-        // Build child component text string
-        if (childName !== arrOfChildComp[arrOfChildComp.length - 1]) {
-          childrenComponentNames += "    " + childName + ",\n";
-        } else {
-          childrenComponentNames += "    " + childName + "\n";
-        }
-
-        // Build child component import text string
-        childComponentImportNames += `import ${childName} from '../components/${childName}.vue';\n`;
-      });
-    }
-
-    // eslint-disable-next-line no-useless-escape
-    if (exportAsTypescript.value === "on") {
-      return `\n\n<script lang="ts">\nimport { defineComponent } from "vue";\n ${str}\nexport default defineComponent ({\n  name: '${componentName}',\n  components: {\n${childrenComponentNames}  }\n});\n<\/script>`;
-    }
-    str += "\n\n<script>";
-    str += `\n${childComponentImportNames}`;
-    str += `\n\nexport default {`;
-    str += `\n  components: {`;
-    str += `\n${childrenComponentNames}  }\n};`;
-    str += `\n<\/script>`;
-    return str;
-  }
-};
 
 const writeStyle = (componentName: string) => {
   let htmlArray = componentMap.value[componentName].htmlList;