Basit Anlatım (Herkes İçin)
Component nedir? Web sitesinde tekrar tekrar kullanılan hazır parçalar. Mesela "şarkı kartı", "albüm kartı" gibi. Her yerde aynı tasarımı kullanmak için tek bir dosyada hazırlıyoruz.
Toplam 16 component var: Bunların içinde şarkı göstermek için olanlar, albüm göstermek için olanlar, playlist göstermek için olanlar vs. Her biri farklı yerde kullanılıyor.
Ne yapacağız? Her component'i tek tek test edeceğiz. Hangisi nerede kullanılıyor, doğru mu çalışıyor, gereksiz olanlar var mı kontrol edeceğiz.
Neden Önemli?
Gereksiz component'ler kod karmaşıklığı yaratır, yüklenme hızını düşürür. Kullanılmayan component'leri temizlemek site performansını artırır ve kodun bakımını kolaylaştırır.
Teknik Detaylar (Geliştiriciler İçin)
Component Konumları:
resources/views/components/muzibu/- Ana frontend component'ler (15 adet)Modules/Muzibu/resources/views/components/- Admin component'ler (1 adet)Modules/Muzibu/resources/views/components/muzibu/- Duplicate component'ler (2 adet)
Duplicate Component Uyarısı
lazy-image ve
song-detail-row
component'leri iki farklı konumda mevcut. Bu bakım zorluğu yaratabilir.
Component Detayları (16 Adet)
album-card
resources/views/components/muzibu/album-card.blade.php
Albüm kartı gösterimi. Preview prop ile desktop'ta sidebar önizleme, mobilde detay sayfasına gidiş.
- resources/views/themes/muzibu/albums/index.blade.php
- resources/views/themes/muzibu/artists/show.blade.php
- resources/views/themes/muzibu/favorites/index.blade.php
- resources/views/themes/muzibu/index.blade.php
- resources/views/themes/muzibu/partials/albums-grid.blade.php
- resources/views/components/muzibu/horizontal-scroll-section.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/albums/index.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/favorites/index.blade.php
artist-card
resources/views/components/muzibu/artist-card.blade.php
Sanatçı kartı gösterimi. Ancak aktif olarak başka dosyada kullanılmıyor.
- Sadece kendi dosyasında (usage comment)
Bu component muhtemelen kullanılmıyor. Silme adayı!
create-playlist-modal
resources/views/components/muzibu/create-playlist-modal.blade.php
Yeni playlist oluşturma modal penceresi. Muzebu store ile entegre.
- Modules/Muzibu/resources/views/themes/muzibu/playlists/my-playlists.blade.php
empty-state
resources/views/components/muzibu/empty-state.blade.php
Boş içerik durumu gösterimi (hiç kayıt yoksa). Ancak aktif kullanım yok.
- Sadece kendi dosyasında (usage comment)
Bu component muhtemelen kullanılmıyor. Silme adayı!
genre-card
resources/views/components/muzibu/genre-card.blade.php
Müzik türü (genre) kartı gösterimi. Grid layout'larda kullanılıyor.
- resources/views/themes/muzibu/genres/index.blade.php
- resources/views/themes/muzibu/favorites/index.blade.php
- resources/views/themes/muzibu/partials/genres-grid.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/genres/index.blade.php
genre-quick-card
resources/views/components/muzibu/genre-quick-card.blade.php
Kompakt genre kartı. Ana sayfa için kullanılıyor.
- resources/views/themes/muzibu/index.blade.php
- Kendi dosyasında (usage comment)
horizontal-scroll-section
resources/views/components/muzibu/horizontal-scroll-section.blade.php
Yatay scroll edilebilir kart bölümü wrapper'ı. Ana sayfa için.
- resources/views/themes/muzibu/index.blade.php (multiple times)
- Kendi dosyasında (usage examples)
lazy-image DUPLICATE
resources/views/components/muzibu/lazy-image.blade.php
Modules/Muzibu/resources/views/components/muzibu/lazy-image.blade.php
Lazy loading destekli görsel component'i. İKİ FARKLI KONUMDA MEVCUT!
- resources/views/components/muzibu/song-detail-row.blade.php
- Modules/Muzibu/resources/views/components/muzibu/song-detail-row.blade.php
İki farklı konumda duplicate! Hangisi kullanılıyor belirlenmeli.
playlist-card
resources/views/components/muzibu/playlist-card.blade.php
Playlist kartı gösterimi. Grid layout'larda kullanılıyor.
- resources/views/themes/muzibu/playlists/index.blade.php
- resources/views/themes/muzibu/favorites/index.blade.php
- resources/views/themes/muzibu/index.blade.php
- resources/views/themes/muzibu/partials/playlists-grid.blade.php
- resources/views/themes/muzibu/sectors/show.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/playlists/index.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/favorites/index.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/sectors/show.blade.php
playlist-quick-card
resources/views/components/muzibu/playlist-quick-card.blade.php
Kompakt playlist kartı. Horizontal scroll bölümlerinde kullanılıyor.
- resources/views/components/muzibu/horizontal-scroll-section.blade.php
- Kendi dosyasında (usage comment)
radio-card
resources/views/components/muzibu/radio-card.blade.php
Radyo kartı gösterimi. Direkt çalma, preview yok.
- resources/views/themes/muzibu/favorites/index.blade.php
- resources/views/themes/muzibu/partials/radios-grid.blade.php
- resources/views/themes/muzibu/sectors/show.blade.php
sector-card
resources/views/components/muzibu/sector-card.blade.php
Sektör kartı gösterimi (işyeri müziği kategorileri için).
- resources/views/themes/muzibu/sectors/index.blade.php
- resources/views/themes/muzibu/favorites/index.blade.php
- resources/views/themes/muzibu/partials/sectors-grid.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/sectors/index.blade.php
song-detail-row DUPLICATE EN ÇOK KULLANILAN
resources/views/components/muzibu/song-detail-row.blade.php
Modules/Muzibu/resources/views/components/muzibu/song-detail-row.blade.php
Detay sayfalarında (album, playlist, genre) şarkı satırı gösterimi. İKİ FARKLI KONUMDA MEVCUT!
- resources/views/themes/muzibu/albums/show.blade.php
- resources/views/themes/muzibu/playlists/show.blade.php
- resources/views/themes/muzibu/genres/show.blade.php
- resources/views/themes/muzibu/partials/album-detail.blade.php
- resources/views/themes/muzibu/partials/playlist-detail.blade.php
- resources/views/themes/muzibu/partials/genre-detail.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/albums/show.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/playlists/show.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/genres/show.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/partials/album-detail.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/partials/playlist-detail.blade.php
- Modules/Muzibu/resources/views/themes/muzibu/partials/genre-detail.blade.php
- Kendi dosyasında (usage comment)
İki farklı konumda duplicate! Hangisi kullanılıyor belirlenmeli.
song-list-item
resources/views/components/muzibu/song-list-item.blade.php
Liste formatında şarkı gösterimi. Kompakt versiyonu.
- resources/views/themes/muzibu/dashboard.blade.php
- resources/views/themes/muzibu/favorites/index.blade.php
- resources/views/themes/muzibu/components/sidebar-right.blade.php
song-row
resources/views/components/muzibu/song-row.blade.php
Tablo formatında şarkı satırı gösterimi.
- resources/views/themes/muzibu/songs/index.blade.php
- resources/views/themes/muzibu/artists/show.blade.php
- resources/views/themes/muzibu/listening-history.blade.php
content-editor ADMIN
Modules/Muzibu/resources/views/components/content-editor.blade.php
Admin panelinde JSON çoklu dil editörü. Manage component'lerde kullanılıyor.
- Modules/Muzibu/resources/views/admin/livewire/album-manage-component.blade.php
- Modules/Muzibu/resources/views/admin/livewire/artist-manage-component.blade.php
- Modules/Muzibu/resources/views/admin/livewire/category-manage-component.blade.php
- Modules/Muzibu/resources/views/admin/livewire/genre-manage-component.blade.php
- Modules/Muzibu/resources/views/admin/livewire/muzibu-manage-component.blade.php
- Modules/Muzibu/resources/views/admin/livewire/playlist-manage-component.blade.php
- Modules/Muzibu/resources/views/admin/livewire/radio-manage-component.blade.php
- Modules/Muzibu/resources/views/admin/livewire/sector-manage-component.blade.php
- Modules/Muzibu/resources/views/admin/livewire/song-manage-component.blade.php
Sonuç ve Öneriler
✅ Çalışan Component'ler (11 Adet)
album-card, create-playlist-modal, genre-card, genre-quick-card, horizontal-scroll-section, lazy-image, playlist-card, playlist-quick-card, radio-card, sector-card, song-detail-row, song-list-item, song-row, content-editor
⚠️ Silme Adayları (2 Adet)
- artist-card - Sadece kendi dosyasında usage comment var, aktif kullanım yok
- empty-state - Sadece kendi dosyasında usage comment var, aktif kullanım yok
Bu component'lerin silinmeden önce grep ile tekrar kontrol edilmesi önerilir.
🔄 Duplicate Component'ler (2 Adet)
- lazy-image - İki farklı konumda mevcut (resources/ ve Modules/)
- song-detail-row - İki farklı konumda mevcut (resources/ ve Modules/)
Hangisinin kullanıldığını belirlemeli ve bir tanesini silmeliyiz.
📋 Yapılacaklar
- artist-card ve empty-state component'lerinin gerçekten kullanılmadığını teyit et
- lazy-image ve song-detail-row duplicate'lerinden hangisinin aktif olduğunu belirle
- Kullanılmayan versiyonları sil
- Tüm component'leri sırayla test et (context menu, click, hover, responsive)
- Console error kontrolü yap
- Cache temizle ve production build