From ab6d7c21a6a34454660b831f38f83792a0a8dfb9 Mon Sep 17 00:00:00 2001
From: Travis Reeder <treeder@gmail.com>
Date: Sat, 30 Jun 2018 22:04:21 +0000
Subject: [PATCH 1/4] wip, drive storage

---
 package.json                                  |  2 ++
 src/app/app.component.html                    |  4 ++-
 src/app/app.module.ts                         | 27 ++++++++++++++++---
 .../create-account.component.ts               |  6 +++--
 src/app/globals.ts                            |  5 ++++
 src/app/send-tx/send-tx.component.ts          |  2 +-
 src/environments/environment.ts               | 10 ++++++-
 7 files changed, 48 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 594e4cc..0ebcefd 100644
--- a/package.json
+++ b/package.json
@@ -25,8 +25,10 @@
     "@angular/platform-browser": "6.0.7",
     "@angular/platform-browser-dynamic": "6.0.7",
     "@angular/router": "6.0.7",
+    "angularfire2": "^5.0.0-rc.11",
     "chart.js": "^2.7.2",
     "core-js": "^2.5.7",
+    "firebase": "^5.2.0",
     "ng2-charts": "^1.6.0",
     "rxjs": "^6.2.1",
     "web3": "1.0.0-beta.33",
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 3fa482b..beffc94 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -34,7 +34,6 @@
       <a mat-button routerLink="/send-tx">Send GO</a>
     </mat-toolbar-row>
 
-
 </mat-toolbar>
 
 <div class="content-wrapper">
@@ -47,6 +46,9 @@
       </mat-card-content>
   </mat-card>
   <router-outlet></router-outlet>
+  <div>
+    <app-auth></app-auth>
+  </div>
   <app-messages></app-messages>
   <footer>
     <a href="{{explorerHost()}}" class="sugar">
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 7ee901c..ea4db2f 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -7,8 +7,13 @@ import { RouterModule, Routes } from '@angular/router';
 import {FlexLayoutModule} from '@angular/flex-layout';
 import {MatFormFieldModule, MatButtonModule, MatCheckboxModule, MatInputModule, MatCardModule, MatProgressSpinnerModule, MatProgressBarModule, MatToolbarModule, MatSnackBarModule,
         MatSelectModule} from '@angular/material';
+import { HttpClientModule } from '@angular/common/http';
+
+import { AngularFireModule } from 'angularfire2';
+import { AngularFireAuthModule } from 'angularfire2/auth';
 
 import { Globals } from './globals';
+import { environment } from '../environments/environment';
 
 import { AppComponent } from './app.component';
 import { WalletComponent } from './wallet/wallet.component';
@@ -21,6 +26,8 @@ import { PageNotFoundComponent } from './page-not-found/page-not-found.component
 import { GetGoComponent } from './get-go/get-go.component';
 import { SendTxComponent } from './send-tx/send-tx.component';
 import { ChartsModule } from 'ng2-charts';
+import { AuthComponent } from './auth/auth.component';
+
 
 const appRoutes: Routes = [
   { path: 'view-balance', component: ViewBalanceComponent },
@@ -51,7 +58,8 @@ const appRoutes: Routes = [
     PageNotFoundComponent,
     GetGoComponent,
     SendTxComponent,
-    ViewBalanceComponent
+    ViewBalanceComponent,
+    AuthComponent,
   ],
   imports: [
     RouterModule.forRoot(
@@ -59,18 +67,31 @@ const appRoutes: Routes = [
       { enableTracing: true } // <-- debugging purposes only
     ),
     BrowserModule,
+    HttpClientModule,
     // FormsModule,
     ReactiveFormsModule,
     BrowserAnimationsModule,
     FlexLayoutModule,
-    MatFormFieldModule, MatButtonModule, MatCheckboxModule, MatInputModule, MatCardModule, MatProgressSpinnerModule, MatProgressBarModule, MatToolbarModule, MatSnackBarModule,
+    MatFormFieldModule,
+    MatButtonModule,
+    MatCheckboxModule,
+    MatInputModule,
+    MatCardModule,
+    MatProgressSpinnerModule,
+    MatProgressBarModule,
+    MatToolbarModule,
+    MatSnackBarModule,
+    MatSelectModule,
+    ChartsModule,
     MatSelectModule,
-    ChartsModule
+    AngularFireModule.initializeApp(environment.firebase),
+    AngularFireAuthModule
   ],
   providers: [
     Globals,
     WalletService,
     MessageService
+    // AngularFireAuth
   ],
   bootstrap: [AppComponent]
 })
diff --git a/src/app/create-account/create-account.component.ts b/src/app/create-account/create-account.component.ts
index 3a6c221..83b9ae2 100644
--- a/src/app/create-account/create-account.component.ts
+++ b/src/app/create-account/create-account.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+
 import { WalletService } from '../wallet.service';
-import { MessageService } from '../message.service';
+import { DriveService } from '../drive.service';
 
 @Component({
   selector: 'app-create-account',
@@ -11,13 +12,14 @@ export class CreateAccountComponent implements OnInit {
 
   newAccount: any;
 
-  constructor(private walletService: WalletService) { }
+  constructor(private walletService: WalletService, public drive: DriveService) { }
 
   ngOnInit() {
   }
 
   createAccount(): void {
     this.newAccount = this.walletService.createAccount();
+    this.drive.upload().subscribe((data) => console.log(data));
   }
 
 }
diff --git a/src/app/globals.ts b/src/app/globals.ts
index 43a64a0..8478e9f 100644
--- a/src/app/globals.ts
+++ b/src/app/globals.ts
@@ -4,6 +4,7 @@ import { environment } from '../environments/environment';
 @Injectable()
 export class Globals {
   network: string = 'mainnet';
+  googleAccessToken: string;
 
   public rpcHost(): string {
     if (this.network == "testnet") {
@@ -21,4 +22,8 @@ export class Globals {
     }
     return 'http://localhost:8000';
   }
+
+  public gAccessToken(): string {
+    return this.googleAccessToken;
+  }
 }
diff --git a/src/app/send-tx/send-tx.component.ts b/src/app/send-tx/send-tx.component.ts
index 92f3665..af56318 100644
--- a/src/app/send-tx/send-tx.component.ts
+++ b/src/app/send-tx/send-tx.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { FormGroup, FormBuilder, Validators } from '@angular/forms';
-import {Globals} from '../globals'
+import {Globals} from '../globals';
 import { WalletService } from '../wallet.service';
 import { MessageService } from '../message.service';
 
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index b7f639a..c00ec25 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -4,5 +4,13 @@
 // The list of which env maps to which file can be found in `.angular-cli.json`.
 
 export const environment = {
-  production: false
+  production: false,
+  firebase: {
+    apiKey: "AIzaSyA09X4-XEuSdo_b_ZgRnujY2Bl8dYMoKkA",
+    authDomain: "gochain-wallet.firebaseapp.com",
+    databaseURL: "https://gochain-wallet.firebaseio.com",
+    projectId: "gochain-wallet",
+    storageBucket: "gochain-wallet.appspot.com",
+    messagingSenderId: "264455571012"
+  }
 };

From 0061b672d6b5e6aefdb586698c19c87e5ca3054d Mon Sep 17 00:00:00 2001
From: Travis Reeder <treeder@gmail.com>
Date: Sat, 30 Jun 2018 22:06:26 +0000
Subject: [PATCH 2/4] wip

---
 src/app/auth/auth.component.html    |  8 ++++++
 src/app/auth/auth.component.scss    |  0
 src/app/auth/auth.component.spec.ts | 25 +++++++++++++++++
 src/app/auth/auth.component.ts      | 39 ++++++++++++++++++++++++++
 src/app/drive.service.spec.ts       | 15 ++++++++++
 src/app/drive.service.ts            | 43 +++++++++++++++++++++++++++++
 6 files changed, 130 insertions(+)
 create mode 100644 src/app/auth/auth.component.html
 create mode 100644 src/app/auth/auth.component.scss
 create mode 100644 src/app/auth/auth.component.spec.ts
 create mode 100644 src/app/auth/auth.component.ts
 create mode 100644 src/app/drive.service.spec.ts
 create mode 100644 src/app/drive.service.ts

diff --git a/src/app/auth/auth.component.html b/src/app/auth/auth.component.html
new file mode 100644
index 0000000..f28990d
--- /dev/null
+++ b/src/app/auth/auth.component.html
@@ -0,0 +1,8 @@
+<div *ngIf="afAuth.user | async as user; else showLogin">
+  <h1>Hello {{ user.displayName }}!</h1>
+  <button (click)="logout()">Logout</button>
+</div>
+<ng-template #showLogin>
+  <p>Please login.</p>
+  <button (click)="login()">Login with Google</button>
+</ng-template>
diff --git a/src/app/auth/auth.component.scss b/src/app/auth/auth.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/auth/auth.component.spec.ts b/src/app/auth/auth.component.spec.ts
new file mode 100644
index 0000000..884576c
--- /dev/null
+++ b/src/app/auth/auth.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AuthComponent } from './auth.component';
+
+describe('AuthComponent', () => {
+  let component: AuthComponent;
+  let fixture: ComponentFixture<AuthComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AuthComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AuthComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/auth/auth.component.ts b/src/app/auth/auth.component.ts
new file mode 100644
index 0000000..949f7d1
--- /dev/null
+++ b/src/app/auth/auth.component.ts
@@ -0,0 +1,39 @@
+import { Component, OnInit } from '@angular/core';
+import { AngularFireAuth } from 'angularfire2/auth';
+import { auth } from 'firebase';
+
+import {Globals} from '../globals';
+
+@Component({
+  selector: 'app-auth',
+  templateUrl: './auth.component.html',
+  styleUrls: ['./auth.component.scss']
+})
+export class AuthComponent implements OnInit {
+
+  constructor(public afAuth: AngularFireAuth, private globals: Globals) {
+  }
+
+  login() {
+    var provider = new auth.GoogleAuthProvider();
+    // provider.addScope('profile');
+    // provider.addScope('email');
+    provider.addScope('https://www.googleapis.com/auth/drive.appdata');
+    provider.addScope('https://www.googleapis.com/auth/drive.file');
+    this.afAuth.auth.signInWithPopup(provider).then(function(result) {
+      // This gives you a Google Access Token.
+      this.globals.googleAccessToken = result.credential['accessToken'];
+      console.log("access token:", this.googleAccessToken);
+      // The signed-in user info.
+      // var user = result.user; 
+     });
+  }
+
+  logout() {
+    this.afAuth.auth.signOut();
+  }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/drive.service.spec.ts b/src/app/drive.service.spec.ts
new file mode 100644
index 0000000..9e8b920
--- /dev/null
+++ b/src/app/drive.service.spec.ts
@@ -0,0 +1,15 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { DriveService } from './drive.service';
+
+describe('DriveService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [DriveService]
+    });
+  });
+
+  it('should be created', inject([DriveService], (service: DriveService) => {
+    expect(service).toBeTruthy();
+  }));
+});
diff --git a/src/app/drive.service.ts b/src/app/drive.service.ts
new file mode 100644
index 0000000..092bcdb
--- /dev/null
+++ b/src/app/drive.service.ts
@@ -0,0 +1,43 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { HttpHeaders } from '@angular/common/http';
+import {throwError as observableThrowError,  Observable ,  of ,  from as fromPromise } from 'rxjs';
+import { AngularFireAuth } from 'angularfire2/auth';
+
+import {Globals} from './globals';
+
+@Injectable({
+  providedIn: 'root'
+})
+
+// good info here: https://stackoverflow.com/questions/10317638/how-do-i-add-create-insert-files-to-google-drive-through-the-api
+export class DriveService {
+  uploadURL: string = "https://www.googleapis.com/upload/drive/v3/files?uploadType=media";
+  
+  constructor(private afAuth: AngularFireAuth, private http: HttpClient, private globals: Globals ) { }
+
+  upload(): Observable<any> {
+    let user = this.afAuth.auth.currentUser;
+    if(user != null){
+      let fd = new FormData();
+      let metadata = {
+        // "title": "file_name.extension",
+        "mimeType": "application/json",
+        "description": "Stuff about the file"
+      }
+      let blob = new Blob([JSON.stringify(metadata, null, 2)], {type : 'application/json'});
+      fd.append('metadata', blob);
+      let contents = {hello: "world"};
+      blob = new Blob([JSON.stringify(contents, null, 2)], {type : 'application/json'});
+      fd.append('file', blob);
+      let httpOptions = {
+        headers: new HttpHeaders({
+          // 'Content-Type':  'application/json',
+          'Authorization': 'Bearer ' + this.globals.gAccessToken()
+        })
+      };
+      return this.http.post(this.uploadURL, fd, httpOptions);
+    }
+  }
+
+}

From 9959277b60890bd1421f27b1afc4a8417a0fde7d Mon Sep 17 00:00:00 2001
From: Travis Reeder <treeder@gmail.com>
Date: Sat, 30 Jun 2018 16:52:02 -0700
Subject: [PATCH 3/4] saves accounts, retrieves account list on send page.
 sending not working yet.

---
 src/app/app.module.ts                         |  1 -
 src/app/auth/auth.component.ts                | 20 ++++++--
 .../create-account.component.ts               |  3 +-
 src/app/drive.service.ts                      | 51 +++++++++++++------
 src/app/globals.ts                            |  8 ++-
 src/app/send-tx/send-tx.component.html        |  7 +++
 src/app/send-tx/send-tx.component.ts          | 20 +++++++-
 7 files changed, 86 insertions(+), 24 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index ea4db2f..993f7f8 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -91,7 +91,6 @@ const appRoutes: Routes = [
     Globals,
     WalletService,
     MessageService
-    // AngularFireAuth
   ],
   bootstrap: [AppComponent]
 })
diff --git a/src/app/auth/auth.component.ts b/src/app/auth/auth.component.ts
index 949f7d1..ba6abc8 100644
--- a/src/app/auth/auth.component.ts
+++ b/src/app/auth/auth.component.ts
@@ -20,10 +20,11 @@ export class AuthComponent implements OnInit {
     // provider.addScope('email');
     provider.addScope('https://www.googleapis.com/auth/drive.appdata');
     provider.addScope('https://www.googleapis.com/auth/drive.file');
-    this.afAuth.auth.signInWithPopup(provider).then(function(result) {
+    this.afAuth.auth.signInWithPopup(provider).then(data => {
       // This gives you a Google Access Token.
-      this.globals.googleAccessToken = result.credential['accessToken'];
-      console.log("access token:", this.googleAccessToken);
+      let at = data.credential['accessToken'];
+      console.log("access token:", at);
+      sessionStorage.setItem("gAccessToken", at);
       // The signed-in user info.
       // var user = result.user; 
      });
@@ -34,6 +35,17 @@ export class AuthComponent implements OnInit {
   }
 
   ngOnInit() {
+    // this.afAuth.user.subscribe(user => {
+    //   console.log("auth component init", user);
+    //   if(user != null){
+    //     console.log("get access token")
+    //     user.getIdToken().then(data => {
+    //       console.log("idtoken:", data);
+    //     })
+    //     .catch(err => {
+    //       console.log("ERROR!", err);
+    //     });
+    //   }
+    // })
   }
-
 }
diff --git a/src/app/create-account/create-account.component.ts b/src/app/create-account/create-account.component.ts
index 83b9ae2..af82e71 100644
--- a/src/app/create-account/create-account.component.ts
+++ b/src/app/create-account/create-account.component.ts
@@ -19,7 +19,8 @@ export class CreateAccountComponent implements OnInit {
 
   createAccount(): void {
     this.newAccount = this.walletService.createAccount();
-    this.drive.upload().subscribe((data) => console.log(data));
+    let contents = {address: this.newAccount.address, privateKey: this.newAccount.privateKey};
+    this.drive.uploadJSON("gokey-" + this.newAccount.address, contents).subscribe((data) => console.log(data));
   }
 
 }
diff --git a/src/app/drive.service.ts b/src/app/drive.service.ts
index 092bcdb..2680f48 100644
--- a/src/app/drive.service.ts
+++ b/src/app/drive.service.ts
@@ -12,32 +12,53 @@ import {Globals} from './globals';
 
 // good info here: https://stackoverflow.com/questions/10317638/how-do-i-add-create-insert-files-to-google-drive-through-the-api
 export class DriveService {
-  uploadURL: string = "https://www.googleapis.com/upload/drive/v3/files?uploadType=media";
+  uploadURL: string = "https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart";
   
   constructor(private afAuth: AngularFireAuth, private http: HttpClient, private globals: Globals ) { }
 
-  upload(): Observable<any> {
+  uploadJSON(name: string, body: {[key: string]: string}): Observable<any> {
     let user = this.afAuth.auth.currentUser;
     if(user != null){
-      let fd = new FormData();
-      let metadata = {
-        // "title": "file_name.extension",
-        "mimeType": "application/json",
-        "description": "Stuff about the file"
-      }
-      let blob = new Blob([JSON.stringify(metadata, null, 2)], {type : 'application/json'});
-      fd.append('metadata', blob);
-      let contents = {hello: "world"};
-      blob = new Blob([JSON.stringify(contents, null, 2)], {type : 'application/json'});
-      fd.append('file', blob);
+      // let fd = new FormData();
+      // let metadata = {
+      //   // "title": "file_name.extension",
+      //   "name": "gokey-" + name,
+      //   "mimeType": "application/json",
+      //   "description": "Stuff about the file"
+      // }
+      // let blob = new Blob([JSON.stringify(metadata, null, 2)], {type : 'application/json; charset=UTF-8'});
+      // fd.append('metadata', blob);
+      // blob = new Blob([JSON.stringify(body, null, 2)], {type : 'application/json'});
+      // fd.append('file', blob);
       let httpOptions = {
         headers: new HttpHeaders({
-          // 'Content-Type':  'application/json',
+          'Content-Type':  'multipart/related; boundary=foo_bar_baz',
           'Authorization': 'Bearer ' + this.globals.gAccessToken()
         })
       };
-      return this.http.post(this.uploadURL, fd, httpOptions);
+      let b = `--foo_bar_baz
+Content-Type: application/json; charset=UTF-8
+
+{
+  "name": "` + name + `",
+  "mimeType": "application/json"
+}
+
+--foo_bar_baz
+Content-Type: application/json
+
+` + JSON.stringify(body) + `
+--foo_bar_baz--`
+      return this.http.post(this.uploadURL, b, httpOptions);
     }
   }
 
+  listFiles(q: string): Observable<any> {
+    let httpOptions = {
+      headers: new HttpHeaders({
+        'Authorization': 'Bearer ' + this.globals.gAccessToken()
+      })
+    };
+    return this.http.get('https://www.googleapis.com/drive/v3/files?q=' + q, httpOptions);
+  }
 }
diff --git a/src/app/globals.ts b/src/app/globals.ts
index 8478e9f..8541389 100644
--- a/src/app/globals.ts
+++ b/src/app/globals.ts
@@ -1,10 +1,14 @@
 import { Injectable } from '@angular/core';
 import { environment } from '../environments/environment';
+import { AngularFireAuth } from 'angularfire2/auth';
 
 @Injectable()
 export class Globals {
   network: string = 'mainnet';
-  googleAccessToken: string;
+  // googleAccessToken: string;
+
+
+  constructor(public afAuth: AngularFireAuth ) { }
 
   public rpcHost(): string {
     if (this.network == "testnet") {
@@ -24,6 +28,6 @@ export class Globals {
   }
 
   public gAccessToken(): string {
-    return this.googleAccessToken;
+    return sessionStorage.getItem("gAccessToken"); // set in auth component
   }
 }
diff --git a/src/app/send-tx/send-tx.component.html b/src/app/send-tx/send-tx.component.html
index 0eeb402..03dfc2b 100644
--- a/src/app/send-tx/send-tx.component.html
+++ b/src/app/send-tx/send-tx.component.html
@@ -2,6 +2,13 @@
   <mat-card-title>Send Transaction</mat-card-title>
   <form [formGroup]="txForm">
     <div class="form-group" id="div-tx-form">
+        <div *ngIf="addresses">
+          Stored Accounts:
+          <select class="form-control" id="address">
+            <option>Select an account:</option>
+            <option *ngFor="let addr of addresses" [value]="addr">{{addr}}</option>
+          </select>
+        </div>
       <mat-form-field class="full-width">
         <input matInput placeholder="Private Key" formControlName="privateKey">
       </mat-form-field>
diff --git a/src/app/send-tx/send-tx.component.ts b/src/app/send-tx/send-tx.component.ts
index af56318..bfa1ec1 100644
--- a/src/app/send-tx/send-tx.component.ts
+++ b/src/app/send-tx/send-tx.component.ts
@@ -3,6 +3,7 @@ import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 import {Globals} from '../globals';
 import { WalletService } from '../wallet.service';
 import { MessageService } from '../message.service';
+import { DriveService } from '../drive.service';
 
 @Component({
   selector: 'app-send-tx',
@@ -16,13 +17,30 @@ export class SendTxComponent implements OnInit {
   balance: string;
   sending: boolean = false;
   receipt: Map<string,any>;
+  // list of stored addresses
+  addresses: string[];
 
-  constructor(private walletService: WalletService, private fb: FormBuilder, private messageService: MessageService, private globals: Globals) {
+  constructor(private walletService: WalletService, private fb: FormBuilder, private messageService: MessageService, public globals: Globals, public drive: DriveService) {
     this.createForm();
   }
 
   ngOnInit() {
     this.onChanges();
+    this.updateStoredAddresses();
+  }
+
+  updateStoredAddresses(): void {
+    if(this.globals.gAccessToken() != null) {
+      this.drive.listFiles("name contains 'gokey-'").subscribe(data => {
+        console.log(data);
+        let addrs = [];
+        for (var i = 0; i < data.files.length; i++) {
+          let f = data.files[i];
+          addrs.push(f.name.substring(6));
+        }
+        this.addresses = addrs;
+      })
+    }
   }
 
   createForm() {

From be1fba4cbdf6dbea370e45cd304a2f58949bed8f Mon Sep 17 00:00:00 2001
From: Travis Reeder <treeder@gmail.com>
Date: Mon, 9 Jul 2018 23:04:17 -0700
Subject: [PATCH 4/4] Set persistence to session.

---
 src/app/auth/auth.component.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/auth/auth.component.ts b/src/app/auth/auth.component.ts
index ba6abc8..2363f30 100644
--- a/src/app/auth/auth.component.ts
+++ b/src/app/auth/auth.component.ts
@@ -20,7 +20,9 @@ export class AuthComponent implements OnInit {
     // provider.addScope('email');
     provider.addScope('https://www.googleapis.com/auth/drive.appdata');
     provider.addScope('https://www.googleapis.com/auth/drive.file');
-    this.afAuth.auth.signInWithPopup(provider).then(data => {
+    let a = this.afAuth.auth;
+    a.setPersistence(auth.Auth.Persistence.SESSION); // this returns a promise... so could do something? https://firebase.google.com/docs/reference/js/firebase.auth.Auth#setPersistence
+    a.signInWithPopup(provider).then(data => {
       // This gives you a Google Access Token.
       let at = data.credential['accessToken'];
       console.log("access token:", at);