MVC Scaffolding: Visão de edição + correções de bugs.

index-gerar.ts

@@ -52,8 +52,8 @@ const pontoDeEntradaGerar = async (argumentos: string[]) => {
         console.info(`Visão ${visaoSelecionarUm}`);
         const visaoAdicionar = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'adicionar');
         console.info(`Visão ${visaoAdicionar}`);
-        const visaoAtualizar = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'atualizar');
-        console.info(`Visão ${visaoAtualizar}`);
+        const visaoEditar = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'editar');
+        console.info(`Visão ${visaoEditar}`);
         const visaoExcluir = geradorVisoes.criarNovaVisao(nomeModeloPlural, declaracaoModelo, 'excluir');
         console.info(`Visão ${visaoExcluir}`);
     }

infraestrutura/formatadores/index.ts

@@ -30,8 +30,11 @@ export class FormatadorLmht {
      * @returns O resultado das duas conversões.
      */
     async formatar(caminhoRota: string, valores: any): Promise<any> {
-        let visaoCorrespondente: string = caminho.join(this.diretorioBase, 'visoes', caminhoRota, '.lmht');
-        const diretorioOuArquivo = caminho.join(this.diretorioBase, 'visoes', caminhoRota);
+        // Remove parâmetros da rota. 
+        // Ainda não sei se é uma boa ideia fazer desse jeito.
+        const caminhoRotaSemParametros = caminhoRota.replace(/:[\w]+\//i, "");
+        let visaoCorrespondente: string = caminho.join(this.diretorioBase, 'visoes', caminhoRotaSemParametros, '.lmht');
+        const diretorioOuArquivo = caminho.join(this.diretorioBase, 'visoes', caminhoRotaSemParametros);
         if (sistemaDeArquivos.existsSync(diretorioOuArquivo)) {
             // É diretório
             if (visaoCorrespondente.endsWith(caminho.sep + '.lmht')) {

infraestrutura/preprocessadores/foles.ts

@@ -8,10 +8,12 @@ export class PreprocessadorFolEs {
 
   constructor() {
     this.leitorLmht = new XMLParser({
-      ignoreAttributes: false
+      ignoreAttributes: false,
+      preserveOrder: true
     });
     this.construtorLmht = new XMLBuilder({
-      ignoreAttributes: false
+      ignoreAttributes: false,
+      preserveOrder: true
     });
     this.foles = new FolEs(false);
   }

interface-linha-comando/gerar/gerador-rotas.ts

@@ -69,26 +69,25 @@ export class GeradorRotas {
         const conteudoAtualizar = `liquido.rotaPut(funcao(requisicao, resposta) {\n    resposta.lmht({ "titulo": "Liquido" })\n})\n\n`;
         const conteudoSelecionarParaExclusao = this.criarRotaConfirmarExclusao(declaracaoModelo);
         const conteudoExcluir = `liquido.rotaDelete(funcao(requisicao, resposta) {\n    resposta.lmht({ "titulo": "Liquido" })\n})\n\n`;
-        const conteudoRotas = `${conteudoSelecionarUm}${conteudoSelecionarParaEdicao}${conteudoAtualizar}${conteudoSelecionarParaExclusao}${conteudoExcluir}`;
 
         const diretorioRotasComId = criarDiretorioComIdSeNaoExiste(diretorioRotas);
 
         const caminhoRotasId = caminho.join(diretorioRotasComId, 'inicial.delegua');
         sistemaArquivos.writeFileSync(
             caminhoRotasId, 
-            conteudoRotas
+            `${conteudoSelecionarUm}`
         );
 
         const caminhoRotaEditar = caminho.join(diretorioRotasComId, 'editar.delegua');
         sistemaArquivos.writeFileSync(
             caminhoRotaEditar, 
-            conteudoRotas
+            `${conteudoSelecionarParaEdicao}${conteudoAtualizar}`
         );
 
         const caminhoRotaExcluir = caminho.join(diretorioRotasComId, 'excluir.delegua');
         sistemaArquivos.writeFileSync(
             caminhoRotaExcluir, 
-            conteudoRotas
+            `${conteudoSelecionarParaExclusao}${conteudoExcluir}`
         );
 
         return [caminhoRotasId, caminhoRotaEditar, caminhoRotaExcluir];

interface-linha-comando/gerar/gerador-visoes.ts

@@ -37,9 +37,9 @@ export class GeradorVisoes {
                 caminhoVisao = caminho.join(diretorioVisoes, 'adicionar.lmht');
                 corpo = '    <corpo>Teste</corpo>\n';
                 break;
-            case 'atualizar':
-                caminhoVisao = caminho.join(diretorioVisoes, 'atualizar.lmht');
-                corpo = '    <corpo>Teste</corpo>\n';
+            case 'editar':
+                caminhoVisao = caminho.join(diretorioVisoes, 'editar.lmht');
+                corpo = `${" ".repeat(this.indentacao)}<corpo>\n${this.corpoEditar(declaracaoModelo)}\n${" ".repeat(this.indentacao)}</corpo>\n`;
                 break;
             case 'excluir':
                 caminhoVisao = caminho.join(diretorioVisoes, 'excluir.lmht');
@@ -117,4 +117,23 @@ export class GeradorVisoes {
 
         return `${titulo}${relacaoPropriedades}`;
     }
+
+    private corpoEditar(declaracaoModelo: Classe): string {
+        const titulo = `${" ".repeat(this.indentacao * 2)}<titulo1>Detalhes de ${declaracaoModelo.simbolo.lexema}</titulo1>\n`;
+
+        const listaPropriedades: string[] = [];
+        for (const propriedade of declaracaoModelo.propriedades) {
+            listaPropriedades.push(" ".repeat(this.indentacao * 3) + `<etiqueta para="${propriedade.nome.lexema}">${propriedade.nome.lexema}</etiqueta>`);
+            listaPropriedades.push(" ".repeat(this.indentacao * 3) + `<campo tipo="texto" id="{{${propriedade.nome.lexema}}}"></campo>`);
+        }
+
+        const relacaoPropriedades = `${" ".repeat(this.indentacao * 2)}<campos>\n` + 
+            listaPropriedades.reduce(
+                (acumulador, elemento) => acumulador + '\n' + elemento
+            ) +
+            `\n${" ".repeat(this.indentacao * 2)}</campos>\n`;
+
+        const formulario = `${" ".repeat(this.indentacao * 2)}<formulário método="POST" ação="">\n${relacaoPropriedades}</formulário>\n`;
+        return `${titulo}${formulario}`;
+    }
 }

interface-linha-comando/gerar/tipo-visao.ts

@@ -1,5 +1,5 @@
 export type TipoVisao = 'selecionarTudo' | 
     'selecionarUm' |
     'adicionar' |
-    'atualizar' |
+    'editar' |
     'excluir';

package.json

@@ -43,7 +43,7 @@
         "@designliquido/flexoes": "^0.1.0",
         "@designliquido/foles": "^0.6.1",
         "@designliquido/lincones-sqlite": "^0.0.2",
-        "@designliquido/lmht-js": "^0.4.4",
+        "@designliquido/lmht-js": "^0.4.5",
         "body-parser": "^1.20.1",
         "commander": "^11.1.0",
         "cookie-parser": "^1.4.6",

yarn.lock

@@ -348,13 +348,13 @@
     sqlite "4.1.2"
     sqlite3 "^5.1.4"
 
-"@designliquido/lmht-js@^0.4.4":
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/@designliquido/lmht-js/-/lmht-js-0.4.4.tgz#d0f88553122a113f89f6516ec1d29a40a0061a81"
-  integrity sha512-mpL2mlZSsjRptkaoS4X0XOSiTzVH/QwVrpdJr6w1MjgJwWGPO/qsdlL/zRUwL6cW7JDo8B3scN3h2wHoOvY5aw==
+"@designliquido/lmht-js@^0.4.5":
+  version "0.4.5"
+  resolved "https://registry.yarnpkg.com/@designliquido/lmht-js/-/lmht-js-0.4.5.tgz#5a31cb4a62a989d4cca97dd0a88035d5adf0cc0b"
+  integrity sha512-Y9DzF4XLjrxXtz6KDXBY3TJ9bUlepLJNUTKRT41OAh+5P8c2E7dYhVMZm2nvlq26IPmEwVwHNslEF4ueipgCgQ==
   dependencies:
     jsdom "^21.1.1"
-    xslt-processor "^2.1.2"
+    xslt-processor "^2.1.3"
 
 "@eslint/eslintrc@^1.3.3":
   version "1.3.3"
@@ -6309,10 +6309,10 @@ xregexp@2.0.0:
   resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-2.0.0.tgz#52a63e56ca0b84a7f3a5f3d61872f126ad7a5943"
   integrity sha512-xl/50/Cf32VsGq/1R8jJE5ajH1yMCQkpmoS10QbFZWl2Oor4H0Me64Pu2yxvsRWK3m6soJbmGfzSR7BYmDcWAA==
 
-xslt-processor@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/xslt-processor/-/xslt-processor-2.1.2.tgz#3e116c737906aaf079c271115ae83e73a5e6d332"
-  integrity sha512-AwMLtLzRIRgVZuLgSra1Bz3wFUb6fBKYCK2gVaufXkIR2g7o4U9Ml5rCEcHoTc6LSDrKhSiFKnJEG+kKyrFvxw==
+xslt-processor@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/xslt-processor/-/xslt-processor-2.1.3.tgz#2380190f4ae383cc1f22173690ebc051d3f2e022"
+  integrity sha512-WiYeocbC/Y7SmRO7FAHUCx7mmGstd82CKiuWiJG3lYQYTbSHl/e1PVCuVuCVSY4ZHlGRkey48rgvCEEdAtlrjQ==
   dependencies:
     he "^1.2.0"