Spotify Activity Component

Bu paket, kullanıcıların Spotify'da şu an çalan şarkıyı göstermek için kullanabilecekleri bir React bileşeni sağlar.

Kurulum

npm install @kroxly/spotify-activity
# veya
yarn add @kroxly/spotify-activity

Gereksinimler

• React 16.8 veya üzeri
• Spotify API erişimi için geçerli bir clientId, clientSecret ve refreshToken

Kullanım

import React from 'react';
import SpotifyActivity from '@kroxly/spotify-activity';

function App() {
  return (
    <div style={{ width: '400px', height: '200px' }}>
      <SpotifyActivity 
        clientId="your_client_id_here"
        clientSecret="your_client_secret_here"
        refreshToken="your_refresh_token_here"
        onError={(error) => console.error(error)}
        className="custom-class"
      />
    </div>
  );
}

export default App;

Özellikler

| Prop | Tür | Zorunlu | Açıklama | |------|-----|----------|-----------| | clientId | string | Evet | Spotify API client ID'niz | | clientSecret | string | Evet | Spotify API client secret'ınız | | refreshToken | string | Evet | Kullanıcı için oluşturulmuş refresh token | | onError | function | Hayır | Hata durumunda çağrılacak fonksiyon | | className | string | Hayır | Bileşene ek CSS sınıfı eklemek için |

Spotify API Kurulumu

1. Spotify for Developers adresine gidin
2. Yeni bir uygulama oluşturun
3. Uygulama ayarlarından clientId ve clientSecret bilgilerinizi alın
4. Redirect URI olarak http://localhost:3000 ekleyin
5. Refresh token almak için OAuth akışını kullanın

Geliştirme

1. Repoyu klonlayın:

   git clone https://github.com/kroxlycode/spotify-activity.git
   cd spotify-activity

2. Bağımlılıkları yükleyin:

   npm install

3. Geliştirme sunucusunu başlatın:

   npm run dev

4. Değişikliklerinizi yapın ve test edin.

Lisans

MIT