Fluig Process Viewer — 0.2.0

Extensão independente para visualizar e editar arquivos .process XML/XMI do Fluig no VS Code. Funciona localmente, sem serviços externos e sem dependências de execução adicionais.

Desenvolvido por JP Code Craft Solutions.

Instalar

1. No VS Code, abra Extensões (Ctrl+Shift+X).
2. Pesquise Fluig Process Viewer, de Jonivani Ricardo Pereira.
3. Clique em Instalar. Se a extensão já estiver instalada, atualize para a versão disponível.
4. Abra um arquivo .process. Se abrir como texto, use Reabrir Editor Com… → Fluig: visualizar e editar processo.

Ver no Visual Studio Marketplace

Visualizar e navegar

• Use +, − ou a roda do mouse para zoom; Ajustar enquadra o fluxo.
• Arraste o fundo para navegar e busque atividades por nome ou ID na lateral.
• Clique em uma atividade, raia, conexão ou no processo listado para consultar suas propriedades.
• Abrir XML abre o arquivo ao lado. Alterações no documento atualizam o diagrama.

Editar o processo

• Arraste uma atividade para reposicioná-la.
• Use Adicionar para criar atividades, decisões e eventos de início ou fim.
• Selecione uma origem, clique em Conectar selecionado… e escolha o destino. Esc cancela.
• Use Excluir selecionado… para remover um elemento e suas conexões. A confirmação informa a remoção das condições relacionadas.
• Altere os campos no painel Propriedades e clique em Aplicar propriedades.
• Expanda Condições e regras para editar condições existentes e adicionar condições por expressão. Os destinos correspondem às conexões de saída.
• As configurações de responsáveis e outros atributos XML embutidos são exibidos em campos editáveis, preservando os dados existentes.
• Abrir script associado abre o JavaScript de uma tarefa de serviço no VS Code.
• Salvar ou Ctrl+S grava o documento. Desfazer e Refazer usam o histórico do VS Code.
• Validar estrutura verifica referências, conexões e destinos de condições sem executar o processo.

Escopo e limites

A versão 0.2.0 introduz a edição local. Ainda não substitui todas as funções do Fluig Studio: a criação de elementos cobre atividades comuns, decisões e eventos de início/fim; a movimentação de raias e a exclusão de contêineres ou subprocessos não estão disponíveis. Vínculos especiais que tornariam uma exclusão inconsistente bloqueiam a operação.

Os símbolos são simplificados. Ícones de tipos específicos, fontes e estilos do Eclipse não são reproduzidos integralmente. Códigos numéricos das regras mantêm os valores do arquivo, sem interpretar operadores não documentados. A validação estrutural não verifica cadastros do servidor, não executa expressões ou scripts e não publica processos no Fluig.

Os testes automatizados exercitam edição em memória de 11 diagramas distintos, além de exemplos sintéticos. A reimportação dos arquivos editados no Fluig Studio ainda precisa de homologação. Use cópias dos processos para essa avaliação. Arquivos de produção não acompanham a extensão.

Desenvolvimento

Abra esta pasta no VS Code e pressione F5. Na janela de desenvolvimento, abra uma cópia de um .process.

• Integração com o VS Code: extension.js e document-edit.js.
• Leitura e edição do XML: media/model.js e media/editor.js.
• Interface: media/viewer.js, media/properties.js e media/viewer.css.
• Testes: npm install, npx playwright install chromium e npm test.
• Para testar diagramas locais apenas em memória: npm test -- "caminho/para/projetos".

Desenvolvido por

JP Code Craft Solutions

www.jpcodecraft.com.br

Projeto independente, sem vínculo oficial com a TOTVS.