40 melhorando cli (#41)

* Adicionando bibliotecas e configurando typescript
* Adicionando suporte a version e description
* Add chalk
* Adicionando configurações para yargs
* Implementando comando de criação de projeto na CLI de liquido
* Atualizando comando gerar na cli
* Corrigindo local da pasta exemplos
* Atualizando engines.
* Atualizando GitHub Action.
* Adicionando comando global

---------

Co-authored-by: Leonel Sanches da Silva <53848829+leonelsanchesdasilva@users.noreply.github.com>

.github/workflows/principal.yaml

@@ -16,7 +16,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v2-beta
       with:
-        node-version: '16'
+        node-version: '20'
     - uses: ArtiomTr/jest-coverage-report-action@v2
       id: coverage
       with:

.nvmrc

@@ -0,0 +1 @@
+22.1.0

.vscode/launch.json

@@ -72,7 +72,7 @@
                 "${workspaceFolder}${pathSeparator}index.ts",
 				"novo"
             ],
-            "runtimeExecutable": "node",
+            "runtimeExecutable": "ts-node",
             "runtimeArgs": ["--nolazy", "-r", "ts-node/register/transpile-only"]
         },
         {

index.ts

@@ -1,16 +1,162 @@
-import { Command } from 'commander';
+import { textSync } from 'figlet'
+import {version} from './package.json'
+import {
+    blue,
+    green,
+    yellow
+} from "chalk";
+import yargs from 'yargs'
+import { Liquido } from './liquido';
+import prompts from 'prompts';
+import { 
+    copiarExemploParaProjeto, 
+    criarDiretorioAplicacao, 
+    criarDiretorioSeNaoExiste, 
+    importarModelos, 
+    obterTodosModelos 
+} from './interface-linha-comando';
+import { ComandoGerarInterface, ComandoNovoInterface } from './interfaces';
+import { GeradorVisoes } from './interface-linha-comando/gerar/gerador-visoes';
+import { GeradorRotas } from './interface-linha-comando/gerar/gerador-rotas';
+import { Classe } from '@designliquido/delegua/declaracoes';
+import { pluralizar } from '@designliquido/flexoes';
 
-const pontoDeEntrada = async () => {
-    const analisadorArgumentos = new Command();
-    analisadorArgumentos;
 
-    analisadorArgumentos
-        .helpOption('-?, --ajuda', 'Exibe a ajuda para o comando.')
-        .command('servidor', 'Serve o diretório local como uma aplicação para a internet.', { isDefault: true })
-        .command('novo [nome]', 'Inicia uma nova aplicação pré-configurada para funcionar com Liquido.')
-        .command('gerar [modelo]', 'Gera controlador e visão correspondentes ao nome do modelo passado por parâmetro. O modelo deve ter um arquivo .delegua correspondente no diretório "modelos".');
+/**
+ * Classe que representa o ponto de entrada da aplicação Liquido.
+ */
+class LiquidoPontoEntrada {
+    logo: string
 
-    analisadorArgumentos.parse();
+    constructor() {
+        this.logo = textSync('Liquido', { horizontalLayout: 'full' })
+    }
+
+    mostrarLogo() {
+        console.log(blue(this.logo + '\n'))
+    }
+
+    comandoServidor() {
+        const liquido = new Liquido(process.cwd())
+        liquido.iniciar()
+    }
+
+    async comandoNovo(
+        args: yargs.ArgumentsCamelCase<ComandoNovoInterface>
+    ) {
+        let nomeProjeto = args.nome
+
+        if (nomeProjeto === undefined || nomeProjeto.length <= 0) {
+            const respostaNomeProjeto = await prompts({
+                type: 'text',
+                name: 'nomeProjeto',
+                message: 'Qual o nome do seu projeto?'
+            });
+
+
+            nomeProjeto = respostaNomeProjeto.nomeProjeto;
+        }
+
+        if (nomeProjeto.length > 0) {
+            console.log(green(`Iremos criar um novo projeto em Liquido chamado "${nomeProjeto}"`));
+            const resposta = await prompts({
+                type: 'confirm',
+                message: 'Confirma?',
+                name: 'confirmado',
+                initial: true,
+                onRender() {
+                    this.yesMsg = 'Sim';
+                    this.noMsg = 'não';
+                    this.yesOption = '(S/n)';
+                }
+            });
+
+            if (resposta.confirmado) {
+                const diretorioCompleto = criarDiretorioAplicacao(nomeProjeto);
+
+                const perguntaTipoProjeto = await prompts({
+                    type: 'select',
+                    name: 'tipoProjeto',
+                    message: 'Selecione o tipo de projeto',
+                    choices: [
+                        { title: 'MVC', description: 'Modelo-Visão-Controlador', value: 'mvc' },
+                        { title: 'API REST', description: 'Interface de dados usando o modelo REST', value: 'api-rest' }
+                    ],
+                    initial: 1
+                });
+
+                await copiarExemploParaProjeto(perguntaTipoProjeto.tipoProjeto, diretorioCompleto);
+                console.info(yellow(`Seu projeto foi criado com sucesso! ${diretorioCompleto}`))
+            }
+        }
+    }
+
+    async comandoGerar(
+        args: yargs.ArgumentsCamelCase<ComandoGerarInterface> 
+    ) {
+        let nomeModelo = args.modelo
+
+        if (nomeModelo === undefined || nomeModelo.length <= 0) {
+            const opcoesModelos = obterTodosModelos()
+
+            const respostaNomeModelo = await prompts({
+                type: 'select',
+                name: 'nomeModelo',
+                message: 'Qual o nome do modelo?',
+                choices: opcoesModelos
+            });
+
+            nomeModelo = respostaNomeModelo.nomeModelo;
+        }
+
+        const declaracoes = importarModelos(nomeModelo);
+        criarDiretorioAplicacao('rotas');
+
+        const geradorVisoes = new GeradorVisoes();
+        const geradorRotas = new GeradorRotas();
+
+        for (const declaracao of declaracoes) {
+            const declaracaoModelo = <Classe>declaracao
+            const nomeBaseModelo = declaracaoModelo.simbolo.lexema.toLocaleLowerCase('pt');
+            const nomeModeloPlural = pluralizar(nomeBaseModelo).toLocaleLowerCase('pt');
+
+            const caminhosRotas: string[] = geradorRotas.criarNovasRotas(declaracaoModelo);
+            for (const caminhoRota of caminhosRotas) {
+                console.info(blue(`Rota ${caminhoRota}`));
+            }
+
+            criarDiretorioSeNaoExiste('visoes', nomeModeloPlural);
+
+            const visaoSelecionarTudo = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'selecionarTudo');
+            console.info(blue(`Visão ${visaoSelecionarTudo}`));
+            const visaoSelecionarUm = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'selecionarUm');
+            console.info(blue(`Visão ${visaoSelecionarUm}`));
+            const visaoAdicionar = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'adicionar');
+            console.info(blue(`Visão ${visaoAdicionar}`));
+            const visaoEditar = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'editar');
+            console.info(blue(`Visão ${visaoEditar}`));
+            const visaoExcluir = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'excluir');
+            console.info(blue(`Visão ${visaoExcluir}`));
+        }
+    }
+
+    opcoes() {
+        return yargs
+        .scriptName('liquido')
+        .version(version)
+        .usage('Uso: $0 <comando> [opções]')
+        .help('ajuda')
+        .alias('ajuda', '?')
+        .command(['*', 'servidor'], 'Serve o diretório local como uma aplicação para a internet.', {}, this.comandoServidor)
+        .command('novo [nome]', 'Inicia uma nova aplicação pré-configurada para funcionar com Liquido.', {}, this.comandoNovo)
+        .command('gerar [modelo]', 'Gera controlador e visão correspondentes ao nome do modelo passado por parâmetro. O modelo deve ter um arquivo .delegua correspondente no diretório "modelos".', {}, this.comandoGerar)
+        .argv
+    }
+
+    async iniciar() {
+        this.mostrarLogo()
+        this.opcoes()
+    }
 }
 
-pontoDeEntrada();
+(async () => new LiquidoPontoEntrada().iniciar())()

interfaces/comando-gerar-interface.ts

@@ -0,0 +1,3 @@
+export interface ComandoGerarInterface {
+    modelo: string;
+}

interfaces/comando-novo-interface.ts

@@ -0,0 +1,3 @@
+export interface ComandoNovoInterface {
+    nome: string
+}

interfaces/index.ts

@@ -1,3 +1,5 @@
 export * from './erro-lexador-liquido';
 export * from './interface-liquido';
 export * from './retorno-middleware';
+export * from './comando-novo-interface'
+export * from './comando-gerar-interface'

package.json

@@ -24,6 +24,9 @@
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
     },
+    "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+    },
     "scripts": {
         "empacotar": "yarn rimraf ./dist && tsc && yarn copyfiles -V ./bin/liquido ./bin/liquido.cmd ./dist && yarn copyfiles -V ./README.md ./dist",
         "publicar-npm": "npm publish --access public",
@@ -45,28 +48,31 @@
         "@designliquido/lincones-sqlite": "^0.0.2",
         "@designliquido/lmht-js": "^0.4.9",
         "body-parser": "^1.20.2",
-        "commander": "^11.1.0",
+        "chalk": "4.1.2",
         "cookie-parser": "^1.4.6",
         "cors": "^2.8.5",
         "dotenv": "^16.4.5",
         "express": "^4.19.2",
         "fast-glob": "^3.3.2",
         "fast-xml-parser": "^4.3.6",
+        "figlet": "^1.7.0",
         "handlebars": "^4.7.8",
         "helmet": "^7.1.0",
         "jwt-simple": "^0.5.6",
         "morgan": "^1.10.0",
         "nodemon": "^3.1.0",
         "passport": "^0.7.0",
         "passport-jwt": "^4.0.1",
-        "prompts": "^2.4.2"
+        "prompts": "^2.4.2",
+        "yargs": "^17.7.2"
     },
     "devDependencies": {
         "@types/body-parser": "^1.19.5",
         "@types/cookie-parser": "^1.4.7",
         "@types/cors": "^2.8.17",
         "@types/dotenv": "^8.2.0",
         "@types/express": "^4.17.21",
+        "@types/figlet": "^1.5.8",
         "@types/jest": "^29.5.12",
         "@types/jwt-simple": "^0.5.36",
         "@types/morgan": "^1.9.9",

tsconfig.json

@@ -15,7 +15,8 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "experimentalDecorators": true,
-        "emitDecoratorMetadata": true
+        "emitDecoratorMetadata": true,
+        "resolveJsonModule": true
     },
     "exclude": [
         "babel.config.js",