🐼 fix bugs

Author: omdxp

bin/combine/components/combine-components.js

@@ -1,4 +1,4 @@
-const { fs } = require("file-system");
+const fs = require("file-system");
 
 /**
  * @function combineComponents

bin/combine/pages/combine-pages.js

@@ -1,4 +1,4 @@
-const { fs } = require("file-system");
+const fs = require("file-system");
 
 /**
  * @function combinePages

bin/create/component/functions/create-component.js

@@ -1,4 +1,4 @@
-const { fs } = require("file-system");
+const fs = require("file-system");
 const { componentTemplateJs, componentTemplateTs } = require("../templates");
 
 /**
@@ -22,6 +22,7 @@ exports.createComponent = (componentName, js, ts, folder) => {
     } else {
       fs.writeFile(path, componentTemplateTs(componentName), (err) => {
         if (err) {
+          console.log(err);
           console.log(`Unable to create ${componentName} component`);
         } else {
           console.log(`${path} created`);

bin/create/component/templates/component-template-js.js

@@ -7,8 +7,8 @@
  * @author [Omar Belghaouti](https://github.com/Omar-Belghaouti)
  */
 exports.componentTemplateJs = (componentName) => {
-  let component = componentName;
-  component[0] = component[0].toUpperCase();
+  let component =
+    componentName.charAt(0).toUpperCase() + componentName.slice(1);
   return `// export ${component} component
 const ${component} = () => {
     return <div>${component} component created!</div>;

bin/create/component/templates/component-template-ts.js

@@ -7,8 +7,8 @@
  * @author [Omar Belghaouti](https://github.com/Omar-Belghaouti)
  */
 exports.componentTemplateTs = (componentName) => {
-  let component = componentName;
-  component[0] = component[0].toUpperCase();
+  let component =
+    componentName.charAt(0).toUpperCase() + componentName.slice(1);
   return `import { FC } from "react";
 
 // define ${component} props interface

bin/create/page/functions/create-page.js

@@ -1,4 +1,4 @@
-const { fs } = require("file-system");
+const fs = require("file-system");
 const {
   pageTemplateJs,
   pageTemplateTs,

bin/create/page/templates/page-function-template-js.js

@@ -7,9 +7,6 @@
  * @author [Omar Belghaouti](https://github.com/Omar-Belghaouti)
  */
 exports.pageFunctionTemplateJs = (pageName) => {
-  let page = pageName;
-  page[0] = page[0].toUpperCase();
-  return `// write your ${page} functions here
-export {};
-`;
+  let page = pageName.charAt(0).toUpperCase() + pageName.slice(1);
+  return `// write your ${page} functions here`;
 };

bin/create/page/templates/page-function-template-ts.js

@@ -7,7 +7,7 @@
  * @author [Omar Belghaouti](https://github.com/Omar-Belghaouti)
  */
 exports.pageFunctionTemplateTs = (pageName) => {
-  let page = pageName;
-  page[0] = page[0].toUpperCase();
-  return `// write your ${page} functions here`;
+  let page = pageName.charAt(0).toUpperCase() + pageName.slice(1);
+  return `// write your ${page} functions here
+export {};`;
 };

bin/create/page/templates/page-template-js.js

@@ -5,6 +5,12 @@
  * @returns {string} the page template in javascript.
  * @author [Omar Belghaouti](https://github.com/Omar-Belghaouti)
  */
-exports.pageTemplateJs = (pageName) => `
-${pageName}
+exports.pageTemplateJs = (pageName) => {
+  let page = pageName.charAt(0).toUpperCase() + pageName.slice(1);
+  return `// export ${page} page
+const ${page} = () => {
+    return <div>${page} page created!</div>;
+}
+export default ${page};
 `;
+};

bin/create/page/templates/page-template-ts.js

@@ -5,6 +5,17 @@
  * @returns {string} the page template in typescript.
  * @author [Omar Belghaouti](https://github.com/Omar-Belghaouti)
  */
-exports.pageTemplateTs = (pageName) => `
-${pageName}
+exports.pageTemplateTs = (pageName) => {
+  let page = pageName.charAt(0).toUpperCase() + pageName.slice(1);
+  return `import { FC } from "react";
+
+// define ${page} props interface
+interface ${page}Props {}
+
+// export ${page} page
+const ${page}: FC<${page}Props> = ({}: ${page}Props): JSX.Element => {
+    return <div>${page} page created!</div>;
+}
+export default ${page};
 `;
+};