Fluig Debug

Painel no DevTools para inspecionar e manipular formulários Fluig (ler/setar campos, dump de estado). Ferramenta interna de debug.

🚀 Fluig Debug - DevTools Extension para TOTVS Fluig O Fluig Debug adiciona uma aba inteligente ao Chrome DevTools (F12), ativada automaticamente em páginas da plataforma TOTVS Fluig. Ele elimina o trabalho manual de inspecionar frames, decifrar nomes dinâmicos no DOM e colar scripts jQuery repetitivos no console durante a depuração de formulários e processos de workflow. ✨ O QUE HÁ DE NOVO NA VERSÃO 2.0: • Interface Moderna em Abas: Organização limpa entre Ler campo, Alterar e Dump. • Browser de Campos & Tabelas Pai-Filho no Topo: Acordeões colapsáveis com contagem de linhas/campos, sem limite de corte e alternância entre visão de Linhas (___N) e Colunas (resumo). • Localizador no Formulário com Auto-Uncollapse: Encontra o campo na tela, abre automaticamente painéis/sanfonas colapsados (.collapse, .tab-pane, <details>) e rola a tela com destaque visual. • Dump JSON para IAs: Exporte o estado completo do formulário com logs capturados com 1 clique para colar no ChatGPT, Gemini ou Claude. • Botões de Cópia Rápida: Copie nomes, valores e JSONs com feedback visual imediato. 🔍 POR QUE O FLUIG DEBUG EXISTE? No Fluig, o identificador de um campo muda constantemente conforme o estado do formulário: • Desabilitado: Ganha prefixo _ (ex: codigo vira _codigo). • Tabela Pai-Filho: Ganha sufixo ___N (ex: item___1, item___2). • Modo Visualização / Finalizado: Vira tag <span> mantendo o nome mas com o valor no texto. • iFrames: O formulário roda dentro de um iframe (pageworkflowview), exigindo trocar o contexto do console à mão. O Fluig Debug resolve tudo isso: você digita o nome "limpo" do campo e a extensão varre os iframes, localiza a ocorrência real e interage diretamente com o contexto correto. 🛠️ FUNCIONALIDADES PRINCIPAIS 1. Contexto da Solicitação & documentId • Identifica automaticamente o número da solicitação de workflow pela URL. • Consulta o dataset nativo workflowProcess para resolver o documentId autoritativo da ficha. 2. Leitura & Localização Inteligente (Auto-Uncollapse) • Lê instantaneamente qualquer campo (inputs normais, desabilitados, somente leitura ou pai-filho). • Botão Localizar no formulário: abre sanfonas fechadas, rola a página suavemente até o elemento e aplica um halo pulsante ao redor dele. 3. Browser de Campos & Tabelas Pai-Filho • Listagem completa no painel com pesquisa em tempo real por nome, tabela ou valor. • Tabelas pai-filho destacadas no topo com botões rápidos para Ler, Setar e Copiar. 4. Autocomplete de Campos • Sugestões instantâneas ao digitar nos campos de busca, com badges de status, prévia do valor atual e atalho ___ para navegar por linhas. 5. Alteração Segura de Valores (DOM e Banco de Dados) • Setar no DOM: Aplica $(campo).val(novoValor) com tela prévia de confirmação e read-back do valor aplicado. • Setar no Banco: Grava direto no banco via dataset customizado dsSetCardValue para formulários finalizados ou campos bloqueados. 6. Dump de Estado Estruturado (Otimizado para IA) • Exporta em JSON todos os campos simples, tabelas pai-filho e erros/mensagens de console capturados no DevTools. Pronto para gerar contexto rico em prompts de IA. 7. Histórico com Rollback • Histórico por sessão das leituras e alterações com botão Restaurar valor anterior para desfazer testes acidentais. 🛡️ PRIVACIDADE E SEGURANÇA • Zero Permissões Requisitadas: Não exige permissões de rede, armazenamento persistente nem <all_urls>. • 100% Local: Todo o processamento ocorre exclusivamente dentro da aba inspecionada. Nenhum dado é enviado para servidores externos. • Inerte fora do Fluig: A aba do DevTools só é instanciada ao detectar os objetos globais WCMAPI ou FLUIGC. • Código Aberto: Transparência total sob licença MIT. 📌 REQUISITOS E OBSERVAÇÕES • A gravação direta no banco depende do dataset customizado dsSetCardValue estar cadastrado no ambiente Fluig. Todas as demais funções são 100% nativas e não requerem nada instalado no servidor.