Criei um conversor de JSON para TypeScript usando apenas JavaScript puro (vanilla) e rodando 100% no lado do cliente (via VS Code Web)
Olá a todos!
Queria compartilhar um pequeno projeto utilitário que desenvolvi inteiramente no navegador, usando o vscode.dev.
Eu estava cansado de usar conversores online pesados e cheios de anúncios sempre que precisava transformar uma resposta complexa de API em interfaces TypeScript. Além disso, enviar dados estruturados para servidores de terceiros sempre me parecia um risco à privacidade.
Para resolver isso, criei o DevJSON2TS. Ele roda 100% no lado do cliente (no navegador), o que significa que seus dados nunca saem da sua máquina.
Detalhes técnicos:
- Utiliza uma função recursiva em JavaScript puro (vanilla) para analisar (parsear) objetos, propriedades profundamente aninhadas e arrays de forma dinâmica.
- Lida automaticamente com a tipagem de itens de arrays (detectando a diferença entre arrays de tipos primitivos e arrays de objetos, e gerando subinterfaces de acordo).
- Zero dependências, zero etapas de build. Apenas HTML, CSS e JS puros, hospedados na Netlify.
Você pode conferir a aplicação em funcionamento aqui: https://sl1nk.com/z0bWawa
Boa ideia manter isso 100% client-side. Para JSON de API, privacidade é mesmo um ponto importante, especialmente quando o payload vem de cliente, produto interno ou ambiente de teste.
Uma coisa que eu testaria bem é inferência em arrays mistos e campos nulos. Por exemplo, quando o primeiro item do array não tem todas as propriedades, ou quando um campo vem
nullem alguns objetos estringem outros. É aí que muitos conversores simples geram tipos bonitos, mas um pouco perigosos.Também pode valer a pena mostrar um pequeno exemplo “JSON de entrada -> interface gerada” direto na página. Ajuda o dev a confiar no resultado antes de colar um payload maior.