Guia completo da Vupi IDE (Monaco Editor)
A IDE da Vupi foi desenvolvida para proporcionar uma experiência de engenharia de software de ponta diretamente no navegador, sem abrir mão de performance ou segurança. Toda a interface é alimentada pelo Monaco Editor, oferecendo o mesmo ecossistema de produtividade, atalhos, intellisense e autocompletion do Visual Studio Code.
Painéis e ferramentas integradas
- Explorador de Arquivos: Gerencie a estrutura de diretórios do seu projeto. Arquivos criados nascem vazios e o acesso é confinado ao workspace do projeto.
- Editor de Código (Monaco): Suporte completo a realce de sintaxe, TypeScript / JavaScript, PHP, Python, Go, Java, SQL, JSON e Markdown.
- Painel de Banco de Dados: Criação, validação e execução de migrations e seeders em 1 clique, além de diagramas EER visuais de schema.
- Analisador Estático & Auto-Fixer: Diagnósticos determinísticos em tempo real de sintaxe, PSR-4, rotas e dependências.
- API Route Tester Integrado: Testador de endpoints HTTP embutido para validar requisições públicas e privadas sem sair da IDE.
- Assistente de IA & MCP: Integração com Ollama (modelos locais na VPS) e provedores remotos com propostas em diffs seguros.
- Terminal & Logs em Tempo Real: Terminal restrito ao workspace e visualizador de logs isolados da release ativa.
Ciclo de desenvolvimento na IDE
- Edição de código: Crie rotas, controllers e models com intellisense e type checking no Monaco Editor.
- Banco de dados: Crie migrations SQL e seeders iniciais e aplique-os diretamente pelo painel de dados.
- Análise e Correção: Execute a análise estática para garantir conformidade antes da publicação.
- Testes de API: Valide as respostas diretamente no API Route Tester.
- Ativação em Produção: Clique no botão Ativar para que o worker crie a release imutável e execute o container com Zero-Downtime.
Estados do projeto
| Estado | Significado | Comportamento do Tráfego |
|---|---|---|
| Desativado | Código e banco existem, mas o container está desligado. | Retorna página de aviso ou 404 sem expor portas. |
| Ativando | O worker está construindo a release e validando o healthcheck. | A versão anterior continua respondendo. |
| Ativo | Container saudável, rotas registradas e proxy atualizado. | Tráfego roteado normalmente com TLS ativo. |
| Falha | O container candidato falhou no healthcheck. | Rollback automático: a versão anterior segue ativa e logs indicam o erro. |
Atualizações incrementais sem interrupção
Em projetos com status Ativo, qualquer alteração salva de código ou dependência gera automaticamente uma release candidata em segundo plano. A plataforma testa a nova release e somente realiza a troca de tráfego se a nova versão responder com sucesso aos testes de saúde, garantindo 100% de disponibilidade.