Merge pull request #2 from hurry-harry/hf-link-auth-api

Leftover commit

src/app/_shared/constants/spotify-url.constants.ts

@@ -0,0 +1,6 @@
+export const SPOTIFY_MY_PROFILE: string = "https://api.spotify.com/v1/me";
+export const SPOTIFY_MY_TOP_ITEMS: string = "https://api.spotify.com/v1/me/top";
+export const SPOTIFY_ALBUMS: string = "https://api.spotify.com/v1/albums";
+export const SPOTIFY_NEW_RELEASES: string = "browse/new-releases";
+
+

src/app/_shared/enums/spotify.enums.ts

@@ -0,0 +1,4 @@
+export enum SpotifyTopItemCategories {
+    Artists = "artists",
+    Tracks = "tracks"
+}

src/app/_shared/models/environment.model.ts

@@ -0,0 +1,3 @@
+export interface Environment {
+    apiUrl: string;
+}

src/app/_shared/services/spotify.service.ts

@@ -0,0 +1,15 @@
+import { HttpClient } from "@angular/common/http";
+import { environment } from "../../../environments/environment";
+import { Observable } from "rxjs";
+import { Injectable } from "@angular/core";
+
+@Injectable({ providedIn: 'root' })
+export class SpotifyService {
+    constructor(
+        private http: HttpClient) { }
+
+    login(): Observable<any> {
+        console.log('login triggered');
+        return this.http.post(`${environment.apiUrl}/login`, {});
+    }
+}

src/app/app.component.html

@@ -1,3 +1 @@
-test 3
-
-<router-outlet></router-outlet>
+<router-outlet></router-outlet>

src/app/app.component.ts

@@ -1,6 +1,6 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterOutlet } from '@angular/router';
+import { Component, Inject, PLATFORM_ID } from '@angular/core';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
+import { Router, RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
@@ -10,5 +10,34 @@ import { RouterOutlet } from '@angular/router';
   styleUrl: './app.component.scss'
 })
 export class AppComponent {
-  title = 'spotify-taeyeon-shenanigans';
+  title: string = 'spotify-taeyeon-shenanigans';
+  authToken: string = "";
+  urlRawParams: string = "";
+  urlParams: string = "";
+
+  constructor(
+    private router: Router,
+    @Inject(PLATFORM_ID) protected platformId: Object
+  ) {}
+
+
+  ngOnInit(): void {
+    if (isPlatformBrowser(this.platformId)) {
+      let url = window.location.href;
+      if (url.includes('?')) {
+        this.checkUrl(url);
+      }
+    }
+  }
+
+  checkUrl(url: string): void {
+    console.log("checkign url");
+    this.urlRawParams = url.split('?')[1];
+    this.urlParams = this.urlRawParams.split('#')[0];
+    if (this.urlParams == 'authorized=true') {
+      this.authToken = url.split('#')[1];
+      sessionStorage.setItem('token', this.authToken);
+      this.router.navigate(['./home']);
+    }
+  }
 }

src/app/app.config.ts

@@ -2,7 +2,8 @@ import { ApplicationConfig } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
+import { provideHttpClient } from '@angular/common/http';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes)]
+  providers: [provideRouter(routes), provideHttpClient()]
 };

src/app/app.routes.ts

@@ -1,3 +1,12 @@
 import { Routes } from '@angular/router';
+import { LoginComponent } from './components/login/login.component';
+import { HomeComponent } from './components/home/home.component';
+import { AuthorizedComponent } from './components/authorized/authorized.component';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+    { path: '', component: LoginComponent },
+    { path: 'home', component: HomeComponent },
+    { path: 'authorized', component: AuthorizedComponent },
+
+    { path: '**', redirectTo: '' }
+];

src/environments/environment.dev.ts

@@ -0,0 +1,5 @@
+import { Environment } from "../app/_shared/models/environment.model";
+
+export const environment: Environment = {
+    apiUrl: "http://localhost:8888/" // replace with whatever host provider for the server-side
+}

src/environments/environment.local.ts

@@ -0,0 +1,5 @@
+import { Environment } from "../app/_shared/models/environment.model";
+
+export const environment: Environment = {
+    apiUrl: "http://localhost:8888/"
+}

src/environments/environment.ts

@@ -0,0 +1,5 @@
+import { Environment } from "../app/_shared/models/environment.model";
+
+export const environment: Environment = {
+    apiUrl: "http://localhost:8888"
+}