NeuroCoder: Extensão VS Code para Acessibilidade Neurodivergente

📖 Descrição
NeuroCoder é uma extensão do Visual Studio Code projetada especificamente para programadores neurodivergentes, fornecendo ferramentas avançadas de acessibilidade visual para melhorar a experiência de programação.
✨ Principais Recursos:
- Interface Acessível: Design limpo com temas claro/escuro e fontes amigáveis para dislexia
- Modo Foco Inteligente: Destaca código selecionado com escurecimento contextual
- Pomodoro Integrado: Timer de produtividade integrado no painel de configurações
- Realce Dinâmico: Sistema de destaque de código baseado em cores personalizável
- Configurações Neuroinclusivas: Ajustes refinados para necessidades sensoriais
🚀 Instalação
Via Marketplace
- Abra o VS Code
- Pressione
Ctrl+Shift+X
- Procure por "NeuroCoder"
- Clique em Instalar
Atalhos:
Ctrl+Alt+S → Abrir configurações
Ctrl+Alt+F → Ativar Modo Foco
Ctrl+Alt+V → Adicionar variável
💻 Desenvolvimento
git clone https://github.com/mari-ww/NeuroCoder.git
cd NeuroCoder
npm install
# Pressione F5 no VS Code para testar
🎯 Como Usar
🧩 Painel de Configurações Visuais (Ctrl+Alt+S)
- Fontes Acessíveis: OpenDyslexic, Comic Sans MS, Verdana
- Ajustes Sensoriais: Espaçamento de linha e letra personalizável
- Temas: Troca instantânea entre modo claro/escuro
- Pré-visualização ao Vivo: Visualização em tempo real de todas as alterações
⏱️ Sistema Pomodoro Integrado
- Timer de produtividade 25/5 embutido
- Controles diretos no painel principal
- Display de tempo claro com layout amigável para foco
🎨 Realce de Código
- Cores totalmente personalizáveis para marcação de código
- Múltiplos realces simultâneos suportados
- Limpeza com um clique para resetar todas as marcações instantaneamente
🎯 Modo Foco Inteligente
- Destaque Contextual: Foca apenas no código selecionado
- Escurecimento Adaptativo: Reduz a visibilidade do código não relevante
- Ativação Rápida: Ative/desative com um simples atalho de teclado
📺 Demonstração
Nota: A demonstração mostra todas as funcionalidades principais em ação, incluindo o sistema de realce dinâmico e o painel de configurações.
🛠️ Integração Técnica
Referência da API do VS Code
| Função |
Descrição |
Uso no Projeto |
createWebviewPanel |
Cria painéis de UI baseados em web |
Painel de configurações visuais |
getConfiguration |
Lê e grava preferências |
Personalização de fonte/cor |
createTextEditorDecorationType |
Estiliza texto no editor |
Realces & Modo Foco |
window.showQuickPick |
Mostra seleção rápida |
Escolha de fontes e temas |
workspace.getConfiguration |
Obtém configurações |
Leitura das preferências salvas |
Estrutura de Arquivos
NeuroCoder/
├── src/
│ ├── extension.ts # Ponto de entrada principal
│ ├── settingsPanel.ts # Painel de configurações
│ ├── highlightManager.ts # Gerenciador de realces
│ ├── focusMode.ts # Implementação do modo foco
│ └── pomodoroTimer.ts # Timer Pomodoro
├── media/
│ ├── images/ # Imagens e ícones
│ └── demo.gif # GIF de demonstração
├── package.json # Configuração da extensão
└── README.md # Este arquivo
📦 Dependências
{
"dependencies": {
"fastest-levenshtein": "^1.0.16"
},
"devDependencies": {
"@types/vscode": "^1.85.0",
"typescript": "^5.3.0",
"vsce": "^2.15.0"
}
}
🤝 Contribuindo
- 🐞 Reportar Bugs: Abra uma Issue
- 💡 Sugerir Funcionalidades: Use o template de solicitação de funcionalidades
- 🔧 Enviar Pull Requests: Siga as diretrizes de contribuição
🔗 Links Úteis
📝 Licença
Licença MIT — Veja o arquivo LICENSE para detalhes completos.
✨ Construído com acessibilidade em mente ✨
Encontrou um bug? Tem uma ideia? Abra uma issue.
💡 Dica: A extensão é completamente gratuita e de código aberto — contribuições são sempre bem-vindas!
🚧 Roteiro Futuro (Em Breve)
- 🗣️ Modo Leitura por Voz — Lê código em voz alta para suporte a processamento auditivo
- 💬 Hub de Feedback da Comunidade — Ajuste colaborativo de acessibilidade
🧩 Fique atento para as próximas atualizações na v2.1.0+ — seu feedback impulsiona o desenvolvimento!