Sürüm Notları

🆕 Bu Sürümde Neler Var?

Çalışma alanını daha verimli kullanmanızı sağlayan panel iyileştirmeleri, yeniden boyutlandırma desteği ve daha temiz bir ayarlar ekranı bu sürümde sizlerle.

---

✨ Yeni Özellikler

↔️ XSLT Yardımcısı Panelini Yeniden Boyutlandırın

XSLT Yardımcısı panelinin sağ kenarına fareyle geldiğinizde bir tutamaç belirir. Bu tutamacı sürükleyerek paneli istediğiniz genişliğe getirebilirsiniz — dar tutup daha fazla önizleme alanı açabilir ya da alanları karşılaştırırken geniş tutabilirsiniz.

Nasıl kullanılır?

• •Yardımcı panelin sağ kenarına gidin, imleç çift oklu boyutlandırma ikonuna dönüşür
• •Sürükleyerek genişliği ayarlayın (min 240px – maks 600px)

> 💡 Küçük ekranlarda 240px'e çekerek editör ve önizlemeye daha fazla alan bırakabilirsiniz.

---

⚙️ Ayarlar Butonu Artık Header'da

Studio Ayarları butonu, durum çubuğundaki küçük ikondan üst menü çubuğuna taşındı. Sağ üst köşedeki dişli çark ikonuna tıklayarak her zaman kolayca erişebilirsiniz.

---

🎨 Daha Sade Ayarlar Ekranı

Ayarlar modalı yeniden tasarlandı. Büyük kart seçenekleri yerine her ayar artık tek satırda, sağında ilgili kontrolü ile gösteriliyor.

• •Versiyon Geçmişi görünümü → Overlay / Alt Panel seçeneği kompakt buton grubu olarak
• •Editör Paneli görünürlüğü → toggle switch ile açıp kapatılıyor
• •Buraya ileride yeni ayarlar eklenecek

---

🔧 Düzeltilen Sorunlar

Editör Paneli Küçültme Butonu Yanlış Konumdaydı

Editörü küçülten ok butonu panelin en sağına yerleşmişti; oysa panelin sol kenarında, önizleme tarafına bakacak şekilde durması gerekiyordu. Artık buton doğru konumda — panelin solunda, önizleme alanına bitişik.

---

XSLT Yardımcısı Başlık Alanı Gereksiz Yer Kaplıyordu

Yardımcı panelin en üstünde yer alan "XSLT Yardımcısı / Hazır stil değişiklikleri" başlık bölümü kaldırıldı. Kazanılan alan sayesinde daha fazla eylem listesi göze çarpıyor, panel daha temiz görünüyor.

🆕 Bu Sürümde Neler Var?

Fatura tasarımınızı farklı versiyonlarla yan yana karşılaştırabilir, XML dosyanızı artık JSON olarak da indirebilirsiniz. Ayrıca sizi zorlayan birçok küçük sorun giderildi.

---

✨ Yeni Özellikler

📄 Faturayı JSON Olarak İndirin

E-Fatura XML dosyanızı tek tıkla JSON formatına dönüştürüp indirebilirsiniz. Kendi uygulamanızda fatura verisini işlemek, bir API'ye göndermek veya farklı sistemlere aktarmak için kolayca kullanabilirsiniz.

Nasıl kullanılır?

1. Faturanızı yükleyin ve önizlemenin üzerine gelin

2. Beliren araç çubuğundan Dışa Aktar → JSON İndir seçin

3. fatura.json dosyası bilgisayarınıza indirilir

---

🔧 Düzeltilen Sorunlar

Karşılaştırma açılınca sol taraf boş görünüyordu

Tarihçe panelinden "Karşılaştır"a tıkladığınızda sol taraftaki mevcut tasarım boş geliyordu; sağda eski versiyon düzgün gösterilse de sol panel yüklenemiyordu. Bu sorun giderildi — artık karşılaştırma moduna geçince her iki taraf da doğru şekilde yükleniyor.

---

Aktif tasarımda "Karşılaştır" butonu görünüyordu

Tarihçe panelini açtığınızda üzerinde çalıştığınız aktif tasarımda da "Karşılaştır" butonu çıkıyordu; bu hem kafa karıştırıcıydı hem de zaten aktif olan bir versiyonla karşılaştırmanın anlamı yoktu. Artık sadece diğer versiyonlarda bu buton görünüyor.

---

Fatura değiştirince önizleme aşağı uzuyordu

"Örnek XML Kullan" butonuna tıkladığınızda veya farklı bir fatura yükleyip tekrar yüklediğinizde önizleme alanı aşağı doğru uzayıp boş alan bırakıyordu. Bu sorun giderildi — artık her fatura değişikliğinde preview temiz bir yükseklikle başlıyor.

---

Yeni fatura açınca "N değişiklik" sayacı sıfırlanmıyordu

Durum çubuğundaki değişiklik sayacı (örn. "6 değişiklik"), yeni bir XML yüklendiğinde veya fatura temizlendiğinde bir önceki çalışmadan kalan sayıyı göstermeye devam ediyordu. Artık yeni bir fatura açtığınızda sayaç otomatik olarak sıfırlanıyor.

🔴 Durum Çubuğu & Hata Paneli

Bu sürümde doğrulama hataları VSCode tarzı durum çubuğuna taşındı. Hatalara tıklayarak editörde ilgili satıra anında atlayabilirsiniz.

✨ Yeni Özellikler

🔴 Akıllı Hata Göstergesi

• •Durum çubuğunun solunda göz alıcı kırmızı hata butonu — VS Code tarzı tam köşeden köşe renk dolgusu
• •Hata varsa kırmızı (bg-red-600), uyarı varsa amber, sorun yoksa soluk görünüm
• •Hata sayısı ve uyarı sayısı buton üzerinde gösterilir

⬆️ Yukarı Açılan Hata Paneli

• •Hata butonuna tıklayınca yukarı doğru açılan panel — karanlık tema/glassmorphism
• •Her satır: ikon + XSLT · Satır N / XML · Satır N etiketi + Syntax/Şema badge + hata mesajı
• •Panel dışına tıklayınca otomatik kapanır

🎯 Satıra Atlama

• •Hata satırına tıklayınca editör ilgili sekmeye (XML/XSLT) geçer
• •Editör o satıra otomatik scroll eder ve imleci konumlandırır

🧹 Temizlikler

• •Kod editöründen Doğrulama Hataları inline panel kaldırıldı
• •Kod editöründen Satır X, Sütun 0 | UTF-8 alt çubuğu kaldırıldı
• •Header'dan "Verileriniz güvende" yeşil badge kaldırıldı — aynı bilgi durum çubuğunda Tarayıcıda işlenir olarak gösteriliyor

🔧 İyileştirmeler

• •StudioStatusBar bileşeni tamamen yeniden yazıldı; hata sayıları, versiyon etiketi ve dosya bilgileri tek çubukta
• •CodeEditor bileşeni hataları onErrorsChange prop'u ile üst bileşene iletiyor
• •jumpTarget state'i ile sayfa genelinde satır atlama koordinasyonu sağlandı

🎨 Tema Sistemi & Erişilebilirlik

Bu sürümde 30 yeni helper fonksiyonu eklendi. Hazır tema presetleri, karanlık mod, erişilebilirlik seviyeleri, animasyon efektleri ve çok daha fazlası!

✨ Yeni Özellikler

🎨 Tema Presetleri

• •8 Hazır Tema — Profesyonel, Modern, Klasik, Kurumsal, Zarif, Minimal, Sıcak Tonlar, Soğuk Tonlar
• •Fatura Tipi Temaları — GIB fatura tipine göre otomatik renk (Satış, İade, İstisna, Tevkifat, İhraç Kayıtlı, SGK)
• •Karanlık Mod — Tek tıkla koyu/açık tema geçişi
• •Yoğunluk Modu — Kompakt, Normal, Geniş içerik sıkılığı
• •Bölüm Aralığı — Bölümler arası boşluğu piksel bazlı ayarlama

♿ Erişilebilirlik

• •Erişilebilirlik Seviyeleri — Temel (font + focus), Gelişmiş (yüksek kontrast), Yüksek Kontrast (tam)
• •Seçim Rengi — Metin seçim arka plan ve yazı rengini özelleştir
• •Tooltip Stili — Hover açıklama baloncuklarını özelleştir

📊 Gelişmiş Tablo Özellikleri

• •Sabit Başlık — Scroll sırasında tablo başlığını sabitle
• •İlk/Son Satır Stili — İlk ve son satıra özel renk ve border
• •Tablo Başlığı (Caption) — Tablo üstüne açıklayıcı başlık ekle
• •Sayısal Sütun Formatı — Sayısal sütunları sağa hizala
• •Sütun Gizle — Seçili sütunları gizle
• •Koşullu Renklendirme — Satır tipine göre otomatik pozitif/negatif renk
• •Para Birimi Stili — Tutar sütunlarını özel biçimlendir (₺, $, €)

📐 Sayfa & Kağıt

• •A4 Düzeni — Dikey (Portrait) veya Yatay (Landscape) A4 kağıt görünümü

🎯 Metin & Taşma

• •Metin Kısaltma (Ellipsis) — Uzun metinleri ... ile kes
• •Satır Sınırla (Line Clamp) — Çok satırlı metin kısaltma
• •Kelime Kırma — Uzun kelimeleri satıra sığdır (break-word, break-all)

✨ Efektler & Animasyonlar

• •Bölüm Vurgula — Belirli bölümü renkli border ile vurgula, etiket ekle
• •Animasyon Presetleri — SlideIn, SlideUp, BounceIn, Pulse, Glow efektleri
• •Şeffaflık — Watermark, damga ve logo için opaklık ayarı

🎛 Gelişmiş UI

• •Çoklu Border — Her kenara farklı border (üst, alt, sol, sağ)
• •Özel Scrollbar — Scrollbar rengini ve genişliğini özelleştir

🧩 CSS Araçları

• •CSS Değişkenleri — CSS custom property tanımla ve kullan
• •Toplu Stil Uygulama — Birden fazla selector'a aynı anda stil uygula
• •Özel CSS Enjeksiyonu — Serbest CSS kuralı yazarak ekleme

🔧 İyileştirmeler

• •Helper UI bileşeni yeni kategorilerle genişletildi: Tema ve Erişim sekmeleri
• •Tüm yeni fonksiyonlar TypeScript ile tam tip güvenliği
• •25+ yeni UI aksiyonu XSLTHelper paneline eklendi

📦 Versiyon Detayları

🚀 Helper Kütüphanesi Büyük Güncelleme

Bu sürümde XSLT Helper kütüphanesine 15+ yeni fonksiyon eklendi. Tablo düzeni, yazıcı yönetimi, imza alanları ve daha fazlası!

✨ Yeni Özellikler

Tablo Gelişmeleri

• •Sütun Genişlikleri — Tablo sütunlarına özel genişlik atama
• •Hücre Dolgusu — Tablo hücresi iç boşluklarını ayarlama
• •Satır Yüksekliği — Minimum satır yüksekliğini belirleme
• •Tablo Hizalaması — Tabloyu sayfa ortasına, sola veya sağa hizalama
• •Sütun Vurgu — Belirli sütunları renk ile vurgulama
• •Alternatif Sütunlar — Zebra deseni tablo sütunlarına uygulama

Yazıcı ve Sayfa

• •Sayfa Sonu (Önce) — Element öncesine otomatik sayfa sonu ekleme
• •Sayfa Sonu (Sonra) — Element sonrasına otomatik sayfa sonu ekleme
• •Sayfa Sonu (İçi) — Element içinde sayfa bölünmesini engelleme

İmza & Mühür

• •İmza Kutusu — Fatura altına imza alanı ekleme
• •Mühür Alanı — Yuvarlak mühür/kaşe alanı ekleme

Sayı Biçimlendirme

• •Negatif Sayı Vurgusu — Negatif tutarları otomatik kırmızı renklendirme
• •Sayı Hizalama — Sayısal değerleri sağa veya sola hizalama

Özel Efektler

• •Köşe Kıvrımı — Kağıt köşe kıvrımı efekti
• •Kağıt Dokusu — Hafif kağıt dokusu arka plan
• •QR Yer Tutucu — Boş QR kodu alanı
• •Barkod Yer Tutucu — Boş barkod alanı

🔧 İyileştirmeler

• •CSS çıkarma ve uygulama performansı optimize edildi
• •Tüm helper fonksiyonları TypeScript tip güvenliği ile geliştirildi
• •Hata mesajları Türkçeleştirildi

🎉 İlk Sürüm

eFatura Studio'nun ilk kararlı sürümü! Türkiye GIB standartlarına uygun e-Fatura XSLT şablonlarını tarayıcıda görüntüleyin, düzenleyin ve özelleştirin.

✨ Temel Özellikler

• •XSLT Görüntüleyici — XML e-Fatura + XSLT şablonu birleştirerek anlık önizleme
• •Kod Düzenleyici — Sözdizimi renklendirmeli XSLT ve XML editörü
• •Fatura Galerisi — Örnek GIB fatura şablonları kütüphanesi
• •Versiyon Yönetimi — XSLT şablonlarınızı versiyonlayın ve karşılaştırın
• •Tarayıcıda İşleme — Tüm veriler yerel olarak işlenir, sunucuya gönderilmez

🧰 Helper Kütüphanesi (v1)

Deterministik CSS manipülasyon araçları:

• •Tablo Stilleme — Başlık rengi, zebra deseni, tablo kenar çizgileri, toplam satırı
• •Tipografi — Font ailesi, boyut, metin rengi
• •Düzen — Sayfa arka planı, logo boyutu, başlık stili, HR stili
• •Gelişmiş Stiller — Kutu gölgesi, köşe yuvarlama, metin hizalama, satır yüksekliği
• •Gradyan Efektler — Arka plan gradyanı, başlık gradyanı, hover efekti
• •Watermark & Damga — Filigran, onay damgası, ribbon/rozet
• •Yazıcı Desteği — Yazıcı dostu kıpkıpkızıl, duyarlı görünüm
• •Sıfırlama — Tüm stilleri sıfırla veya minimal CSS'e döndür

🔧 Teknik Altyapı

• •Next.js 15 (App Router)
• •TypeScript
• •Tailwind CSS
• •Saxon-JS (XSLT 2.0 işleme)
• •Vercel AI SDK