Phantom Code

O Phantom Code é uma aplicação desktop construída com Electron e React. Um atalho global captura o problema no ecrã e uma API em NestJS envia a captura ao modelo que o utilizador escolher: OpenAI, Anthropic, Google Gemini ou OpenRouter através do Vercel AI SDK, com OCR em Tesseract como alternativa, ou um modelo local via Ollama ou LM Studio. A solução aparece numa janela sobreposta. As chaves de API são guardadas por fornecedor e encriptadas com o cofre de chaves do sistema operativo.

O produto é o próprio código-fonte. O site em Next.js 16 vende acesso vitalício através do Stripe, autentica compradores com Better Auth, protege uma documentação de 17 páginas em Markdown guardada em PostgreSQL, com pesquisa ao vivo por secção, e serve downloads temporários a partir do Supabase Storage, que o GitHub Actions atualiza a cada push.

Redesenhei todo o frontend como um sistema monocromático, só em modo escuro. O hero é uma cena em three.js baseada na ilusão de palco Pepper's Ghost: um vidro com o código num palco escuro, em volta do qual a câmara gira à medida que se faz scroll. A consola de compradores segue a estrutura da consola da Oxide Computer, com paleta de comandos, tabelas e skeletons de carregamento, e as páginas 404 e de erro mostram o código de estado numa matriz de pontos.

O redesign também atualizou todas as dependências para a versão mais recente, incluindo o TypeScript 7 a correr ao lado da API do TypeScript 6 para as ferramentas, e acrescentou um ambiente Docker de desenvolvimento com Redis compatível com Upstash e pré-compilação de rotas, que reduziu a primeira navegação de 10,2 s para cerca de 180 ms.