Bloco de notas nativo do navegador, sem instalação/sem servidor (com suporte ao modo Vim)

Como abrir um IDE pesado baseado em Electron pode ser incômodo, e apps de notas na nuvem levantam preocupações de segurança, apresento o WebMemo Pro, um editor web puramente local que desenvolvi.

Este é um projeto pessoal que testa os limites do navegador usando apenas Vanilla HTML/JS/CSS, sem ferramentas de build como React ou Webpack.

[Principais características técnicas]

Salvamento nativo de arquivos (File System Access API): ao pressionar Ctrl+S no navegador, o arquivo original no disco local é sobrescrito diretamente, sem abrir a janela de "Salvar como".

Suporte completo ao modo Vim: inclui um emulador de Vim baseado em CodeMirror 6. O interessante é que o comando :w do Vim foi integrado ao salvamento real no sistema de arquivos local, e ao digitar :wq, a aba do navegador é fechada após salvar.

Time Machine local (IndexedDB): em vez de usar localStorage, que tem limite de 5 MB, ele usa IndexedDB para permitir armazenamento offline na casa dos GB. Além disso, os 10 snapshots de revisão mais recentes de cada aba são guardados automaticamente em segundo plano para evitar perda de dados.

Zero-Dependency & funcionamento offline: não existe nenhum servidor de backend. Basta baixar o repositório do GitHub e dar um duplo clique em index.html para que todos os recursos funcionem perfeitamente em modo totalmente offline.

Além disso, foram implementadas UXs amigáveis para desenvolvedores, como abrir arquivos com arrastar e soltar, renderização em tempo real de Markdown (incluindo TOC flutuante) e minimapa.

Parece ser útil quando você precisa de edição leve de texto ou escrever em Markdown. Feedback e code review são sempre bem-vindos!

Demo: https://yupkidangju.github.io/webmemo/

Código-fonte (GitHub): https://github.com/Yupkidangju/webmemo

[jtpark03]

Muito legal

[yupkidangju]

Obrigado!

[freedomzero]

É de código fechado, mas estou criando um scratchpad 100% offline: https://zetopad.site/

[yupkidangju]

Muito legal mesmo. O design está excelente. É um projeto bastante promissor!

[shakespeares]

Muito bom~

[yupkidangju]

Obrigado!

[boxqkrtm]

Ficou legal
Acho que seria bom também bloquear a rolagem vertical da parte do cabeçalho no mobile

[yupkidangju]

Adicionei o código e testei, e parece que não há problemas, mas se por acaso houver algum, agradeço se me derem feedback que eu incorporo.

[nobae]

Gostei

[yupkidangju]

Obrigado!

[t7vonn]

Ficou legal!

Usei rapidamente e deixo aqui alguns feedbacks

• No Mac, normalmente se usa cmd em vez de ctrl, então acho que no Mac o ideal seria aceitar ambos, ctrl/cmd, ou até apenas cmd (ex.: salvar arquivo -> ctrl/cmd+s) — olhando melhor, alguns comandos já funcionam só com cmd (ex.: desfazer — apenas cmd-z funciona)
• Seria conveniente permitir também o uso de hangul ao digitar comandos (ex.: no caso de ctrl/cmd+s, aceitar também ctrl/cmd+ㄴ)
• No modo de comando do vim, ao pressionar Enter, na minha opinião o cursor deveria apenas se mover, mas uma nova linha é inserida

[yupkidangju]

Tentei incorporar o feedback que você mencionou. Se houver algo que não funcionar, me avise que vou tentar resolver. O suporte a comandos em coreano e a quebra de linha ao pressionar Enter parecem ser o mesmo problema..

[heycalmdown]

https://github.com/Yupkidangju/AIHack
https://github.com/Yupkidangju/SheetPicker

Os outros projetos também são muito legais

[yupkidangju]

Obrigado! Aquilo ainda está em desenvolvimento por todos. Precisamos concluí-lo de verdade!

[zinisuni]

Nossa... ficou muito bom~~

[yupkidangju]

Obrigado!

[chl11wq12]

Uau!

[yupkidangju]

Obrigado!

[aqwer31560]

Muito bom

[yupkidangju]

Obrigado. Atualizei um pouco mais e também deixei renderizar mapas e diagramas em Mermaid!