dev #52

Merged
root merged 11 commits from dev into main 2026-05-26 01:17:59 +03:00
Owner
No description provided.
root added 11 commits 2026-05-26 01:17:54 +03:00
The vehicle category flow had two competing navigation models: the grid
drilled in place (no URL change, own breadcrumb) while the category route
had a separate breadcrumb reconstructed from the cached tree plus a back
button with different semantics. The route breadcrumb collapsed on
refresh/deep-link and for lazily-fetched deep nodes, and browser-back from
an in-grid drill ejected the user out of the whole flow.

Make the URL + a server-provided ancestor trail the single source of truth:

- API: getCategoryWithParts now returns `ancestors[]` (root→parent) via a
  recursive CTE, so breadcrumbs are complete regardless of client cache.
- New shared <CategoryBreadcrumb> (Arama → vehicle → ancestors → current)
  used by both the vehicle and category pages.
- Category page back button derives the parent from `ancestors` (no more
  cache-path race); cache reconstruction (findCategoryPath) removed.
- CategoryGrid drills via route navigation per level (each level a URL +
  history entry), seeding the query cache for instant render. Browser-back
  now goes up one level and deep levels are shareable/refreshable.
- Tree & Columns intentionally keep their in-place paradigm.
- a11y: aria-labels on back buttons and the breadcrumb nav.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Locks in the catalog regression check after CategoryGrid switched from
in-place stack drilling to per-level route navigation: catalog-mode parent
clicks route to the catalog category page preserving variant + mgp search
params (no vehicles-mode cache seeding), and vehicles-mode parent clicks
route to the category page and seed the query cache.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Kayan şeritte metin yerine CarBrandLogo (cardog-icons + statik SVG'ler)
- Logoya tıklayınca seçilen marka adı SmartAnimateText ile karakter karakter yazılır
- globals.css: char-in keyframe + animate-char-in utility

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- WMI_BRAND_MAP + getBrandFromWmi packages/shared'e taşındı (tek kaynak);
  corgi.service artık buradan import ediyor (davranış aynı, testler geçiyor)
- VinBrandIcon: VIN'in WMI'ı bilinen markaya denk gelince büyüteç yerine
  marka logosu pop animasyonuyla görünür (landing + search VIN textbox)
- WMI haritasına prod DB'de decode edilmiş VIN'lerden 23 eksik WMI eklendi
  (Türkiye fabrikaları NM4/NMT/NLA/NLH/NMB dahil; tüm DB WMI'ları artık tanınıyor)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Tailwind Preflight img'lere height:auto uyguladığından statik-SVG logolar
en-boy oranına göre ölçekleniyordu (Opel ~17px küçük, Renault ~29px taşma).
VinBrandIcon artık sabit 28px kare + object-contain ile hem img hem svg
logolarını aynı boyutta gösteriyor; büyüteç optik denge için biraz küçük.
Playwright ile landing VIN textbox üzerinde doğrulandı.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
cardog-icons ChevroletLogo'yu sağlıyor (kurulu paketteydi) ama haritaya
bağlanmamıştı; KL1 WMI'sı Chevrolet'e map'lendiği halde harf fallback'i
gösteriyordu. BRAND_MAP'e chevrolet eklendi. (Lancia cardog'da yok, fallback.)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Girinti satır-bazlı paddingLeft yerine açılan çocuk grubunda border-l ile;
  her seviyenin çizgisi parent satırın chevron merkeziyle hizalanır
- Aç/kapa CSS grid-rows 0fr↔1fr geçişiyle animasyonlu (motion-reduce saygılı)
- Lazy fetch, şema prefetch/preview, leaf→Link ve a11y korundu

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
unlumen cards-view/list-view motion gerektirdiği için saf CSS eşdeğerleri:
- CardsViewIcon (grid): 2×2 kareler yer değiştirir
- TreeViewIcon (tree): bespoke dallanan ağaç, kademeli çizilir (tree-branch-in)
- ListViewIcon (columns): 3 çizgi birer slot kayar
isActive ile sürülür, motion-reduce saygılı. CategoryViewToggle + 4 inline
katalog toggle'ı bu ikonlara çevrildi; kullanılmayan lucide import'ları temizlendi.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- category-tree: isim span'inde truncate yerine break-words; derin alt
  kategorilerde uzun isimler artık kesilmiyor, gerekirse alt satıra sarıyor
- TreeViewIcon: remount+keyframe (opacity 0'dan dolma) yerine grid/list ile
  aynı transition mekanizması; dallar hep görünür, aktifte anında kayar
- globals.css: kullanılmayan tree-branch-in keyframe kaldırıldı

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- category-tree: kılavuz çizgileri + grid-rows aç/kapa animasyonu geri alındı,
  orijinal smooth yapı (paddingLeft girinti) restore edildi
- TreeViewIcon: 80ms gecikmeli/2px küçük hareket yerine gövdeden gecikmesiz
  scaleX büyüme (tree-grow keyframe, origin-left); grid/list ile aynı anında tepki

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
fix(web): kategori ağacını eski yapısına döndür (isim kesilmesi hariç) + toggle tree ikonu anında tepki
Some checks failed
QA Gate (P0/P1) / Test affected app (pull_request) Has been cancelled
14a1af0f81
- category-tree: kılavuz çizgileri + grid-rows aç/kapa animasyonu geri alındı,
  orijinal smooth yapı (paddingLeft girinti) restore edildi; uzun isimlerin
  kesilmemesi için truncate yerine break-words korundu
- TreeViewIcon: 80ms gecikmeli/2px küçük hareket yerine gövdeden gecikmesiz
  scaleX büyüme (tree-grow keyframe, origin-left); grid/list ile aynı anında tepki

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
root merged commit 082ea71b38 into main 2026-05-26 01:17:59 +03:00
Sign in to join this conversation.
No Reviewers
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: root/sase.tr#52