Use Google 3P authorization

public/src/js/customsongs.js

@@ -516,6 +516,9 @@ class CustomSongs{
 			pageEvents.remove(document, ["dragover", "dragleave", "drop"])
 			delete this.dropzone
 		}
+		if(gpicker){
+			gpicker.tokenResolve = null
+		}
 		delete this.browse
 		delete this.linkLocalFolder
 		delete this.linkGdriveFolder

public/src/js/gpicker.js

@@ -9,9 +9,9 @@ class Gpicker{
 		this.scope = "https://www.googleapis.com/auth/drive.readonly"
 		this.folder = "application/vnd.google-apps.folder"
 		this.filesUrl = "https://www.googleapis.com/drive/v3/files/"
-		this.discoveryDocs = ["https://www.googleapis.com/discovery/v1/apis/drive/v3/rest"]
 		this.resolveQueue = []
 		this.queueActive = false
+		this.clientCallbackBind = this.clientCallback.bind(this)
 	}
 	browse(lockedCallback, errorCallback){
 		return this.loadApi()
@@ -124,9 +124,12 @@ class Gpicker{
 		if(window.gapi && gapi.client && gapi.client.drive){
 			return Promise.resolve()
 		}
-		return loader.loadScript("https://apis.google.com/js/api.js")
+		var promises = [
-		.then(() => new Promise((resolve, reject) =>
+			loader.loadScript("https://apis.google.com/js/api.js"),
-			gapi.load("auth2:picker:client", {
+			loader.loadScript("https://accounts.google.com/gsi/client")
+		]
+		return Promise.all(promises).then(() => new Promise((resolve, reject) =>
+			gapi.load("picker:client", {
 				callback: resolve,
 				onerror: reject
 			})
@@ -135,68 +138,53 @@ class Gpicker{
 			gapi.client.load("drive", "v3").then(resolve, reject)
 		))
 	}
-	getAuth(errorCallback=()=>{}){
+	getClient(errorCallback=()=>{}, force){
-		if(!this.auth){
+		var obj = {
-			return new Promise((resolve, reject) => {
+			client_id: this.oauthClientId,
-				gapi.auth2.init({
+			scope: this.scope,
-					apiKey: this.apiKey,
+			callback: this.clientCallbackBind
-					clientId: this.oauthClientId,
+		}
-					discoveryDocs: this.discoveryDocs,
+		if(force){
-					fetch_basic_profile: false,
+			if(!this.clientForce){
-					scope: this.scope
+				obj.select_account = true
-				}).then(() => {
+				this.clientForce = google.accounts.oauth2.initTokenClient(obj)
-					this.auth = gapi.auth2.getAuthInstance()
+			}
-					resolve(this.auth)
+			return this.clientForce
-				}, e => {
-					if(e.details){
-						var errorStr = strings.gpicker.authError.replace("%s", e.details)
-						if(/cookie/i.test(e.details)){
-							errorStr += "\n\n" + strings.gpicker.cookieError
-						}
-						errorCallback(errorStr)
-					}
-					reject(e)
-				})
-			})
 		}else{
-			return Promise.resolve(this.auth)
+			if(!this.client){
+				this.client = google.accounts.oauth2.initTokenClient(obj)
+			}
+			return this.client
+		}
+	}
+	clientCallback(tokenResponse){
+		this.tokenResponse = tokenResponse
+		this.oauthToken = tokenResponse.access_token
+		if(this.oauthToken && this.tokenResolve){
+			this.tokenResolve()
 		}
 	}
 	getToken(lockedCallback=()=>{}, errorCallback=()=>{}, force){
 		if(this.oauthToken && !force){
 			return Promise.resolve()
 		}
-		return this.getAuth(errorCallback).then(auth => {
+		var client = this.getClient(errorCallback, force)
-			if(!force && auth.isSignedIn.get() && this.checkScope()){
+		var promise = new Promise(resolve => {
-				return Promise.resolve()
+			this.tokenResolve = resolve
-			}else{
+		})
-				lockedCallback(false)
+		lockedCallback(false)
-				return new Promise((resolve, reject) =>
+		client.requestAccessToken()
-					auth.signIn({
+		return promise.then(() => {
-						prompt: force ? "select_account" : "consent",
+			this.tokenResolve = null
-						scope: this.scope
-					}).then(resolve, reject)
-				)
-			}
-		}).then(() => {
 			if(this.checkScope()){
 				lockedCallback(true)
 			}else{
 				return Promise.reject("cancel")
 			}
-		}, e => {
-			console.error(e)
-			Promise.reject("cancel")
 		})
 	}
 	checkScope(){
-		var user = this.auth.currentUser.get()
+		return google.accounts.oauth2.hasGrantedAnyScope(this.tokenResponse, this.scope)
-		if(user.hasGrantedScopes(this.scope)){
-			this.oauthToken = user.getAuthResponse(true).access_token
-			return this.oauthToken
-		}else{
-			return false
-		}
 	}
 	switchAccounts(lockedCallback, errorCallback){
 		return this.loadApi().then(() => this.getToken(lockedCallback, errorCallback, true))