(chore): pushing new modules for olivia

app/src/app/app.component.html

@@ -5,6 +5,4 @@
  </h1>
 </div>
 
-<img [src]="qrImageUri" />
-
 <router-outlet></router-outlet>

app/src/app/app.component.ts

 import { Component } from "@angular/core";
-import { HttpClient } from "@angular/common/http";
-import { DomSanitizer, SafeUrl } from "@angular/platform-browser";
-// import * as Connect from "uport-connect";
 
 declare const Connect: any;
 
@@ -12,19 +9,6 @@ declare const Connect: any;
 })
 export class AppComponent {
  title = "t3";
- qrImageUri: SafeUrl;
 
- constructor(private http: HttpClient, private sanitizer: DomSanitizer) {}
-
- ngOnInit() {
- // const uport = new Connect("Minds Trust (t3)", );
- // uport.requestDisclosure();
- this.fetchQrImageUri();
- }
-
- async fetchQrImageUri() {
- this.http.get("http://localhost:8088/qr").subscribe((data: any) => {
- this.qrImageUri = this.sanitizer.bypassSecurityTrustUrl(data.qrImageData);
- });
- }
+ constructor() {}
 }

app/src/app/app.module.ts

@@ -4,10 +4,18 @@ import { HttpClientModule } from "@angular/common/http";
 
 import { AppRoutingModule } from "./app-routing.module";
 import { AppComponent } from "./app.component";
+import { uPortModule } from "./modules/uport/uport.module";
+import { T3VerificationModule } from "./modules/verification/verification.module";
 
 @NgModule({
  declarations: [AppComponent],
- imports: [BrowserModule, AppRoutingModule, HttpClientModule],
+ imports: [
+ BrowserModule,
+ AppRoutingModule,
+ HttpClientModule,
+ uPortModule,
+ T3VerificationModule
+ ],
  providers: [],
  bootstrap: [AppComponent]
 })

app/src/app/modules/uport/uport.module.ts

+import { NgModule } from "@angular/core";
+import { uPortVerificationService } from "./verification.service";
+
+@NgModule({
+ providers: [uPortVerificationService]
+})
+export class uPortModule {}

app/src/app/modules/uport/verification.service.ts

+import { Injectable } from "@angular/core";
+import { HttpClient } from "@angular/common/http";
+import { SafeUrl, DomSanitizer } from "@angular/platform-browser";
+import { Subject, interval, BehaviorSubject } from "rxjs";
+import { first } from "rxjs/operators";
+
+@Injectable()
+export class uPortVerificationService {
+ qrImageUri$: Subject<SafeUrl> = new Subject();
+ data$: BehaviorSubject<any> = new BehaviorSubject(null);
+
+ constructor(private http: HttpClient, private sanitizer: DomSanitizer) {
+ this.start();
+ }
+
+ /**
+ * Commence login
+ */
+ async start(): Promise<void> {
+ await this.fetch();
+ this.startPolling();
+ }
+
+ async fetch(): Promise<void> {
+ const data = await this.http.get("http://localhost:8088/qr").toPromise();
+ this.data$.next(data);
+ }
+
+ /**
+ * Fetch a qr code
+ */
+ fetchQrImageUri(): void {
+ this.data$.subscribe((data: any) => {
+ this.qrImageUri$.next(
+ this.sanitizer.bypassSecurityTrustUrl(data.qrImageData)
+ );
+ });
+ }
+
+ startPolling() {
+ interval(1000).subscribe(async () => {});
+ }
+}

app/src/app/modules/verification/verification.component.html

+<img [src]="verificationService.qrImageUri$ | async" />

app/src/app/modules/verification/verification.component.ts

+import { Component } from "@angular/core";
+import { uPortVerificationService } from "../uport/verification.service";
+
+@Component({
+ selector: "t3-verification",
+ templateUrl: "./verification.component.html"
+})
+export class T3VerificationComponent {
+ constructor(public verificationService: uPortVerificationService) {}
+
+ ngOnInit() {
+ this.verificationService.fetchQrImageUri();
+ this.verificationService.startPolling();
+ }
+}

app/src/app/modules/verification/verification.module.ts

+import { NgModule } from "@angular/core";
+import { T3VerificationComponent } from "./verification.component";
+import { uPortModule } from "../uport/uport.module";
+import { Router, RouterModule } from "@angular/router";
+import { CommonModule } from "@angular/common";
+
+@NgModule({
+ imports: [
+ CommonModule,
+ uPortModule,
+ RouterModule,
+ RouterModule.forChild([
+ {
+ path: "verification",
+ component: T3VerificationComponent
+ }
+ ])
+ ],
+ declarations: [T3VerificationComponent],
+ entryComponents: [T3VerificationComponent]
+})
+export class T3VerificationModule {}

server/src/login.service.js

@@ -42,6 +42,7 @@ app.get("/qr", async (req, res) => {
  );
  const qr = transports.ui.getImageDataURI(uri);
  res.send({
+ uri,
  qrImageData: qr
  });
  } catch (err) {}
@@ -58,3 +59,6 @@ app.post("/callback", async (req, res) => {
  console.log(err);
  }
 });
+
+// run the app server and tunneling service
+const server = app.listen(8088, () => {});