Voltar para Lista
BLOG / Crom Editor / / 4 min leitura

🎨 Cromva — Gestão de Notas(Markdown) Local-First com Canvas Infinito e Graph View - Tauri - Opensource - JS Puro

O Cromva é um sistema de notas local-first focado em soberania de dados e pensamento visual. Funcional e em desenvolvimento, oferece uma interface Web e Desktop (via Tauri) com ferramentas que vão além do texto. A comunidade do TabNews exaltou o projeto como um exemplo de valorização do dev BR. Melhorias em UX mobile e sincronização estão no roadmap. 🗿🍷

Desenvolvi o Cromva para resolver uma necessidade pessoal: um sistema de notas que respeite a soberania dos dados (local-first) e ofereça ferramentas visuais de pensamento além do texto simples. O projeto está em estado funcional e já atende meu fluxo diário, embora continue em desenvolvimento ativo.

Acesse agora:

https://va.crom.run

https://cromva.crom.run

https://github.com/MrJc01/cromva

O que o sistema oferece

A arquitetura do Cromva foi desenhada para separar o conteúdo da forma como você o visualiza:

  • Canvas Infinito (Miro-style): Implementação de um quadro infinito utilizando Fabric.js que permite organizar notas Markdown, formas geométricas (setas, losangos, triângulos), imagens e desenhos livres no mesmo espaço.
  • Visualização em Grafo (Network): Um motor de visualização que mapeia conexões entre notas, facilitando a navegação por associações e a descoberta de clusters de conhecimento.
  • Editor Markdown Híbrido: Suporte a edição com Split View (edição e preview simultâneos), contagem de palavras e metadados como categorias e localização.
  • Gestão de Workspaces: Sistema para isolar diferentes contextos de trabalho, permitindo importar pastas locais inteiras como ambientes de notas separados.
  • Módulo de Analytics: Painel integrado para monitorar a produtividade e a densidade de conexões dentro do seu banco de notas.
  • Spotlight (Busca Rápida): Uma barra de comando centralizada para busca de arquivos e execução de utilitários rápidos.

Arquitetura Técnica

Optei por uma stack que prioriza performance e baixo consumo de recursos:

  • Backend: Tauri (Rust) para comunicação nativa com o sistema de arquivos e segurança do binário.
  • Frontend: Vanilla JavaScript moderno com arquitetura modular, evitando o overhead de frameworks pesados.
  • Estilização: Tailwind CSS com uma UI focada em glassmorphism e temas escuros otimizados para desenvolvedores.
  • Build System: Vite para um ambiente de desenvolvimento rápido e bundles de produção eficientes.

Sincronização e Git

O Cromva hoje é estritamente local. O próximo grande passo é a sincronização entre dispositivos. Estou analisando a viabilidade de implementar uma camada de sincronização via GitHub, onde o app gerencia o ciclo de vida de commits e pushes de forma transparente em um repositório privado do usuário.

Ainda estou avaliando se o Git é a melhor abordagem para o usuário final ou se adaptadores para serviços como S3 seriam mais performáticos para o tipo de dado do Canvas. Se você já trabalhou com sincronização de arquivos locais em apps Tauri, seu feedback seria valioso.

Colaboração

O projeto é Open Source e, embora não esteja "terminado", o núcleo de manipulação de arquivos e o canvas infinito já são estáveis para uso.

Vou continuar atualizando o progresso por aqui. PRs e discussões sobre a arquitetura de sincronização são muito bem-vindos.

☕ Apoie o Desenvolvimento Open-Source Nacional (Não falo só de mim aqui)

A revolução da "IA Soberana" e do "Local-First" não acontece apenas no Vale do Silício ou na Europa. Aqui no Brasil, através da organização Crom, também estou focado em construir e manter projetos que devolvem o controle ao desenvolvedor (além de trazer análises aprofundadas como esta para o TabNews e comunidade).

Manter o desenvolvimento de ferramentas open-source e a produção de conteúdo técnico denso exige tempo, dedicação e, claro, muito ☕ e 🍀. Se este artigo gerou valor para você, ou se você apoia a iniciativa de construirmos tecnologia de base independente por aqui, qualquer apoio é bem-vindo.

Sim eu uso IA, não como meu amigo ou faz tudo, mas como ferramenta, e recomendo o mesmo a você.

Estou idealizando ainda um módulo dedicado de donations na plataforma da Crom, mas enquanto ele não entra no ar, estou aceitando apoios via PIX para manter a infraestrutura rodando:

Chave PIX: mrj.crom@gmail.com

⚠️ Importante: Se você realizar um apoio, por favor, envie o comprovante (pode ser apenas com seu user do GitHub ou TabNews no assunto/corpo) para o e-mail: mrj.crom@gmail.com.

O Futuro: Assim que eu lançar a implementação oficial de donate/invest da Crom, farei questão de migrar manualmente esses apoios, transformando-os em créditos, badges de early supporter ou garantindo os devidos agradecimentos na plataforma.

Muito obrigado por ler até aqui e pela força! 🗿🍷

Fim da Transmissão