Advanced Chatlog Editor

  

Advanced Chatlog Editor — Güncelleme Notları

GTA V / RAGE:MP chatlog görselleri için geliştirilmiş editör üzerinde kapsamlı stabilite, güvenlik ve çıktı doğruluğu güncellemesi yapılmıştır.

Genel Sistem Düzenlemesi

Advanced Chatlog Editor artık doğrudan GTA V / RAGE:MP mantığıyla çalışacak şekilde sadeleştirildi. Önceki sürümde bulunan Font Stili seçimi kaldırıldı.

Bu değişiklikle birlikte sistem farklı font modları arasında davranış değiştirmeyecek, tüm render ve export işlemleri tek bir GTA V / RAGE:MP yapısı üzerinden ilerleyecektir.

• SA:MP / retro font desteği kaldırıldı.
• Sistem sadece GTA V / RAGE:MP chatlog üretimine odaklandı.
• Kod tarafında gereksiz font modu kontrolleri temizlendi.

Güvenlik İyileştirmesi

Önceki yapıda geri bildirim sistemi için kullanılan Discord webhook adresi frontend tarafında tutuluyordu. Bu, kaynak kodu görüntüleyen kişilerin webhook adresine ulaşabilmesi anlamına geliyordu.

Bu güncelleme ile webhook adresi client tarafındaki koddan kaldırıldı.

• Discord webhook artık HTML/JS içinde açık şekilde bulunmuyor.
• Geri bildirim sistemi ileride backend veya proxy endpoint üzerinden daha güvenli şekilde bağlanabilecek.
• Kaynak kod üzerinden webhook kötüye kullanım riski ortadan kaldırıldı.

Canvas Export Sistemi İyileştirildi

Görsel çıktı sistemi yeniden düzenlendi. Önceki sistemde export işlemi ekrandaki DOM ölçülerinden hesap yapıyordu. Bu durum bazı zoom, transform veya tarayıcı ölçeklendirme durumlarında küçük konum kaymalarına sebep olabiliyordu.

Yeni sistemde canvas export işlemi doğrudan editörün kendi koordinat state değerleri üzerinden yapılmaktadır.

• Chat katmanları state koordinatlarına göre çiziliyor.
• Arka plan görseli state koordinatlarına göre çiziliyor.
• Zoom ve Zen Modu gibi durumlarda export kayması riski azaltıldı.
• CSS transform kaynaklı küçük konum farklarının önüne geçildi.

Bu düzenleme, ekranda görünen chatlog ile indirilen görsel arasındaki tutarlılığı artırmayı hedefler.


Kayıt Sistemi Genişletildi

localStorage kayıt sistemi daha kapsamlı hale getirildi. Artık yalnızca metin ve temel ayarlar değil, çalışma alanındaki birçok önemli veri de saklanmaktadır.

Artık kaydedilen başlıca veriler:

• Chat metni
• Chat 1 konumu
• Chat 2 konumu
• Arka plan görseli
• Arka plan görselinin konumu ve boyutu
• Blur ve parlaklık ayarları
• Solid BG durumu
• Kilit X durumu
• Kılavuz çizgisi konumu
• Kılavuz çizgisinin açık/kapalı hali
• Font boyutu
• Satır aralığı
• Kontur değeri
• Satır kırma değeri
• Tuval genişliği ve yüksekliği

Bu sayede sayfa yenilendiğinde veya editör tekrar açıldığında çalışma ortamı çok daha doğru şekilde geri yüklenir.


localStorage Kota Koruması

Büyük arka plan görsellerinde localStorage kotasının dolması ihtimaline karşı koruma eklendi.

Eğer arka plan görseli çok büyük olduğu için kaydedilemezse sistem tamamen bozulmak yerine diğer ayarları korumaya çalışır.

• Büyük görsel kaynaklı kayıt hatalarına karşı koruma eklendi.
• Görsel kaydedilemese bile metin ve ayarların korunması hedeflendi.
• Veri kaybı riski azaltıldı.

Koordinat Hataları Düzeltildi

Önceki sürümde bazı koordinat değerleri 0 olduğunda sistem bu değerleri boş/verisiz olarak algılayabiliyordu. Bu durum özellikle chat katmanının veya görselin sıfır koordinatına alınması halinde hatalı yüklemeye sebep olabiliyordu.

Bu kontrol yapısı düzeltildi.

• 0 koordinatı artık geçerli değer olarak kabul ediliyor.
• Chat ve arka plan konumları daha doğru yükleniyor.
• Sayfa yenileme sonrası koordinat kaybı riski azaltıldı.

Drag & Drop Sistemi İyileştirildi

Sürükleme sistemi daha temiz hale getirildi. Mouse ve dokunmatik ekran hareketleri için kullanılan event listener yapısı düzenlendi.

Artık sürükleme sırasında gerekli listenerlar aktif ediliyor, sürükleme bittiğinde ise temizleniyor.

• Gereksiz event listener birikimi azaltıldı.
• Uzun süreli kullanımda sistem kararlılığı artırıldı.
• Mouse ve touch sürükleme davranışları daha temiz hale getirildi.

Undo / Redo Sistemi Düzenlendi

Geri al / ileri al sistemi daha kontrollü hale getirildi.

Artık CTRL + Z ve CTRL + Y işlemleri sadece chat metin alanı odaktayken çalışacak şekilde düzenlendi.

• Başka input alanlarında yanlışlıkla chat geçmişinin değişmesi engellendi.
• Metin düzenleme geçmişi daha kontrollü hale getirildi.
• Undo / Redo davranışı daha stabil hale getirildi.

History / Save Akışı Düzenlendi

Metin düzenleme, renk etiketi ekleme, sansür etiketi ekleme, split ekleme, timestamp temizleme ve undo/redo işlemlerinin kayıt sistemiyle uyumu iyileştirildi.

• Yapılan değişikliklerin geçmişe daha tutarlı yansıması sağlandı.
• Kayıt sistemi ile undo/redo sistemi arasındaki akış düzenlendi.
• Etiket ekleme işlemlerinin geçmişe doğru şekilde alınması sağlandı.

Manuel Konum Girişi Düzeltildi

Chat X ve Chat Y alanlarından yapılan manuel konum değişikliklerinin kaydedilmemesine sebep olabilecek durumlar düzeltildi.

• Manuel X/Y değişiklikleri artık doğru şekilde kaydediliyor.
• Sayfa yenilendiğinde manuel girilen konumlar korunuyor.
• Kilit X aktifse ikinci chat katmanı da doğru şekilde hizalanıyor.

Parser ve Regex Düzenlemeleri

Metin ayrıştırma sistemi daha düzenli hale getirildi. Kullanılan tag ve renk regexleri tek merkezden yönetilecek şekilde toparlandı.

Renk etiketi tarafında daha güvenli hex kontrolü kullanıldı. Böylece geçersiz renk formatlarının sisteme girme ihtimali azaltıldı.

Desteklenen temel etiketler:

Kod Seç Genişlet

{color:#FFFFFF}metin{/color}
{censor}metin{/censor}
[emote]eylem metni[/emote]
[SPLIT]

Otomatik renklendirme davranışları:

• * veya > ile başlayan satırlar emote rengine boyanır.
• (( içeren satırlar OOC rengine boyanır.
• (Cam Kapalı) içeren satırlar mavi renge boyanır.
• [emote]...[/emote] içindeki metin emote rengine boyanır, tagler çıktıda görünmez.

Timestamp Temizleme Geliştirildi

Zaman temizleme sistemi genişletildi. Artık farklı log formatlarından gelen saat bilgileri daha rahat temizlenebiliyor.

Temizlenen formatlar:

Kod Seç Genişlet

[12:30:45]
(12:30:45)
12:30:45

Bu özellikle farklı sunuculardan veya farklı log kaynaklarından alınan metinlerde daha temiz çıktı oluşturmayı sağlar.


Clipboard Sistemi İyileştirildi

Görseli panoya kopyalama işlemine tarayıcı destek kontrolü eklendi.

Eğer kullanılan tarayıcı görsel kopyalamayı desteklemiyorsa veya izin/HTTPS kaynaklı bir sorun varsa kullanıcıya daha anlaşılır uyarı verilir.

• Clipboard API desteği kontrol ediliyor.
• Destek yoksa kullanıcı bilgilendiriliyor.
• Kopyalama sırasında oluşabilecek hatalar daha anlaşılır hale getirildi.

Performans İyileştirmeleri

Metin girişi ve slider değişikliklerinde gereksiz tekrar render işlemlerini azaltmak için kontrollü debounce yapısı eklendi.

Bu özellikle uzun chatlog metinlerinde ve sürekli ayar değiştirilen durumlarda editörün daha rahat çalışmasını sağlar.

• Metin girişlerinde gereksiz render tekrarları azaltıldı.
• Slider değişikliklerinde daha kontrollü güncelleme sağlandı.
• Uzun loglarda kullanım deneyimi iyileştirildi.

Solid BG İyileştirmesi

Solid BG sistemi daha tutarlı hale getirildi. Yazıların arkasındaki siyah şeritlerin DOM önizleme ve canvas export tarafında daha yakın davranması için ortak matematik mantığı kullanıldı.

• Siyah arka plan şeritleri daha temiz görünür hale getirildi.
• Önizleme ve export arasında daha tutarlı sonuç hedeflendi.
• Satır aralığına bağlı taşma/kopma ihtimali azaltıldı.

Kod Temizliği

Kod genelinde bakım kolaylığı için çeşitli düzenlemeler yapıldı.

• Varsayılan değerler merkezi hale getirildi.
• Regex yapıları düzenlendi.
• Gereksiz font modu kalıntıları kaldırıldı.
• Export sistemi sadeleştirildi.
• Storage ve history akışı daha okunabilir hale getirildi.
• Hata ihtimali doğuran bazı eski kontroller düzeltildi.

Özet

Bu güncelleme genel olarak editörün temel çalışma mantığını daha kararlı hale getirmeyi hedeflemektedir.

Bu sürümle birlikte editör:

• Daha güvenli hale getirildi.
• Sadece GTA V / RAGE:MP kullanımına odaklandı.
• Daha tutarlı export verecek şekilde düzenlendi.
• Sayfa yenilendiğinde çalışmayı daha doğru geri yükleyecek hale getirildi.
• Uzun süreli kullanımda daha stabil çalışacak şekilde iyileştirildi.

Advanced Chatlog Editor artık daha sade, daha stabil ve GTA V / RAGE:MP chatlog üretimi için daha uygun bir yapıya kavuştu.

 

on numara

ADVANCED CHATLOG EDITOR

UI 2.0 — Workspace Redesign Güncellemesi

GTA V / RAGE:MP text roleplay toplulukları için geliştirilen Advanced Chatlog Editor, şimdiye kadarki en kapsamlı arayüz güncellemesine kavuştu.

Bu güncellemenin amacı yalnızca görünümü değiştirmek değil;

Editörü daha hızlı kullanılan, daha rahat yönetilen ve uzun chatlog çalışmalarında kullanıcıyı yormayan profesyonel bir çalışma alanına dönüştürmekti.

YENİ SOL PANEL SİSTEMİ

Eski uzun ve tek parça ayar paneli tamamen yenilendi.

Tüm kontroller artık açılır-kapanır profesyonel paneller altında toplandı:

• Tuval
• Medya
• Görsel Efektleri
• Chatlog
• Tipografi
• Katmanlar ve Hizalama
• Dışa Aktarma

Her panel yalnızca ihtiyaç duyulduğunda açılabilir. Böylece editör daha düzenli, daha sade ve çok daha rahat kullanılabilir hale geldi.

Panel başlıkları artık yalnızca isim göstermiyor; mevcut tuval ölçüsü, yüklenen görsel durumu, efekt değerleri, satır sayısı ve katman bilgileri gibi canlı özetler de sunuyor.


PROFESYONEL ÇALIŞMA ALANI

Arayüz, klasik bir web formundan çıkarılarak yaratıcı içerik araçlarına daha yakın bir çalışma düzenine geçirildi.

• Daha güçlü görsel hiyerarşi oluşturuldu.
• Kontroller ilgili kategoriler altında toplandı.
• Sol paneldeki gereksiz kalabalık azaltıldı.
• Güncel durum bilgileri daha görünür hale getirildi.
• Uzun süreli kullanımlarda daha rahat bir düzen oluşturuldu.

Advanced Chatlog Editor artık yalnızca bir chatlog aracı değil, GTA V text roleplay içerikleri için hazırlanmış profesyonel bir çalışma ortamı görünümüne sahip.


GÖRSEL EFEKTLERİ GENİŞLETİLDİ

Arka plan görselleri üzerinde daha fazla kontrol sağlandı.

Kullanılabilir efektler:

• Bulanıklık
• Parlaklık
• Kontrast
• Doygunluk

Her efekt gerçek zamanlı olarak önizlemeye uygulanır.

Yapılan düzenlemeler yalnızca çalışma alanında görünmekle kalmaz, indirilen PNG çıktısına da aynı şekilde aktarılır.

Efektler tek tek veya toplu şekilde varsayılan değerlerine sıfırlanabilir.


MEDYA PANELİ

Arka plan görselleriyle ilgili tüm işlemler artık tek bir panel altında bulunuyor.

• Görsel yükleme
• Görsel değiştirme
• Görsel kaldırma
• Tuvale ortalama
• Tuvale sığdırma
• Görsel konumlandırma

PNG ve JPEG desteğine ek olarak WEBP görsel desteği de eklendi.

Yüklenen görselin mevcut boyutu ve durumu panel başlığında canlı olarak görüntüleniyor.


CHATLOG PANELİ YENİLENDİ

Chatlog düzenleme araçları daha düzenli ve erişilebilir hale getirildi.

• Canlı satır sayısı
• Toplam karakter sayısı
• Aktif katman sayısı
• Renk araçları
• Özel renk seçimi
• Sansür etiketi
• [emote] hızlı etiketi
• [SPLIT] katman ayırma butonu
• Timestamp temizleme
• Geri al / ileri al kontrolleri

Chatlog metni düzenlenirken temel çalışma istatistikleri anlık olarak güncelleniyor.

Bu sayede özellikle uzun ve çok parçalı rol loglarında kullanıcı, çalışmanın genel durumunu daha rahat takip edebiliyor.


TİPOGRAFİ PANELİ

Yazı görünümünü etkileyen tüm ayarlar artık ayrı bir panel altında toplandı.

• Yazı boyutu
• Satır aralığı
• Kontur kalınlığı
• Satır kırma uzunluğu
• Solid BG modu

Her ayarın yanında hızlı sıfırlama kontrolü bulunuyor.

Sistem yalnızca GTA V / RAGE:MP tipografisine odaklanmaya devam ediyor. Gereksiz font ve oyun modu seçimleri arayüze geri eklenmedi.


KATMANLAR VE HİZALAMA

Chat katmanlarının konumlandırılması için kullanılan kontroller tek bir alanda birleştirildi.

• Chat X koordinatı
• Chat Y koordinatı
• X ekseni kilidi
• Kılavuz çizgisi
• Katmanları aynı X koordinatında tutma
• Chat konumlarını sıfırlama

Bu düzenleme, özellikle [SPLIT] kullanılan iki parçalı chatlog çalışmalarında hizalama işlemlerini daha anlaşılır hale getiriyor.


YENİ ÜST ARAÇ ÇUBUĞU

Üst bölüm daha modern ve daha işlevsel bir yapıya geçirildi.

• UI 2.0 sürüm bilgisi
• GTA V / RAGE:MP çalışma modu göstergesi
• Kayıt durumu
• Feedback erişimi
• Kullanım rehberi
• Panoya kopyalama
• PNG indirme

En sık kullanılan işlemler artık her zaman görünür ve kolay ulaşılabilir durumda.


MODERN BİLDİRİM SİSTEMİ

Eski tarayıcı uyarı pencerelerinin büyük bölümü kaldırıldı.

Kopyalama, indirme, hata, uyarı ve sıfırlama işlemleri artık sağ üst köşede gösterilen modern bildirimler üzerinden kullanıcıya iletiliyor.

• Daha temiz kullanıcı deneyimi
• Çalışmayı kesmeyen bildirimler
• Başarı, uyarı ve hata durumları için farklı gösterimler

DIŞA AKTARMA PANELİ

Kopyalama ve indirme işlemleri artık özel bir dışa aktarma panelinde de bulunuyor.

• PNG olarak indirme
• Panoya görsel kopyalama
• Çıktı bilgilerini görüntüleme

Editörün state tabanlı canvas export sistemi korunmuştur. Chat ve arka plan konumları ekrandaki DOM ölçülerinden değil, doğrudan editör koordinatlarından çizilmeye devam etmektedir.


KAYIT VE KALICILIK

Güncellenen arayüz, mevcut kayıt sistemiyle tamamen uyumlu çalışmaktadır.

Kaydedilen veriler arasında şunlar bulunmaya devam ediyor:

• Chatlog metni
• Tuval ölçüleri
• Chat katmanı konumları
• Arka plan görseli ve konumu
• Görsel efekt değerleri
• Tipografi ayarları
• Solid BG durumu
• Kılavuz çizgisi
• X ekseni kilidi
• Açık ve kapalı panel durumları

Sayfa yenilendiğinde kullanıcı çalışma düzenine mümkün olduğunca kaldığı yerden devam edebilir.


FEEDBACK ALTYAPISI

Feedback sistemi güvenli backend yapısıyla kullanılmaya hazır durumda.

Discord webhook adresi HTML kaynak kodunda tutulmuyor.

Sistem aşağıdaki yapı üzerinden çalışıyor:

Kod Seç Genişlet

Advanced Chatlog Editor
↓
Cloudflare Worker
↓
Discord Webhook

Bu yapı sayesinde webhook adresi kullanıcılardan gizli tutulur ve kötüye kullanım riski azaltılır.


TEKNİK KARARLILIK

UI 2.0 güncellemesi hazırlanırken mevcut çalışan çekirdeğin korunmasına öncelik verildi.

• Parser sistemi korundu.
• Canvas export sistemi korundu.
• Drag & Drop sistemi korundu.
• Undo / Redo sistemi korundu.
• localStorage yapısı korundu ve genişletildi.
• [SPLIT] sistemi korunarak yeni arayüze taşındı.

Yeni arayüz, sistemin mevcut çalışma mantığını değiştirmeden daha profesyonel bir kullanıcı deneyimi sunacak şekilde geliştirildi.

NEDEN UI 2.0?

Eski yapı işlevsel olsa da sistem büyüdükçe ayar paneli kalabalıklaşmaya başlamıştı.

UI 2.0 ile birlikte Advanced Chatlog Editor, gelecekte eklenecek yeni özelliklere hazır, daha düzenli ve daha genişletilebilir bir arayüz altyapısına kavuştu.

Advanced Chatlog Editor artık yalnızca chatlog hazırlayan bir araç değil; GTA V text roleplay içerikleri için tasarlanmış profesyonel bir üretim stüdyosu olma yolunda ilerliyor.

Sıradaki hedef: daha güçlü katmanlar, gelişmiş export seçenekleri ve roleplay odaklı yeni üretim araçları.

Advanced Chatlog Editor — UI 2.0 Workspace Redesign