✨ Authenticate with firebase

Author: jh0ker

.gitignore

@@ -10,5 +10,6 @@ yarn-error.log
 firebase-debug.log
 
 spotify.config.js
+firebase.config.js
 .firebaserc
 service-account.*

package.json

@@ -9,6 +9,7 @@
     "@polymer/iron-icons": "^3.0.0-pre.12",
     "@polymer/paper-button": "^3.0.0-pre.12",
     "@polymer/paper-item": "^3.0.0-pre.12",
+    "firebase": "^4.12.1",
     "fit-html": "^0.5.4",
     "qs": "^6.5.1",
     "redux-devtools-extension": "^2.13.2",
@@ -18,7 +19,6 @@
   "devDependencies": {
     "chokidar": "^2.0.3",
     "connect-history-api-fallback": "^1.5.0",
-    "firebase": "^4.12.1",
     "firebase-tools": "^3.17.7",
     "rollup": "^0.57.1",
     "rollup-plugin-browsersync": "^0.2.6",

rollup.config.js

@@ -60,7 +60,7 @@ const frontendConfig = {
       ui: false
     }) : null,
   ].filter((plugin) => plugin !== null),
-  //onwarn: err => console.error(err.toString()),
+  onwarn: err => console.error(err.toString()),
   watch: {
     include: 'src/**/*'
   },

src/sagas/auth.ts

@@ -11,6 +11,7 @@ import {
 } from "../util/spotify";
 import {authInitFinished} from "../actions/auth";
 import {ExchangeCodeResult} from "../../functions/src";
+import firebase from "../util/firebase";
 
 const OAUTH_STATE = 'POPOPO';
 
@@ -45,7 +46,9 @@ function* exchangeCode() {
         refreshToken,
     }: ExchangeCodeResult = yield spotifyExchangeCode(code, window.location.origin);
 
-    storeAuthData(accessToken, firebaseToken, expiresIn, refreshToken);
+    yield firebase.auth!().signInWithCustomToken(firebaseToken);
+
+    storeAuthData(accessToken, expiresIn, refreshToken);
     return true;
 }
 

src/util/firebase.ts

@@ -0,0 +1,13 @@
+import firebase from '@firebase/app';
+import '@firebase/auth';
+import '@firebase/database';
+
+import firebaseConfig from '../../firebase.config.js';
+
+const app = firebase.initializeApp(firebaseConfig)!;
+export default app;
+
+export {
+    app as firebase,
+    firebase as firebaseNS,
+};

src/util/spotify.ts

@@ -25,10 +25,9 @@ export const SCOPES = [
     'user-library-read',
 ];
 
-export function storeAuthData(accessToken: string, firebaseToken: string, expiresIn: number, refreshToken: string) {
+export function storeAuthData(accessToken: string, expiresIn: number, refreshToken: string) {
     localStorage[LOCAL_STORAGE_KEY] = JSON.stringify({
         accessToken,
-        firebaseToken,
         expiresAt: Date.now() + (expiresIn * 1000),
         refreshToken,
     } as SpotifyAuthStorage);
@@ -46,7 +45,6 @@ export class UserNotLoggedInError extends Error {
 
 export interface SpotifyAuthStorage {
     accessToken: string;
-    firebaseToken: string;
     expiresAt: number;
     refreshToken: string;
 }
@@ -84,7 +82,7 @@ export async function requireAccessToken() {
         throw new UserNotLoggedInError();
     }
 
-    const { accessToken, firebaseToken, expiresAt, refreshToken }: SpotifyAuthStorage = JSON.parse(authString);
+    const { accessToken, expiresAt, refreshToken }: SpotifyAuthStorage = JSON.parse(authString);
 
     if (Date.now() <= expiresAt) {
         return accessToken;
@@ -97,7 +95,7 @@ export async function requireAccessToken() {
         throw new UserNotLoggedInError();
     }
 
-    storeAuthData(newAccessToken, firebaseToken, expiresIn, refreshToken);
+    storeAuthData(newAccessToken, expiresIn, refreshToken);
     return newAccessToken;
 }