This is a JavaScript/TypeScript SDK for the Spotify Web API.

Because this SDK uses fetch both in Node and the Browser, and ESM, we require the following:

• Node 18.0.0 or higher
• A modern, version infinite, browser

The package contains both an ESM and CommonJS build, so you can use it in both Node and the Browser.

npm install @spotify/web-api-ts-sdk

First install the dependencies:

npm install

Create a .env file in the example directory with your client_id and redirect url:

VITE_SPOTIFY_CLIENT_ID=your_spotify_client_id_for_tests
VITE_REDIRECT_TARGET=http://localhost:3000

To run the app:

npm run start

Creating an instance of the SDK is easy, and can be done in a number of ways depending on which form of authentication you want to use.

import { SpotifyApi } from '@spotify/web-api-ts-sdk';

// Choose one of the following:
const sdk = SpotifyApi.withUserAuthorization("client-id", "https://localhost:3000", ["scope1", "scope2"]);
const sdk = SpotifyApi.withClientCredentials("client-id", "secret", ["scope1", "scope2"]);

Each of these factory methods will return a SpotifyApi instance, which you can use to make requests to the Spotify Web API.

Once you have an authenticated instance of the SDK, you can make requests to the Spotify Web API by using the methods exposed on the client instance of the API. Types are embedded in the package, so if you're using Visual Studio Code or other compatible IDEs, you should get intellisense and type checking by default.

const items = await sdk.search("The Beatles", ["artist"]);

console.table(items.artists.items.map((item) => ({
    name: item.name,
    followers: item.followers.total,
    popularity: item.popularity,
})));

• Authorization Code Flow with PKCE
• Client Credentials Flow
• Implicit Grant Flow
• Mixed Server and Client Side Authentication

We do auto-token refresh when expired and a refresh token is available.

• https://github.com/gitname/react-gh-pages

$ git remote add origin https://github.com/hluebbering/sdk-app.git
git remote add origin https://github.com/hluebbering/sdk-app.git

"build:mjs": "tsc --project tsconfig.mjs.json && cp res/package.mjs.json dist/mjs/package.json", "build:cjs": "tsc --project tsconfig.cjs.json && cp res/package.cjs.json dist/cjs/package.json",

"build": "npm run build:cjs && npm run build:mjs",

const express = require('express'); const path = require('path'); const app = express();

app.use(express.static(path.join(__dirname, 'build')));

app.get('/', function (req, res) { res.sendFile(path.join(__dirname, 'build', 'index.html')); });

app.listen(9000);