Tarayıcıda çalışan ve tüm içeriği URL'de saklayan minimalist metin editörü

• Tarayıcı içinde çalışan, tüm metni URL hash'inde saklayan hafif bir metin editörü
• Girilen içerik, URL uzunluğunu azaltmak için deflate sıkıştırması kullanır ve arka uç sunucu olmadan tamamen istemci tarafında çalışır
• Otomatik kaydetme (500 ms gecikme), karanlık mod, mobil uyumluluk gibi temel kullanım kolaylıkları içerir
• Belge başlığı # Title olarak belirtilebilir veya <article> etiketine style özelliği eklenerek bunun da URL ile birlikte saklanması sağlanabilir
• Yalnızca URL paylaşımıyla belge iletimi mümkün olduğundan, kısa notlar veya kod parçacıkları paylaşmak için kullanışlıdır

---

Genel Bakış

• textarea.my, tarayıcıda tamamen çalışan minimalist bir metin editörüdür
  • Tüm veriler URL hash'inde saklanır; bu nedenle ayrı bir sunucuya veya veritabanına gerek yoktur
  • JavaScript ile geliştirildiği için kurulum gerektirmeden hemen kullanılabilir

Başlıca Özellikler

• Metin sıkıştırma (Compression magic)

  • Girilen metin, URL uzunluğunu en aza indirmek için deflate algoritmasıyla sıkıştırılır
  • Yaklaşık 500 karakterlik bir URL ile uzun notlar paylaşılabilir

• URL tabanlı kaydetme ve paylaşım

  • Yazılan içerik URL hash'ine dahil edilir, böylece bağlantı kopyalanıp paylaşılabilir
  • Sunucuya kaydetmeden de yalnızca bağlantı ile belge geri yüklenebilir

• Otomatik kaydetme ve karanlık mod

  • Girişten sonra 500 ms gecikmeli otomatik kaydetme özelliği sunar
  • Sistemin renk modu ayarını algılayarak karanlık modu otomatik uygular

• Mobil dostu arayüz

  • Akıllı telefonlarda da aynı işlevlerle belge yazılabilir
  • Duyarlı tasarımı sayesinde hareket halindeyken kullanıma uygundur

• Arka uçsuz yapı

  • “Zero servers were harmed” ifadesinde olduğu gibi tamamen istemci tabanlı bir uygulamadır
  • Sunucu yükü veya kişisel verilerin saklanması gibi sorunlar yoktur

Nasıl Kullanılır

• textarea.my adresine gidip hemen yazmaya başlayabilirsiniz
• Yazdıkça URL'nin uzadığını görebilirsiniz
• URL'yi kopyalayıp başkalarıyla paylaşabilirsiniz

İleri İpuçları (Pro tips)

• Belgenin ilk satırına # Title yazarsanız bu sayfa başlığı olarak ayarlanır
• Veriler localStorage ve URL'nin her ikisinde de saklanarak çift koruma sağlanır
• Geliştirici araçlarında <article> etiketine style özelliği eklerseniz, bu stil de URL ile birlikte saklanır

Örnek Bağlantılar

• Fyodor Dostoevsky'nin Crime and Punishment için örnek belge sunuluyor
• ChatGPT tarafından yazılmış An Ode to Comic Sans için örnek belge sunuluyor

Teknik Özellikler

• JavaScript tabanlı olarak geliştirilmiştir
• Sunucu isteği olmadan yalnızca URL hash'i ve localStorage ile veri yönetimi yapılır
• Basit yapısı sayesinde güvenlik riskleri en aza iner ve hızlı yükleme sağlanır

Sonuç

• textarea.my, sunucusuz ortamda çalışan ultra hafif bir metin editörü olarak,
  yalnızca URL paylaşımıyla belge kaydetme ve iletme imkanı sunan özgün bir yaklaşım getiriyor
• Geliştiriciler ve tasarımcılar için basit fikir notları, kod notları ve test belgeleri hazırlamakta kullanıma uygun bir araçtır

[GN⁺]

Hacker News yorumları

• İlginçtir, ben de neredeyse aynısını yaptım ama harita için yaptım
  Haritanın üzerine çizim yapıp, karşı tarafın kendi konumunu görebilmesi için bir bağlantı paylaşma yoluna ihtiyacım vardı
  Ekran görüntüsüne not düşmek ilk sorunu çözüyor ama ikincisini çözmüyor
  Bu yüzden biraz Vibe engineering havasında kendim geliştirdim. Belirli bir amaç için yapılmış bir tür ‘anlık uygulama’ gibi
  Backend olmadan da ucuza barındırılabildiği için ücretsiz dağıtılabiliyor
  MapDraw demo bağlantısı

  • Acayip iyi! Şu anda seyahat planı yapmak için kullanıyorum
    Metin notları da eklenebilir mi? Bir de silme düğmesi tümünü sıfırlamak yerine yalnızca son şekli silse ya da seçerek silme olsa çok iyi olur
  • “Vibe engineered” ifadesi çok komik. vibe coding güzel ama buna engineering demek ayrıca komik :D
  • Sayfanın tepkiselliği, şimdiye kadar kullandığım tüm harita uygulamalarından çok daha iyi
  • Gerçekten harika! Bir hata bildirimi olarak, haritayı kaydırırken çizimler akıcı biçimde birlikte hareket ediyor ama yakınlaştırma/uzaklaştırmada çizimler ancak animasyon bittikten sonra hareket ediyor
  • Gerçekten harika bir proje

• Bu sabah ben de benzer bir şey yapıyordum
  base64 dizesinde replace kullanmak yerine .toBase64({ alphabet: "base64url" }) ve fromBase64({ alphabet: "base64url" }) kullanmak daha temiz olur
  MDN dokümanına bakın

• Spesifikasyona göre URL’ler en az 8.000 karaktere kadar mümkün
  Başlıca tarayıcılar 64.000 karakterden fazlasını, Chrome ise 2MB’a kadar destekliyor
  RFC9110 bölüm 4.1-5, StackOverflow referansı, Chromium dokümanı

  • Chrome 2MB, Firefox 1MB, WebKit ise sınırsız
    Bu arada Crime and Punishment tam metin bağlantısı bile URL olarak mümkün
  • Gözetim endüstrisi, utm-tracker ya da kampanya ID’leri gibi şeyleri daha fazla eklemek için URL’leri giderek uzatıyor gibi geliyor
    Instagram ya da YouTube paylaşım bağlantılarına bakınca yüzlerce karakterlik takip parametreleri eklenmiş oluyor
  • Bu arada character ile octet farklı şeylerdir. URI-safe ASCII’ye dönüştürülmediyse 1 karakter = 1 bayt olmadığını unutmamak gerekir

• Veriyi neden URL’de saklayıp şişirdiklerini anlamıyorum. localStorage’da tutmak yeterli değil mi?

• Eskiden spreadsheet ile benzer bir şey yapmıştım
  Girdi alanında tab ile ilerleyip sayfayı yenilemek gerekiyordu
  Örnek bağlantı
  Tüm kod yaklaşık 130 satırdı
  Daha fazla örnek

• Bu tür URL tabanlı paylaşımı kolayca uygulayabilen küçük bir JS framework’ü yaptım
  lost.js GitHub bağlantısı

• Gizlilik açısından bu yaklaşımı beğendim
  Bu yüzden kraa.io editörüme de URL’ye kaydetme seçeneği eklemeyi düşünüyorum

  • Ama privacy açısından textarea.my takip script’leri içeriyor
    Cloudflare beacon kodu eklenmiş, o yüzden dikkat etmek lazım
  • Peki bu durumda, yerel bir native metin editörü kullanmaya kıyasla gizlilik açısından daha iyi bir yanı kalıyor mu?

• Eskiden gitar tabları için benzer bir şey yapmıştım
  tabviewer.app bakabilirsiniz
  URL’nin fazla uzaması sorununu kısa URL servisi kullanarak çözdüm

  • Ben de aynı amaçla bir tab editörü yaptım
    GitHub deposu

• Güzel bir proje ama “Crime and Punishment” yükleyince mobil tarayıcım çöktü
  Sanırım URL’ler o kadar ‘cezayı’ kaldıracak şekilde tasarlanmamış

• Biraz reklam yapayım, ben de benzer bir şey yaptım ama kimsenin ilgisini çekmedi
  Buffertab GitHub bağlantısı

  • Sesle giriş özelliği ilginç. OpenAI API yerine Whisper wasm kullanmayı hiç düşündün mü diye merak ettim