Executando verificação de segurança...
7

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

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:
[email protected]

⚠️ 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: [email protected].

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! 🗿🍷

Carregando publicação patrocinada...
4

Parabéns pelo projeto, eu acompanho o Tabnews a muito tempo e as vezes me deparo com um projeto tao interessante de verdade.

Caramba, no geral ficou excelente, funciona bem, atende uma necessidade específica, que projeto legal.

Testei a versão mobile tambem e a página principal ela aparece com o menu aberto logo que você entra, e acaba atrapalhando a visualização inicial, é uma dica de designer: o recomendável na versão mobile é o menu aparecer fechado e quando usuário clicar, ele abrir, pois ele ocupa 50% a 70% da tela, então ao abrir fechado o usuário não só visualiza melhor o ícone de menu, como também já começa a utilizar o serviço.

É uma recomendação, de toda forma, desejo muito sucesso no projeto, ficou ótimo.

1

Muito obrigado.

Vou dá uma atenção em particular para mobile depois que finalizar as conexões para sincronizar os dados, e o app funcional no desktop. E talvez usar o https://cordova.apache.org/ para gerar a versão para android e ios. Está apenas no mundo das idéias, mas assim que tiver mais tempo e necessidade irei implementar. Se eu ver por agora acessos mobiles darei uma melhorada nessa parte que mencionou.

Se puder da uma estrela no projeto do github e acompanha por lá... é bem vindo qualquer ajuda de melhoria: https://github.com/MrJc01/cromva

4

Caralho mano, simplesmente foda!!!
Projetaço foda!!

Na moral mesmo? temos que exaltar trampos assim, a gente da muito apoio pra gringa, esquece de valorizar Dev's BR que querem fazer a diferença!!!

Curti pra kct, e não é querendo puxar saco ou ganhar ponto, é realmente ver valor no que fazemos. Parabéns irmão, segue firme, vou acompanhar o projeto e apoiar no tanto que puder!!!

Brilhou, brilhou

Bora exaltar isso galera, temos por nossa cara na jogada!
Porr.

2
4

Opa! Gostei do projetinho, a versão Web está ótima.

A versão desktop simplesmente não funciona. Faço a instalação, através do arquivo cromva_0.1.0_x64-setup.exe, consigo abrir o cromva, carrega a interface, mas não tem onde clicar para inserir nota e não consigo clicar em nada no menu!

De qualquer forma, parabéns pelo projeto!

1

Obrigado por informar. Vou está atualizando em breve. Recomendo usar a versão web por enquanto, pois ainda estou analisando a melhor forma de como fazer o sistema de atualizações para a versão de plataforma.