feat: add restore command

lnbits/extensions/watchonly/static/js/index.js

@@ -46,9 +46,13 @@ new Vue({
 
       hww: {
         password: null,
+        showPassword: false,
+        mnemonic: null,
+        showMnemonic: false,
         authenticated: false,
         showPasswordDialog: false,
         showWipeDialog: false,
+        showRestoreDialog: false,
         showConsole: false,
         showSignedPsbt: false,
         sendingPsbt: false,
@@ -742,6 +746,19 @@ new Vue({
         })
       }
     },
+    hwwShowRestoreDialog: async function () {
+      try {
+        this.hww.showRestoreDialog = true
+        await this.serial.writer.write(COMMAND_WIPE + '\n')
+      } catch (error) {
+        this.$q.notify({
+          type: 'warning',
+          message: 'Failed to connect to Hardware Wallet!',
+          caption: `${error}`,
+          timeout: 10000
+        })
+      }
+    },
     hwwLogin: async function () {
       try {
         await this.serial.writer.write(
@@ -757,6 +774,7 @@ new Vue({
       } finally {
         this.hww.showPasswordDialog = false
         this.hww.password = null
+        this.hww.showPassword = false
       }
     },
     handleLoginResponse: function (res = '') {
@@ -887,6 +905,7 @@ new Vue({
         })
       } finally {
         this.hww.password = null
+        this.hww.showPassword = false
       }
     },
     handleWipeResponse: function (res = '') {
@@ -919,6 +938,29 @@ new Vue({
         })
       }
     },
+    hwwRestore: async function () {
+      try {
+        await this.serial.writer.write(
+          COMMAND_RESTORE + ' ' + this.hww.mnemonic + '\n'
+        )
+        await this.serial.writer.write(
+          COMMAND_PASSWORD + ' ' + this.hww.password + '\n'
+        )
+      } catch (error) {
+        this.$q.notify({
+          type: 'warning',
+          message: 'Failed to restore from seed!',
+          caption: `${error}`,
+          timeout: 10000
+        })
+      } finally {
+        this.hww.showRestoreDialog = false
+        this.hww.mnemonic = null
+        this.hww.showMnemonic = false
+        this.hww.password = null
+        this.hww.showPassword = false
+      }
+    },
     //################### UTXOs ###################
     scanAllAddresses: async function () {
       await this.refreshAddresses()

lnbits/extensions/watchonly/static/js/utils.js

@@ -6,6 +6,7 @@ const COMMAND_SIGN_PSBT = '/sign'
 const COMMAND_HELP = '/help'
 const COMMAND_WIPE = '/wipe'
 const COMMAND_SEED = '/seed'
+const COMMAND_RESTORE = '/restore'
 
 const blockTimeToDate = blockTime =>
   blockTime ? moment(blockTime * 1000).format('LLL') : ''

lnbits/extensions/watchonly/templates/watchonly/index.html

@@ -1175,7 +1175,11 @@
                               >
                             </q-item-section>
                           </q-item>
-                          <q-item clickable v-close-popup>
+                          <q-item
+                            clickable
+                            v-close-popup
+                            @click="hwwShowRestoreDialog()"
+                          >
                             <q-item-section>
                               <q-item-label>Restore</q-item-label>
                               <q-item-label caption
@@ -1558,7 +1562,7 @@
   <q-dialog v-model="hww.showPasswordDialog" position="top">
     <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
       <q-form @submit="hwwLogin" class="q-gutter-md">
-        <span>Enter password for Hardware Wallet</span>
+        <span>Enter password for Hardware Wallet (8 numbers/letters)</span>
         <q-input
           filled
           dense
@@ -1589,7 +1593,7 @@
           This action will remove all data from the Hardware Wallet. Please
           create a back-up for the seed!
         </q-badge>
-        <span>Enter new password for Hardware Wallet</span>
+        <span>Enter new password for Hardware Wallet (8 numbers/letters)</span>
         <q-input
           filled
           dense
@@ -1616,6 +1620,78 @@
       </q-form>
     </q-card>
   </q-dialog>
+  <q-dialog v-model="hww.showRestoreDialog" position="top">
+    <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
+      <q-form @submit="hwwRestore" class="q-gutter-md">
+        <q-badge
+          color="pink"
+          text-color="black"
+          class="text-subtitle2"
+          multi-line
+        >
+          For test purposes only. Do not enter word list with real funds!!!
+        </q-badge>
+        <br /><br /><br />
+        <span>Enter new word list separated by space</span>
+        <q-input
+          v-model.trim="hww.mnemonic"
+          filled
+          :type="hww.showMnemonic ? 'text' : 'password'"
+          filled
+          dense
+          hint="Word List"
+        >
+          <template v-slot:append>
+            <q-icon
+              :name="hww.showMnemonic ? 'visibility' : 'visibility_off'"
+              class="cursor-pointer"
+              @click="hww.showMnemonic = !hww.showMnemonic"
+            />
+          </template>
+        </q-input>
+        <br />
+        <span>Enter new password (8 numbers/letters)</span>
+        <q-input
+          v-model.trim="hww.password"
+          filled
+          :type="hww.showPassword ? 'text' : 'password'"
+          filled
+          dense
+          hint="New Password"
+        >
+          <template v-slot:append>
+            <q-icon
+              :name="hww.showPassword ? 'visibility' : 'visibility_off'"
+              class="cursor-pointer"
+              @click="hww.showPassword = !hww.showPassword"
+            />
+          </template>
+        </q-input>
+        <br /><br />
+        <q-badge
+          color="pink"
+          text-color="black"
+          class="text-subtitle2"
+          multi-line
+        >
+          For test purposes only. Do not enter word list with real funds.
+        </q-badge>
+
+        <div class="row q-mt-lg">
+          <q-btn
+            unelevated
+            color="primary"
+            :disable="!serial.selectedPort"
+            type="submit"
+            >Restore</q-btn
+          >
+          <q-btn v-close-popup flat color="grey" class="q-ml-auto"
+            >Cancel</q-btn
+          >
+        </div>
+      </q-form>
+    </q-card>
+  </q-dialog>
   {% endraw %}
 </div>