@brftech/filex-core 0.4.2 → 0.6.0

package/src/locales/tr.ts

@@ -240,4 +240,129 @@ export const tr: Record<string, string> = {
   'inspector.perm.manage': 'İzinleri yönet',
   'inspector.shares.empty': 'Paylaşım linki yok',
   'inspector.shares.copy': 'Linki kopyala',
+
+  /* wiring:c1 — tema galerisi */
+  'theme.menu': 'Tema',
+  'theme.title': 'Tema Galerisi',
+  'theme.hint': 'Tema yalnız renk paletini değiştirir; açık/koyu mod ayrı çalışmaya devam eder.',
+  'theme.reset': 'Varsayılana dön',
+  'theme.close': 'Kapat',
+  'theme.selected': 'Seçili',
+  'theme.name.default': 'Varsayılan',
+  'theme.name.night': 'Gece Mavisi',
+  'theme.name.forest': 'Orman',
+  'theme.name.amber': 'Kehribar',
+  'theme.name.lilac': 'Leylak',
+  'theme.name.contrast': 'Yüksek Kontrast',
+  'theme.name.gray': 'Yumuşak Gri',
+  'theme.name.terminal': 'Terminal Yeşili',
+  /* === wiring:c2 — özelleştirilebilir kısayollar + hızlı bakış === */
+  'shortcuts.quicklook': 'Hızlı bakış',
+  'shortcuts.customize': 'Özelleştir',
+  'shortcuts.settings.menu': 'Kısayollar',
+  'shortcuts.settings.title': 'Kısayol Ayarları',
+  'shortcuts.settings.hint': 'Bir kısayolu değiştirmek için "Değiştir"e basıp yeni tuş kombinasyonuna basın. Değişiklikler yalnızca bu tarayıcıda saklanır.',
+  'shortcuts.settings.change': 'Değiştir',
+  'shortcuts.settings.capture': 'Tuşlara basın… (Esc iptal)',
+  'shortcuts.settings.reset': 'Varsayılana dön',
+  'shortcuts.settings.reset_all': 'Tümünü sıfırla',
+  'shortcuts.settings.unbound': 'Atanmadı',
+  'shortcuts.settings.fixed': 'Sabit',
+  'shortcuts.settings.customized': 'Özelleştirildi',
+  'shortcuts.settings.conflict': 'kombinasyonu "{name}" kısayolunda kullanılıyor.',
+  'shortcuts.settings.conflict_fixed': 'kombinasyonu "{name}" sabit kısayoluna ayrılmış — kullanılamaz.',
+  'shortcuts.settings.conflict_take': 'Eskisini boşa çıkar ve ata',
+  'shortcuts.settings.conflict_cancel': 'Vazgeç',
+  'quicklook.hint_close': 'kapat',
+  'quicklook.hint_nav': 'önceki/sonraki',
+  'quicklook.hint_open': 'aç',
+  /* === /wiring:c2 === */
+  /* === wiring:c3 — işlem merkezi === */
+  'opc.title': 'İşlemler',
+  'opc.aria_badge': '{n} işlem — işlem merkezini aç/kapat',
+  'opc.close': 'Kapat',
+  'opc.active': 'Sürüyor',
+  'opc.history': 'Geçmiş',
+  'opc.clear': 'Temizle',
+  'opc.empty': 'İşlem yok',
+  'opc.cancel': 'İptal',
+  'opc.retry': 'Yeniden dene',
+  'opc.dismiss': 'Kapat',
+  'opc.queued': 'Sırada',
+  'opc.percent': '%{n}',
+  'opc.status.running': 'Sürüyor',
+  'opc.status.done': 'Bitti',
+  'opc.status.error': 'Hata',
+  'opc.status.aborted': 'İptal edildi',
+  'opc.kind.upload': 'Yükleme',
+  'opc.kind.copy': 'Kopyalama',
+  'opc.kind.move': 'Taşıma',
+  'opc.kind.delete': 'Silme',
+  'opc.kind.convert': 'Dönüştürme',
+  'opc.kind.archive': 'Arşiv',
+  /* === wiring:c4 — onboarding turu + erişilebilirlik + hata kartı === */
+  'tour.aria': 'Tanıtım turu',
+  'tour.restart': 'Turu tekrar başlat',
+  'tour.skip': 'Turu atla',
+  'tour.back': 'Geri',
+  'tour.next': 'İleri',
+  'tour.done': 'Bitti',
+  'tour.progress': '{n} / {m}',
+  'tour.step.nav.title': 'Depo ve klasörler',
+  'tour.step.nav.desc':
+    'Bulunduğun konum burada görünür. Kırıntı çubuğundaki adımlara tıklayarak üst klasörlere ve depo köküne dönebilirsin.',
+  'tour.step.upload.title': 'Dosya yükle',
+  'tour.step.upload.desc':
+    'Bu düğmeyle dosya seçebilirsin; dosyaları doğrudan pencereye sürükleyip bırakmak da çalışır.',
+  'tour.step.search.title': 'Arama',
+  'tour.step.search.desc':
+    'Bu kutu bulunduğun klasörü filtreler. Ctrl+K komut paleti ile tüm depolarda arama yapabilir ve komut çalıştırabilirsin.',
+  'tour.step.view.title': 'Görünümü değiştir',
+  'tour.step.view.desc':
+    'Liste ve ızgara görünümü arasında geçiş yapabilirsin; seçimin hatırlanır.',
+  'tour.step.share.title': 'Paylaşım',
+  'tour.step.share.desc':
+    'Bir dosyaya sağ tıklayıp "Paylaş / İzinler" ile bağlantı oluşturabilir, PIN ve son kullanma süresi ekleyebilirsin.',
+  'tour.step.help.title': 'Kısayollar',
+  'tour.step.help.desc':
+    '? tuşu kısayol kartını, Ctrl+K komut paletini açar. Bu turu menüdeki "Turu tekrar başlat" ile dilediğinde yeniden izleyebilirsin.',
+  'error.hint': 'Bağlantı ya da sunucu kaynaklı geçici bir sorun olabilir. Yeniden deneyin.',
+  'error.details': 'Teknik ayrıntılar',
+  'col.star': 'Yıldız',
+  'toolbar.view_label': 'Görünüm',
+  'list.aria': 'Dosya listesi',
+  'grid.aria': 'Dosya ızgarası',
+
+  /* === wiring:d1 — sekmeler + split panel === */
+  'tabs.strip': 'Sekmeler',
+  'tabs.new': 'Yeni sekme',
+  'tabs.close': 'Sekmeyi kapat',
+  'tabs.split': 'Görünümü böl',
+  'tabs.split_off': 'Bölmeyi kapat',
+  'ctx.open_new_tab': 'Yeni sekmede aç',
+  'shortcuts.group.tabs': 'Sekmeler',
+  'shortcuts.tab_new': 'Yeni sekme',
+  'shortcuts.tab_close': 'Sekmeyi kapat',
+  'shortcuts.tab_next': 'Sonraki sekme',
+  'shortcuts.tab_prev': 'Önceki sekme',
+  'cmd.tab_new': 'Yeni sekme aç',
+  'cmd.split_toggle': 'Görünümü böl / birleştir',
+  'split.pane': 'İkincil panel',
+  'split.close': 'Yan paneli kapat',
+  'split.error': 'Liste yüklenemedi',
+  'split.retry': 'Yeniden dene',
+  'split.copy_queued': 'Kopyalama kuyruğa alındı',
+  'split.cross_copy': 'Depolar farklı — kopyalama kuyruğa alındı',
+  'split.cross_failed': 'Depolar arası kopyalama bu sunucuda desteklenmiyor',
+  /* === /wiring:d1 === */
+  /* wiring:d2 — galeri görünümü */
+  'toolbar.view.gallery': 'Galeri',
+  'gallery.aria': 'Dosya galerisi',
+  /* /wiring:d2 */
+  /* wiring:d3 — Yorumlar (inspector node comments) */
+  'inspector.section.comments': 'Yorumlar',
+  'inspector.comments.empty': 'Henüz yorum yok.',
+  'inspector.comments.placeholder': 'Yorum yaz…',
+  'inspector.comments.send': 'Gönder',
+  'inspector.comments.delete': 'Yorumu sil',
 };

package/src/modals/Modal.vue

@@ -31,19 +31,32 @@ const emit = defineEmits<{
 
 const cardEl = ref<HTMLElement | null>(null);
 
+/* wiring:c4 — a11y: unique title id for aria-labelledby + focus restore.
+ * The element focused before the modal opened gets focus back on close so
+ * keyboard users return to where they were instead of <body>. */
+let modalSeq = 0;
+const titleId = `fe-modal-title-${++modalSeq}-${Math.random().toString(36).slice(2, 7)}`;
+let prevFocus: HTMLElement | null = null;
+
+const FOCUSABLE =
+  'input:not([disabled]),select:not([disabled]),textarea:not([disabled]),' +
+  'button:not([disabled]),a[href],[tabindex]:not([tabindex="-1"])';
+
 watch(
   () => props.open,
   (v) => {
     if (v) {
+      prevFocus = (document.activeElement as HTMLElement | null) ?? null; /* wiring:c4 */
       document.addEventListener('keydown', onKey);
       setTimeout(() => {
-        const focusable = cardEl.value?.querySelector<HTMLElement>(
-          'input,select,textarea,button,[tabindex]:not([tabindex="-1"])',
-        );
+        const focusable = cardEl.value?.querySelector<HTMLElement>(FOCUSABLE);
         focusable?.focus();
       }, 30);
     } else {
       document.removeEventListener('keydown', onKey);
+      /* wiring:c4 — return focus to the opener. */
+      prevFocus?.focus?.();
+      prevFocus = null;
     }
   },
 );
@@ -51,7 +64,28 @@ watch(
 onBeforeUnmount(() => document.removeEventListener('keydown', onKey));
 
 function onKey(e: KeyboardEvent) {
-  if (e.key === 'Escape') emit('close');
+  if (e.key === 'Escape') {
+    emit('close');
+    return;
+  }
+  /* wiring:c4 — focus trap: Tab cycles inside the card (WAI-ARIA dialog).
+   * Without it, Tab walked out into the host page behind the backdrop. */
+  if (e.key === 'Tab' && cardEl.value) {
+    const nodes = Array.from(cardEl.value.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(
+      (el) => el.offsetParent !== null || el === document.activeElement,
+    );
+    if (nodes.length === 0) return;
+    const first = nodes[0];
+    const last = nodes[nodes.length - 1];
+    const active = document.activeElement as HTMLElement | null;
+    if (e.shiftKey && (active === first || !cardEl.value.contains(active))) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && (active === last || !cardEl.value.contains(active))) {
+      e.preventDefault();
+      first.focus();
+    }
+  }
 }
 
 function onBackdrop() {
@@ -81,10 +115,12 @@ function onBackdrop() {
         ]"
         role="dialog"
         aria-modal="true"
+        :aria-labelledby="title && !chromeless ? titleId : undefined"
+        :aria-label="!title || chromeless ? title || undefined : undefined"
         @click.stop
       >
         <header v-if="title && !chromeless" class="fe-modal__head">
-          <h2 class="fe-modal__title">{{ title }}</h2>
+          <h2 :id="titleId" class="fe-modal__title">{{ title }}</h2>
           <button
             type="button"
             class="fe-modal__close"