Projeto pessoal · App desktopConversaTópicosArquivos
O contextocontinuacom você.
Um leitor desktop para reunir conversas, tópicos e arquivos em um só lugar.
Um app de computador que abre conversas longas empacotadas com os seus arquivos: a conversa com busca, o resumo por tópicos e a árvore de arquivos com prévia.Abre conversas longas com busca, resumo e os arquivos juntos.
- Electron 28
- JavaScript
- HTML
- CSS
- AdmZip 0.5
Projeto pessoal · App desktopConversaTópicosArquivosO contextocontinuacom você.
Um leitor desktop para reunir conversas, tópicos e arquivos em um só lugar.
- Electron 28
- JavaScript
- HTML
- CSS
- AdmZip 0.5
Um app de computador que abre conversas longas empacotadas com os seus arquivos: a conversa com busca, o resumo por tópicos e a árvore de arquivos com prévia.Abre conversas longas com busca, resumo e os arquivos juntos.
- Electron 28
- JavaScript
- HTML
- CSS
- AdmZip 0.5
O formato
Um pacote que guarda a conversa inteira.
Uma conversa longa de trabalho se espalha: as mensagens ficam num lugar, os arquivos em outro, e semanas depois ninguém acha mais nada. O .conversapack junta tudo num arquivo só. Por dentro ele é um ZIP comum, com cinco peças, abra e veja cada uma.
{
"version": "3.0",
"format": "conversapack",
"created": "2026-03-12T14:20:00Z",
"platform": "Equipe",
"title": "Site do Café Aurora",
"stats": {
"totalMessages": 8,
"userMessages": 4,
"otherMessages": 4,
"topics": 3
}
}O pacote mostrado é de exemplo (um site fictício). O leitor monta a árvore a partir dos arquivos de verdade do pacote.
Formato próprio · Leitura local
Uma conversa longa. Um contexto organizado.
Mensagens, tópicos e arquivos reunidos no formato .conversapack.
Representação conceitual do formato.Busca edestaqueLeitura em
MarkdownNavegação
por tópicos
Achar aquela decisão no meio de centenas de mensagens costuma ser o mais difícil. No leitor, a conversa aparece inteira e formatada, com quem falou em cada balão, e a busca marca a palavra em toda a conversa. Teste com um dos exemplos.
Em 8 mensagens
- Você
Vamos começar o site do Café Aurora: uma página só, com cardápio, horários e contato.
- Equipe
Combinado. Proponho quatro blocos:
- Abertura com a foto da vitrine
- Cardápio em cartões
- Horários e endereço
- Contato com o botão de mensagem
briefing.md
- Você
Perfeito. O cardápio muda toda semana, então precisa ser fácil de trocar.
- Equipe
Então o cardápio vira uma lista no
script.js: trocar um item é mudar uma linha. Montei a estrutura da página.index.htmlscript.js
- Você
Quais cores você sugere? A marca usa marrom e creme.
- Equipe
Paleta
- Café
#4a2c1dpara títulos - Creme
#f6ead7para o fundo - Canela
#c47a3apara os botões
estilos.css
- Café
- Você
Ficou ótimo. Falta o cronograma para a entrega.
- Equipe
Cronograma no arquivo: revisão na quinta, ajustes na sexta e o site no ar na segunda.
cronograma.mdlogo.png
Conversa de exemplo, de um site fictício.
O resumo
Uma conversa longa lida em capítulos.
Ninguém relê cem mensagens para lembrar o que foi decidido. A aba Resumo divide a conversa em tópicos, cada um com a faixa de mensagens que cobre. Toque ou passe o mouse num tópico para ver o trecho na régua e clique para abrir.
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
VocêVamos começar o site do Café Aurora: uma página só, com cardápio, horários e contato.
EquipeCombinado. Proponho quatro blocos:
VocêPerfeito. O cardápio muda toda semana, então precisa ser fácil de trocar.
EquipeEntão o cardápio vira uma lista no script.js: trocar um item é mudar uma linha. Montei a estrutura da página.
VocêQuais cores você sugere? A marca usa marrom e creme.
EquipePaleta
VocêFicou ótimo. Falta o cronograma para a entrega.
EquipeCronograma no arquivo: revisão na quinta, ajustes na sexta e o site no ar na segunda.
No app, os tópicos vêm do próprio pacote (topics.json); a contagem de mensagens é feita na hora.
Organização · Leitura · Produtividade
Os arquivos também fazem parte da história.
Navegue pelo pacote e consulte os materiais que acompanham cada conversa.
Árvore de arquivosNavegue pela estrutura do projetode forma simples e organizada.Prévia de texto e códigoConsulte arquivos .md, .json,
.html, .ts e outros na hora.Copiar e salvar arquivosCopie o conteúdo ou salve o arquivo
onde precisar.Electron · JavaScript · HTML · CSSUma ferramenta própria para organizar o fluxo de trabalho.
Numa conversa de trabalho nascem arquivos: um texto, uma página, uma lista. Na aba Arquivos eles aparecem em pastas, como no computador, cada um com o tamanho. Abra uma pasta e clique num arquivo: o texto aparece formatado, o código colorido, e dá para copiar ou salvar.
Site do Café Aurora6 arquivo(s)
// o cardápio da semana: trocar um item é mudar uma linha
const cardapio = [
{ nome: "Coado da casa", preco: 9 },
{ nome: "Pão de queijo", preco: 7 },
{ nome: "Bolo de fubá", preco: 12 },
];
const lista = document.querySelector("#cardapio");
for (const item of cardapio) {
lista.insertAdjacentHTML("beforeend", `<p>${item.nome}, R$ ${item.preco}</p>`);
}Arquivos de exemplo, de um site fictício. "Salvar" baixa o arquivo de exemplo; no app, abre a janela de salvar do computador.
O que ele abre
Não só o pacote: o arquivo solto também.
Nem todo material chega empacotado. Além do .conversapack, o leitor abre um ZIP qualquer e arquivos soltos de texto, dados e código, cada um com a prévia certa. Toque ou passe o mouse numa etiqueta.
- Pacotes
A conversa com tópicos e arquivos, ou qualquer ZIP, mostrado como árvore.
- .conversapack
- .zip
- Textos
Anotações e documentos, com o Markdown formatado.
- .md
- .txt
- Dados
Listas e configurações, com destaque de cores.
- .json
- Código
Páginas e programas, com as palavras-chave coloridas.
- .js
- .ts
- .jsx
- .tsx
- .py
- .html
- .css
Dentro de um pacote: 40 tipos de texto
Quando o arquivo vem dentro de um pacote, o leitor mostra o conteúdo destes tipos:
- .js
- .jsx
- .ts
- .tsx
- .mjs
- .cjs
- .py
- .go
- .rs
- .java
- .php
- .rb
- .html
- .htm
- .css
- .scss
- .sass
- .less
- .vue
- .svelte
- .json
- .yml
- .yaml
- .xml
- .toml
- .ini
- .cfg
- .conf
- .env
- .csv
- .log
- .sql
- .prisma
- .graphql
- .sh
- .bash
- .md
- .txt
- .gitignore
- .dockerfile
Aparecem na árvore com o nome e o tamanho, sem prévia.
Lista conferida no código do app (main.js).
No computador
Um app de verdade, não uma página aberta.
O leitor roda na máquina de quem usa: abre os pacotes do próprio computador, sem mandar nada para um servidor. A janela é própria, sem a moldura do sistema, com os três botões desenhados no app. Toque ou passe o mouse nos botões da janela.
Nenhum pacote aberto
Os três botões são do próprio app: fechar, minimizar e maximizar.
- Leitura local
Os pacotes são abertos do disco, pela janela de abrir do sistema. Nada sai do computador.
- Janela sem moldura
A barra de título e os botões são desenhados pelo app, no mesmo roxo do resto da tela.
- A tela pede pouco ao sistema
A parte visual só consegue pedir 7 coisas: abrir, carregar, salvar e os controles da janela.
- Instaladores ainda não testados
Windows, macOS e Linux estão configurados, assim como abrir o .conversapack com dois cliques, mas ainda não foram testados.
Projeto pessoal, versão 3.0.0.
As tecnologias
Do que é feito, peça por peça
Um programa de computador feito com tecnologia de site: a janela é HTML, CSS e JavaScript, e o Electron põe tudo isso dentro de um app. Escolha uma peça para ver o que ela faz aqui e em que arquivo está.
9tecnologias, em 4 camadas
Aplicativo
Tela
Pacote
Recursos
As telas
O leitor como ele é.
As telas reais do app, no tema escuro com roxo. Escolha uma aba e clique na tela para ver grande.
Pacote aberto: a árvore de pastas de um projeto, com o tamanho de cada arquivo.
Telas reais do app; o nome do pacote aberto foi trocado por um nome de exemplo.
Aplicativos desktopDayForge