Fix output format with prettier

src/commands/firebase-init/index.js

@@ -11,6 +11,7 @@ import {
 } from "../../templates";
 
 import { Intro } from '../../utils/interactiveOutputs';
+import { prettify } from "../../utils/formatter";
 
 const createFolder = (folderPath) => {
   fs.mkdirSync(
@@ -30,7 +31,7 @@ const createFolder = (folderPath) => {
 const createFile = (filePath, fileContent) => {
   fs.writeFile(
     process.cwd() + filePath,
-    fileContent,
+    prettify(fileContent),
     (error) => {
       if (error) {
         console.log("ERROR OCCURED:", error);
@@ -54,6 +55,8 @@ const getPages = (path) => {
     const content = fs.readFileSync(x);
     let y = content.toString().match(/export default ([\s\S]*?);/);
     y = y[1].replace(/\s/g, '').replace('{','').replace('}','').split(',');
+    // Filter out falsy values (empty strings) that can cause problems
+    y = y.filter(Boolean);
     let pages = []
     y.forEach(object => {
       let tmp = object.split(":");

src/commands/init/index.js

@@ -10,6 +10,8 @@ import {
 import { Intro } from "../../utils/interactiveOutputs";
 import firebaseInit from '../firebase-init';
 
+import { prettify } from "../../utils/formatter";
+
 const createFolder = (path, dir) => {
   fs.mkdirSync(
     process.cwd() + dir + "/src" + path,
@@ -28,7 +30,7 @@ const createFolder = (path, dir) => {
 const createAppFile = (pages, path) => {
   fs.writeFile(
     process.cwd() + path + `/src/App.js`,
-    appTemplate(pages),
+    prettify(appTemplate(pages)),
     (error) => {
       if (error) {
         console.log("ERROR OCCURED:", error);
@@ -43,7 +45,7 @@ const createAppFile = (pages, path) => {
 const createComponentFile = (component, path) => {
   fs.writeFile(
     process.cwd() + path + `/src/components/${component}.js`,
-    componentTemplate(component),
+    prettify(componentTemplate(component)),
     (error) => {
       if (error) {
         console.log("ERROR OCCURED:", error);
@@ -58,7 +60,7 @@ const createComponentFile = (component, path) => {
 const createPageFile = (component, path) => {
   fs.writeFile(
     process.cwd() + path + `/src/pages/${component}.js`,
-    componentTemplate(component),
+    prettify(componentTemplate(component)),
     (error) => {
       if (error) {
         console.log("ERROR OCCURED:", error);
@@ -73,7 +75,7 @@ const createPageFile = (component, path) => {
 const createRouteFile = (pages, path) => {
   fs.writeFile(
     process.cwd() + path + `/src/routes/index.js`,
-    routesTemplate(pages),
+    prettify(routesTemplate(pages)),
     (error) => {
       if (error) {
         console.log("ERROR OCCURED:", error);

src/templates/firebase/index.js

@@ -25,7 +25,7 @@ const resetPassword = (email) => {
 `
 
 const providerAuthTemplate = (name) => `
-const ${name}Signin = () => {
+const ${name}Signin = async () => {
     try {
       await auth.signInWithPopup(${name}Provider).then(async user => {
         if(user.additionalUserInfo.isNewUser){

src/utils/formatter.js

@@ -0,0 +1,3 @@
+import prettier from "prettier";
+
+export const prettify = str => prettier.format(str, { parser: 'babel' });