store: update store to encode the session pairing data

Author: jamaljsr

app/src/config.ts

@@ -9,6 +9,11 @@ export const IS_TEST = process.env.NODE_ENV === 'test';
 
 export const PUBLIC_URL = process.env.PUBLIC_URL;
 
+// the Terminal on the web url to link to with the session pairing phrase
+export const LNC_APP_BASE_URL = IS_DEV
+  ? 'http://localhost:4000'
+  : 'https://terminal.lightning.engineering';
+
 // detect the host currently serving the app files
 const { protocol, hostname, port } = window.location;
 const host = `${protocol}//${hostname}:${port}`;

app/src/store/models/session.ts

@@ -1,6 +1,8 @@
 import { makeAutoObservable } from 'mobx';
 import * as LIT from 'types/generated/lit-sessions_pb';
 import { SortParams } from 'types/state';
+import { Buffer } from 'buffer';
+import { LNC_APP_BASE_URL } from 'config';
 import formatDate from 'date-fns/format';
 import { MAX_DATE } from 'util/constants';
 import { hex } from 'util/strings';
@@ -92,6 +94,17 @@ export default class Session {
     return this.isPaired ? 'In Use' : 'Created';
   }
 
+  /** The HEX encoded pairing secret mnemonic and mailbox server address */
+  get encodedPairingData() {
+    const data = `${this.pairingSecretMnemonic}||${this.mailboxServerAddr}`;
+    return Buffer.from(data, 'ascii').toString('base64');
+  }
+
+  /** The URL to use to pre-fill the pairing phrase in Terminal on the web */
+  get terminalConnectUrl() {
+    return `${LNC_APP_BASE_URL}#/connect/pair/${this.encodedPairingData}`;
+  }
+
   /**
    * Updates this session model using data provided from the LIT GRPC api
    */

app/src/store/store.ts

@@ -5,6 +5,7 @@ import AppStorage from 'util/appStorage';
 import CsvExporter from 'util/csv';
 import { actionLog, Logger } from 'util/log';
 import { GrpcClient, LitApi, LndApi, LoopApi, PoolApi } from 'api';
+import { PUBLIC_URL } from '../config';
 import {
   AccountStore,
   AuthStore,
@@ -30,7 +31,6 @@ import {
   RegisterSidecarView,
   RenewAccountView,
 } from './views';
-import { PUBLIC_URL } from '../config';
 
 /**
  * The store used to manage global app state
@@ -132,7 +132,7 @@ export class Store {
           // stay on the current page (ex: history, settings)
           if (document.location.pathname === `${PUBLIC_URL}/`) {
             runInAction(() => {
-              this.appView.goToLoop();
+              this.appView.goToHome();
             });
           }
           // also fetch all the data we need

app/src/store/stores/sessionStore.ts

@@ -39,11 +39,23 @@ export default class SessionStore {
     return descending ? sessions.reverse() : sessions;
   }
 
+  /** The list of sessions that have not been paired */
+  get unpairedSessions() {
+    return this.sortedSessions.filter(s => !s.isPaired);
+  }
+
   /** indicates if there are more than one sessions active */
   get hasMultiple() {
     return this.sortedSessions.length > 1;
   }
 
+  /** The URl to pair with Terminal Web for the first session */
+  get firstSessionTerminalUrl() {
+    return this.unpairedSessions.length > 0
+      ? this.unpairedSessions[0].terminalConnectUrl
+      : '';
+  }
+
   /**
    * queries the LIT api to fetch the list of sessions and stores them
    * in the state
@@ -78,7 +90,7 @@ export default class SessionStore {
       });
 
       // Ensures that there is at least one session created
-      if (this.sortedSessions.length === 0) {
+      if (this.unpairedSessions.length === 0) {
         const count = values(this.sessions).filter(s =>
           s.label.startsWith('Default Session'),
         ).length;
@@ -99,11 +111,13 @@ export default class SessionStore {
    * @param label the user defined label for this session
    * @param type the type of session being created (admin, read-only, etc)
    * @param expiry how long the session should be valid for
+   * @param copy copy the session's phrase to the clipboard
    */
   async addSession(
     label: string,
     type: LIT.SessionTypeMap[keyof LIT.SessionTypeMap],
     expiry: Date,
+    copy = false,
   ) {
     try {
       this._store.log.info(`submitting session with label ${label}`, {
@@ -124,7 +138,7 @@ export default class SessionStore {
       // fetch all sessions to update the store's state
       await this.fetchSessions();
 
-      if (session) {
+      if (session && copy) {
         this.copyPhrase(session.label, session.pairingSecretMnemonic);
         return this.sessions.get(hex(session.localPublicKey));
       }

app/src/store/views/appView.ts

@@ -45,6 +45,13 @@ export default class AppView {
     this._store.log.info('Go to the Auth page');
   }
 
+  /** Change to the Home page */
+  goToHome() {
+    this.goTo(`${PUBLIC_URL}/home`);
+    this._store.settingsStore.autoCollapseSidebar();
+    this._store.log.info('Go to the Home page');
+  }
+
   /** Change to the Loop page */
   goToLoop() {
     this.goTo(`${PUBLIC_URL}/loop`);