Ferramentas de Desenvolvimento & Criatividade

O RoqueOS oferece ferramentas para desenvolvedores e criativos que funcionam diretamente no browser — sem instalação.

---

✏️ Roque Code

Editor de código leve com syntax highlighting para múltiplas linguagens. Ideal para edições rápidas de arquivos de código diretamente no RoqueOS.

Funcionalidades

🎨 Syntax Highlighting

JavaScript, Python, HTML, CSS, JSON, YAML, Markdown e dezenas de linguagens.

🔢 Números de Linha

Referências visuais para navegação rápida no código.

🔍 Busca

Encontre e substitua texto com suporte a regex.

📁 Integração com Finder

Abra arquivos de código diretamente pelo Gerenciador de Arquivos.

Linguagens Suportadas

JavaScript · TypeScript · Python · HTML · CSS · SCSS · JSON · YAML · Markdown · SQL · Shell · PHP · Java · C/C++ · Go · Rust · Ruby · Swift · e mais

Quando Usar Roque Code vs VS Code?

	Roque Code	VS Code
Requer servidor	❌ Não	✅ Sim
Peso	Leve e instantâneo	Completo mas pesado
IntelliSense	❌ Não	✅ Sim
Extensions	❌ Não	✅ Sim
Terminal	❌ Não	✅ Sim
Ideal para	Edições rápidas	Projetos completos

---

🔌 Roqueman

Cliente de API profissional integrado ao RoqueOS — teste requisições HTTP, WebSocket e GraphQL sem sair do desktop web.

Funcionalidades

🌐 HTTP

GET, POST, PUT, PATCH, DELETE com headers, body e auth customizáveis.

🔗 WebSocket

Conecte e envie/receba mensagens em tempo real.

📊 GraphQL

Editor de queries com syntax highlighting e variáveis.

💾 Histórico

Salve e reutilize requisições frequentes.

Como Usar

1. Abra o Roqueman no Launchpad
2. Selecione o tipo de requisição (HTTP, WebSocket ou GraphQL)
3. Configure a URL, headers, body e autenticação
4. Clique em Enviar
5. A resposta aparece formatada com syntax highlighting, tempo de resposta e status

Exemplo — Requisição HTTP

GET https://api.github.com/users/roqueribeiro

A resposta exibe:

• Status — Código HTTP (200, 404, etc.)
• Tempo — Duração da requisição em ms
• Headers — Headers da resposta
• Body — Corpo da resposta com formatação JSON

---

🎨 Paint

Editor de imagens e ferramenta de desenho para criar ilustrações, editar fotos e fazer anotações visuais.

Ferramentas Disponíveis

Ferramenta	Descrição
Pincel	Desenho livre com tamanho e cor configuráveis
Borracha	Apague partes do desenho
Formas	Retângulo, círculo, linha e seta
Texto	Insira texto na imagem
Balde	Preencha áreas com cor
Seleção	Selecione e mova partes da imagem
Paleta	Escolha cores com picker ou valores HEX/RGB

Como Usar

1. Abra o Paint no Launchpad
2. Crie um novo canvas ou abra uma imagem existente
3. Use as ferramentas na barra lateral para desenhar e editar
4. Exporte como PNG, JPEG ou salve nos seus arquivos

---

🖊️ Whiteboard

Quadro branco infinito para diagramas, brainstorming, wireframes e anotações visuais.

Funcionalidades

♾️ Canvas Infinito

Espaço ilimitado para suas ideias — faça zoom e pan livremente.

✏️ Desenho Livre

Pincéis, canetas e marcadores com pressão configurável.

📐 Formas

Retângulos, círculos, setas e conectores para diagramas.

📝 Texto & Notas

Adicione texto e sticky notes ao quadro.

Casos de Uso

• 🧠 Brainstorming — Organize ideias visualmente
• 📊 Diagramas — Fluxogramas, arquiteturas e wireframes
• 📐 UX/UI — Prototipos rápidos de interfaces
• 📝 Aulas — Quadro para apresentações e explicações