Kurulumsuz/sunucusuz çalışan tarayıcı yerel not defteri (Vim modu destekli)

Ağır Electron tabanlı bir IDE açmak zahmetli olduğunda ve bulut tabanlı not uygulamaları güvenlik açısından endişe yarattığında, bizzat geliştirdiğim tamamen yerel web editörü WebMemo Pro’yu tanıtıyorum.

Bu, React veya Webpack gibi derleme araçları olmadan, yalnızca saf Vanilla HTML/JS/CSS ile tarayıcının sınırlarını test ettiğim kişisel bir projedir.

[Ana teknik özellikler]

Yerel dosya kaydetme (File System Access API): Tarayıcıda Ctrl+S tuşuna bastığınızda, "Farklı kaydet" penceresi açılmadan yerel diskteki özgün dosyanın doğrudan üzerine yazar.

Eksiksiz Vim modu desteği: CodeMirror 6 tabanlı bir Vim emülatörü ekledim. İlginç olan nokta, Vim’in :w komutunun gerçek yerel dosya sistemi kaydıyla entegre çalışması ve :wq yazıldığında kaydedip ardından tarayıcı sekmesini kapatacak şekilde uygulanmış olmasıdır.

Yerel zaman makinesi (IndexedDB): 5MB kapasite sınırı olan localStorage yerine IndexedDB kullanarak GB düzeyinde çevrimdışı depolama mümkündür. Ayrıca her sekme için en son 10 revizyon anlık görüntüsü arka planda otomatik olarak saklanarak veri kaybı önlenir.

Zero-Dependency & çevrimdışı çalışma: Hiçbir backend sunucusu yoktur. GitHub deposunu indirip yalnızca index.html dosyasına çift tıklasanız bile, tamamen çevrimdışı durumda tüm işlevler çalışır.

Bunun dışında sürükle-bırak ile dosya açma, gerçek zamanlı Markdown render etme (Floating TOC dahil), minimap gibi geliştirici dostu UX özellikleri de uygulandı.

Hafif metin düzenleme veya Markdown yazımı gerektiğinde faydalı olabilir. Geri bildirim ya da kod incelemesi her zaman memnuniyetle karşılanır!

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

Kaynak kodu (GitHub): https://github.com/Yupkidangju/webmemo

[jtpark03]

Harika görünüyor.

[yupkidangju]

Teşekkürler!

[freedomzero]

Kapalı kaynaklı ama %100 çevrimdışı çalışan bir scratchpad yapıyorum: https://zetopad.site/

[yupkidangju]

Gerçekten harika. Tasarımı gerçekten çok iyi görünüyor. Umut vadeden bir proje!

[shakespeares]

Harika~

[yupkidangju]

Teşekkürler!

[boxqkrtm]

Güzel olmuş
Mobilde başlık kısmında dikey kaydırmanın da engellenmesi iyi olabilir

[yupkidangju]

Kodu ekleyip ben de test ettim; bir sorun yok gibi görünüyor, ama yine de bir problem varsa geri bildirim verirseniz yansıtırım.

[nobae]

Beğendim

[yupkidangju]

Teşekkür ederim!

[t7vonn]

Güzel olmuş!

Kısaca deneyip birkaç geri bildirim bırakayım.

• Mac'te genelde ctrl yerine cmd kullanıldığı için, Mac'te komutların hem ctrl/cmd ile çalışmasına izin verilebilir ya da yalnızca cmd kabul edilebilir gibi görünüyor (örn. dosya kaydet -> ctrl/cmd+s) — kontrol ettiğimde bazı komutların yalnızca cmd ile çalıştığını gördüm (örn. geri al — sadece cmd-z çalışıyor)
• Komut girerken Korece giriş de aynı şekilde kabul edilirse kullanışlı olabilir (örn. ctrl/cmd+s için ctrl/cmd+ㄴ de aynı şekilde algılansın)
• Vim command mode'da Enter'a basınca bence yalnızca imleç hareket etmeli, ama bunun yerine yeni satır ekleniyor

[yupkidangju]

Belirttiğiniz geri bildirimi yansıtmaya çalıştım. Olmayan bir şey varsa söyleyin, çözmeye çalışayım. Korece komut desteği ve Enter'a basınca yeni satır eklenmesi aynı sorunmuş..

[heycalmdown]

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

Diğer projeler de harika görünüyor

[yupkidangju]

Teşekkürler! Onların hepsi hâlâ geliştirme aşamasında. Tam olarak bitirmek gerek!

[zinisuni]

Oo.. gerçekten harika~~

[yupkidangju]

Teşekkür ederim!

[chl11wq12]

Vay canına!

[yupkidangju]

Teşekkür ederim!

[aqwer31560]

Harika.

[yupkidangju]

Teşekkürler. Biraz daha güncelledim; artık Mermaid zihin haritaları ve diyagramlar da render edilebiliyor!