Criação da função capitalize para deixar a primeira letra do parametr…

…o maiuscula e criacao do comando create:page

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zionix",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "zionix CLI",  
   "bin": {
     "zionix": "bin/zionix"

readme.md

@@ -1,25 +1,12 @@
 # zionix CLI
 
-A CLI for zionix.
-
-## Customizing your CLI
-
-Check out the documentation at https://github.com/infinitered/gluegun/tree/master/docs.
-
-## Publishing to NPM
-
-To package your CLI up for NPM, do this:
+Esta CLI foi criada com o objetivo de facilitar as tarefas repetitivas do dia a a dia durante os processos de desenvolvimento com React
 
 ```shell
-$ npm login
-$ npm whoami
-$ npm lint
-$ npm test
-(if typescript, run `npm run build` here)
-$ npm publish
+$ zionix create:component {NAME} (Cria um componente padrão React)
+$ zionix create:page {NAME} (Cria uma página padrão React)
 ```
 
 # License
 
 MIT - see LICENSE
-

src/commands/component.js

@@ -1,10 +1,12 @@
+const capitalize = require('../utils/capitalize')
+
 module.exports = {
-  name: 'component',
-  alias: ['c'],
+  name: 'create:component',
+  alias: ['comp'],
   description: 'Cria um componente padrão React',
   run: async toolbox => {
     const { parameters, template, filesystem, print: { success, error } } = toolbox
-    const name = parameters.first
+    const name = capitalize(parameters.first)
 
     if (!parameters.first) {
       error('O nome do componente não foi especificado')
@@ -13,18 +15,19 @@ module.exports = {
 
     const package = await filesystem.read('package.json', 'json')
     const isReactNative = !!package.dependencies['react-native']
+    const isTypescript = !!package.dependencies['typescript']
 
     const styleTemplate = isReactNative ? 'styles-rn.js.ejs' : 'styles-react.js.ejs'
 
     await template.generate({
       template: 'component.js.ejs',
-      target: `src/components/${name}/index.js`,
+      target: `src/components/${name}/index.${isTypescript ? 'tsx' : 'js'}`,
       props: { name }
     })
 
     await template.generate({
       template: styleTemplate,
-      target: `src/components/${name}/styles.js`
+      target: `src/components/${name}/styles.${isTypescript ? 'tsx' : 'js'}`
     })
 
     toolbox.print.success(`src/components/${name} gerado com sucesso!`)

src/commands/page.js

@@ -0,0 +1,35 @@
+const capitalize = require('../utils/capitalize')
+
+module.exports = {
+  name: 'create:page',
+  alias: ['page'],
+  description: 'Cria uma págnina padrão React',
+  run: async toolbox => {
+    const { parameters, template, filesystem, print: { success, error } } = toolbox
+    const name = capitalize(parameters.first)
+
+    if (!parameters.first) {
+      error('O nome do componente não foi especificado')
+      return
+    }
+
+    const package = await filesystem.read('package.json', 'json')
+    const isReactNative = !!package.dependencies['react-native']
+    const isTypescript = !!package.dependencies['typescript']
+
+    const styleTemplate = isReactNative ? 'styles-rn.js.ejs' : 'styles-react.js.ejs'
+
+    await template.generate({
+      template: 'component.js.ejs',
+      target: `src/pages/${name}/index.${isTypescript ? 'tsx' : 'js'}`,
+      props: { name }
+    })
+
+    await template.generate({
+      template: styleTemplate,
+      target: `src/pages/${name}/styles.${isTypescript ? 'tsx' : 'js'}`
+    })
+
+    toolbox.print.success(`src/pages/${name} gerado com sucesso!`)
+  }
+}

src/utils/capitalize.js

@@ -0,0 +1,9 @@
+const capitalize = str => {
+  if (typeof str === 'string') {
+    return str.replace(/^\w/, c => c.toUpperCase())
+  } else {
+    return ''
+  }
+}
+
+module.exports = capitalize