Basic implicit grant implementation for Spotify API OAuth

spotify-implicit-grant.js

// Get the hash of the url
const hash = window.location.hash
.substring(1)
.split('&')
.reduce(function (initial, item) {
  if (item) {
    var parts = item.split('=');
    initial[parts[0]] = decodeURIComponent(parts[1]);
  }
  return initial;
}, {});
window.location.hash = '';

// Set token
let _token = hash.access_token;

const authEndpoint = 'https://accounts.spotify.com/authorize';

// Replace with your app's client ID, redirect URI and desired scopes
const clientId = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
const redirectUri = 'http://localhost:8888';
const scopes = [
  'user-read-birthdate',
  'user-read-email',
  'user-read-private'
];

// If there is no token, redirect to Spotify authorization
if (!_token) {
  window.location = `${authEndpoint}?client_id=${clientId}&redirect_uri=${redirectUri}&scope=${scopes.join('%20')}&response_type=token`;
}

Hi arirawr, I'm trying to implement this code on my project but I'm getting some errors. I'm learning angular that's why my question may sound stupid. So I've been trying to do this auth flow but I've been getting some CORS errors, and I found this code, I'm trying to implement it on my getTokenFromAPI() method on my service, but I'm getting this errors on typescript.

On your line 15:
Property 'access_token' does not exist on type '{}'

And On your line 30:
Type 'string' is not assignable to type 'Location'

` getTokenFromAPI() {
// Get the hash of the url
const hash = window.location.hash
.substring(1)
.split('&')
.reduce(function (initial, item) {
if (item) {
var parts = item.split('=');
initial[parts[0]] = decodeURIComponent(parts[1]);
}
return initial;
}, {});
window.location.hash = '';

// Set token
let _token = hash.access_token;

const authEndpoint = 'https://accounts.spotify.com/authorize';

// Replace with your app's client ID, redirect URI and desired scopes
const clientId = this.clientId;
const redirectUri = 'http://localhost:4200/#/home';
const scopes = [
'user-read-birthdate',
'user-read-email',
'user-read-private'
];

// If there is no token, redirect to Spotify authorization
if (!_token) {
window.location = ${authEndpoint}?client_id=${clientId}&redirect_uri=${redirectUri}&scope=${scopes.join('%20')}&response_type=token;
}
}`

I really would appreciate if you helped me, thank you so much in advanced.