CodeCafé - Tarayıcıda işbirlikçi kodlama yapılabilen açık kaynak editör

 (github.com/mrktsm)
11 puan yazan xguru 2025-05-15 | 3 yorum | WhatsApp'ta paylaş
  • Tarayıcı tabanlı gerçek zamanlı işbirlikçi geliştirme ortamı olarak, dersler veya pair programming için uygun olmayan mevcut belge tabanlı işbirliği araçlarının sınırlarını aşmak amacıyla geliştirildi
  • "Gerçek zamanlı işbirlikçi kodlama karmaşıktır" önyargısını kırarak, Zero Setup, gerçek anlamda gerçek zamanlılık, sezgisel UI ile herkesin anında birlikte kod yazabilmesi için tasarlandı
  • Pixel-perfect gerçek zamanlı önizleme desteği: HTML/CSS/JS kodu yazılır yazılmaz WebView'a anında yansıtılır
  • İşbirliği özellikleri: Operational Transformation tabanlı olarak birden fazla kullanıcının çakışma olmadan aynı anda girdi yapabilmesini sağlar
  • VS Code tarzı editör: Monaco Editor kullanan tanıdık arayüz ile otomatik tamamlama, sözdizimi vurgulama ve hata gösterimi sunar
  • Xterm.js tabanlı tarayıcı terminali içerir; böylece girdi/çıktı kontrol edilebilir
  • Kurulumsuz kullanım: Yalnızca bir tarayıcıyla hemen kullanılabilir
  • GNU AGPL 3.0 lisansı

Teknik yığın

  • Frontend: React, TypeScript, Tailwind CSS, Zustand, Xterm.js, Monaco Editor
  • Backend: Java Spring Boot, WebSocket, Jackson
  • Gerçek zamanlı senkronizasyon: özel Operational Transformation algoritması
  • Mesaj işleme: Redis + Lua script'leri ile atomik veri işleme
  • Hosting: frontend Vercel'de, backend AWS EC2'de, Redis ise ElastiCache üzerinde

Operational Transformation(OT)

  • OT, belgelerin gerçek zamanlı eşzamanlı düzenlenmesini mümkün kılan temel teknolojidir; Google Docs da bunu temel alır
  • CodeCafé, OT'yi doğrudan uygulayarak şunları destekler:
    • Eşzamanlı girdiyi algılama ve dönüştürme
    • Niyeti koruma ve çakışma çözümü
    • İstemciler arasında durum senkronizasyonunu sürdürme
  • Bu sayede gerçek zamanlı işbirliği ortamında doğal ve akıcı bir kullanıcı deneyimi sunar

Gelecek planları

  • Kullanıcı kimlik doğrulama ve proje kaydetme özelliği
  • Sesli/metin sohbet entegrasyonu
  • Kodlama geçmişini oynatma özelliği
  • Daha fazla dil desteği

İlgili okumalar

3 yorum

 
kaydash 2025-05-16

Zaten code server var, bu yüzden farkını tam olarak anlayamadım ama
sohbet ve kodlama geçmişinin yeniden oynatılması eklenirse güzel olabilir
 
pcj9024 2025-05-15

VS Code'daki Live Share özelliğini hatırlatıyor.
Gerçek zamanlı sohbette kodu ortaya koyup eşzamanlı düzenleme de yapılabiliyordu.
Ama junior'lara mentorluk yaparken, online ders verirken ya da tanıtınca bile herkesin bunu pek iyi kullanmadığını gördüm.
 
turastory 2025-05-15

Zed için de durum benzer; gerçek zamanlı eşzamanlı çalışmaya ne kadar talep olduğunu pek bilmiyorum. Üzerinde çalışan herkesin aynı editörü kullanmak zorunda olması gibi bir sorun da var gibi görünüyor; ayrıca performans ve kullanıcı deneyimi gerçekten çok önemli olan bir yazılım olduğu için..