@yakuzaa/jade 0.1.14 → 0.1.16

package/commands/html.js

@@ -456,6 +456,28 @@ function formatarValor(v, campo) {
   return v.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
 
+function exportarCSV(dados, nomeArquivo) {
+  if (!dados.length) return;
+  const campos = Object.keys(dados[0]).filter(k => !k.startsWith('_') && k !== 'id');
+  const linhas = [
+    campos.join(';'),
+    ...dados.map(r => campos.map(c => {
+      const v = String(r[c] ?? '').replace(/"/g, '""');
+      return `"${v}"`;
+    }).join(';'))
+  ];
+  const bom = '\uFEFF'; // UTF-8 BOM para Excel
+  const blob = new Blob([bom + linhas.join('\n')], { type: 'text/csv;charset=utf-8;' });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = (nomeArquivo || 'exportacao') + '.csv';
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+
 // Resolve marcadores @funcao:Entidade:campo nos descritores de tela
 function resolverAgregacoes(tela, dadosMap) {
   for (const el of tela.elementos || []) {
@@ -521,8 +543,9 @@ async function mudarTela(nome, telas, db, ui, navItems) {
     }
   }
 
-  // Resolve @soma, @contagem, @media antes de renderizar
-  resolverAgregacoes(tela, dadosMap);
+  // NOTA: @soma/@contagem/@media agora são resolvidos reativamente pelo runtime.
+  // Mantemos resolverAgregacoes apenas para versões antigas de runtime que não suportam reatividade.
+  if (!ui.setDadosEntidade) resolverAgregacoes(tela, dadosMap);
 
   ui.renderizarTela(tela, container, dadosMap);
 
@@ -536,7 +559,11 @@ async function mudarTela(nome, telas, db, ui, navItems) {
       document.body.classList.add('jade-com-busca');
       buscaInput.value = '';
       signal.set('');
-      buscaInput.oninput = () => signal.set(buscaInput.value.toLowerCase());
+      let _bt = null;
+      buscaInput.oninput = () => {
+        clearTimeout(_bt);
+        _bt = setTimeout(() => signal.set(buscaInput.value.toLowerCase()), 200);
+      };
     } else {
       buscaWrapper.style.display = 'none';
       document.body.classList.remove('jade-com-busca');
@@ -656,15 +683,90 @@ async function iniciar() {
     }
   });
 
-  // Handler: jade:acao — dispara jade:acao:concluido após processar
-  // (evita spinner eterno em botões sem implementação WASM real)
-  window.addEventListener('jade:acao', (e) => {
-    const acao = e.detail?.acao;
-    // Navegar via router.navegar() é tratado pelo runtime interno —
-    // aqui garantimos que o botão sai do estado de carregamento
-    setTimeout(() => {
+  // Handler: jade:acao — CRUD, WASM, CSV export
+  window.addEventListener('jade:acao', async (e) => {
+    const { acao, tela: nomeTela } = e.detail ?? {};
+    if (!acao) return;
+
+    // Padrão: novoXxx → abre modal de criação para entidade Xxx
+    const matchNovo = acao.match(/^novo([A-Z][a-zA-Z]*)/);
+    if (matchNovo) {
+      ui.abrirModalCRUD?.('criar', matchNovo[1]);
+      window.dispatchEvent(new CustomEvent('jade:acao:concluido', { detail: { acao } }));
+      return;
+    }
+
+    // Padrão: exportarCSV ou exportarCsv → exporta entidade ativa como CSV
+    if (/^exportar(CSV|Csv|csv)?/.test(acao)) {
+      const entidades = ui.getEntidadesAtivas?.() ?? [];
+      const entidade = entidades[0];
+      if (entidade) {
+        const dados = await db.find(entidade).catch(() => []);
+        exportarCSV(dados, entidade);
+        ui.mostrarNotificacao(`${entidade} exportado com sucesso`, 'sucesso');
+      }
       window.dispatchEvent(new CustomEvent('jade:acao:concluido', { detail: { acao } }));
-    }, 300);
+      return;
+    }
+
+    let chamouWasm = false;
+    try {
+      if (typeof runtime?.call === 'function') {
+        try { runtime.call(acao); chamouWasm = true; } catch (_) { /* não exportado */ }
+      }
+
+      const entidades = ui.getEntidadesAtivas?.() ?? [];
+      await Promise.all(entidades.map(async (entidade) => {
+        const dados = await db.find(entidade).catch(() => []);
+        ui.setDadosEntidade?.(entidade, dados);
+      }));
+
+      if (chamouWasm) ui.mostrarNotificacao('Ação concluída com sucesso', 'sucesso');
+    } catch (err) {
+      ui.mostrarNotificacao('Erro ao executar ação: ' + (err?.message ?? err), 'erro');
+    }
+
+    window.dispatchEvent(new CustomEvent('jade:acao:concluido', { detail: { acao } }));
+  });
+
+  // Handlers CRUD: criar, atualizar, remover
+  window.addEventListener('jade:crud:criar', async (e) => {
+    const { entidade, dados } = e.detail ?? {};
+    if (!entidade || !dados) return;
+    try {
+      await db.insert(entidade, dados);
+      const registros = await db.find(entidade);
+      ui.setDadosEntidade?.(entidade, registros);
+      ui.mostrarNotificacao(`${entidade} criado com sucesso`, 'sucesso');
+    } catch (err) {
+      ui.mostrarNotificacao('Erro ao criar: ' + (err?.message ?? err), 'erro');
+    }
+  });
+
+  window.addEventListener('jade:crud:atualizar', async (e) => {
+    const { entidade, id, dados } = e.detail ?? {};
+    if (!entidade || !id || !dados) return;
+    try {
+      await db.update(entidade, id, dados);
+      const registros = await db.find(entidade);
+      ui.setDadosEntidade?.(entidade, registros);
+      ui.mostrarNotificacao(`${entidade} atualizado`, 'sucesso');
+    } catch (err) {
+      ui.mostrarNotificacao('Erro ao atualizar: ' + (err?.message ?? err), 'erro');
+    }
+  });
+
+  window.addEventListener('jade:crud:remover', async (e) => {
+    const { entidade, id } = e.detail ?? {};
+    if (!entidade || !id) return;
+    try {
+      await db.delete(entidade, id);
+      const registros = await db.find(entidade);
+      ui.setDadosEntidade?.(entidade, registros);
+      ui.mostrarNotificacao(`${entidade} excluído`, 'info');
+    } catch (err) {
+      ui.mostrarNotificacao('Erro ao excluir: ' + (err?.message ?? err), 'erro');
+    }
   });
 
   // Renderiza primeira tela navegável

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yakuzaa/jade",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Jade DSL — linguagem empresarial em português compilada para WebAssembly. Instala compilador + runtime + CLI.",
   "type": "module",
   "bin": {
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@yakuzaa/jade-compiler": "^0.1.15",
-    "@yakuzaa/jade-runtime": "^0.1.10"
+    "@yakuzaa/jade-runtime": "^0.1.12"
   },
   "keywords": [
     "jade",