Clarified Step 1 instructions

content/_code-samples/build-a-wallet/desktop-js/5-password/index.js

@@ -42,7 +42,12 @@ const main = async () => {
         if (!fs.existsSync(path.join(__dirname, WALLET_DIR , 'seed.txt'))) {
             saveSaltedSeed(WALLET_DIR, seed, password)
         } else {
+            try {
                 seed = loadSaltedSeed(WALLET_DIR, password)
+            } catch (error) {
+                appWindow.webContents.send('open-password-dialog', true)
+                return
+            }
         }
 
         const wallet = xrpl.Wallet.fromSeed(seed)

content/_code-samples/build-a-wallet/desktop-js/5-password/view/renderer.js

@@ -17,6 +17,7 @@ window.electronAPI.onOpenSeedDialog((_event) => {
 
 const passwordDialog = document.getElementById('password-dialog')
 const passwordInput = passwordDialog.querySelector('input')
+const passwordError = passwordDialog.querySelector('span.invalid-password')
 const passwordSubmitButton = passwordDialog.querySelector('button[type="submit"]')
 const changeSeedButton = passwordDialog.querySelector('button[type="button"]')
 
@@ -31,7 +32,10 @@ const handleChangeSeedFn = () => {
     window.electronAPI.requestSeedChange()
 }
 
-window.electronAPI.onOpenPasswordDialog((_event) => {
+window.electronAPI.onOpenPasswordDialog((_event, showInvalidPassword = false) => {
+    if (showInvalidPassword) {
+        passwordError.innerHTML = 'INVALID PASSWORD'
+    }
     passwordSubmitButton.addEventListener('click', handlePasswordSubmitFn, {once : true});
     changeSeedButton.addEventListener('click', handleChangeSeedFn, {once : true});
     passwordDialog.showModal()

content/_code-samples/build-a-wallet/desktop-js/5-password/view/template.html

@@ -58,7 +58,8 @@
         <form method="dialog">
             <div>
                 <label for="password-input">Enter password (min-length 5):</label><br />
-                <input type="text" id="password-input" name="password-input" />
+                <input type="text" id="password-input" name="password-input" /><br />
+                <span class="invalid-password"></span>
             </div>
             <div>
                 <button type="button">Change Seed</button>

content/_code-samples/build-a-wallet/desktop-js/6-styling/index.js

@@ -42,7 +42,12 @@ const main = async () => {
         if (!fs.existsSync(path.join(__dirname, WALLET_DIR , 'seed.txt'))) {
             saveSaltedSeed(WALLET_DIR, seed, password)
         } else {
+            try {
                 seed = loadSaltedSeed(WALLET_DIR, password)
+            } catch (error) {
+                appWindow.webContents.send('open-password-dialog', true)
+                return
+            }
         }
 
         const wallet = xrpl.Wallet.fromSeed(seed)

content/_code-samples/build-a-wallet/desktop-js/6-styling/view/renderer.js

@@ -16,6 +16,7 @@ window.electronAPI.onOpenSeedDialog((_event) => {
 
 const passwordDialog = document.getElementById('password-dialog')
 const passwordInput = passwordDialog.querySelector('input')
+const passwordError = passwordDialog.querySelector('span.invalid-password')
 const passwordSubmitButton = passwordDialog.querySelector('button[type="submit"]')
 const changeSeedButton = passwordDialog.querySelector('button[type="button"]')
 
@@ -30,7 +31,10 @@ const handleChangeSeedFn = () => {
     window.electronAPI.requestSeedChange()
 }
 
-window.electronAPI.onOpenPasswordDialog((_event) => {
+window.electronAPI.onOpenPasswordDialog((_event, showInvalidPassword = false) => {
+    if (showInvalidPassword) {
+        passwordError.innerHTML = 'INVALID PASSWORD'
+    }
     passwordSubmitButton.addEventListener('click', handlePasswordSubmitFn, {once : true});
     changeSeedButton.addEventListener('click', handleChangeSeedFn, {once : true});
     passwordDialog.showModal()

content/_code-samples/build-a-wallet/desktop-js/6-styling/view/template.html

@@ -102,7 +102,8 @@
         <form method="dialog">
             <div>
                 <label for="password-input">Enter password (min-length 5):</label><br />
-                <input type="text" id="password-input" name="password-input" />
+                <input type="text" id="password-input" name="password-input" /><br />
+                <span class="invalid-password"></span>
             </div>
             <div>
                 <button type="button">Change Seed</button>

content/_code-samples/build-a-wallet/desktop-js/7-send-xrp/index.js

@@ -43,7 +43,12 @@ const main = async () => {
         if (!fs.existsSync(path.join(__dirname, WALLET_DIR , 'seed.txt'))) {
             saveSaltedSeed(WALLET_DIR, seed, password)
         } else {
+            try {
                 seed = loadSaltedSeed(WALLET_DIR, password)
+            } catch (error) {
+                appWindow.webContents.send('open-password-dialog', true)
+                return
+            }
         }
 
         const wallet = xrpl.Wallet.fromSeed(seed)

content/_code-samples/build-a-wallet/desktop-js/7-send-xrp/view/renderer.js

@@ -16,6 +16,7 @@ window.electronAPI.onOpenSeedDialog((_event) => {
 
 const passwordDialog = document.getElementById('password-dialog')
 const passwordInput = passwordDialog.querySelector('input')
+const passwordError = passwordDialog.querySelector('span.invalid-password')
 const passwordSubmitButton = passwordDialog.querySelector('button[type="submit"]')
 const changeSeedButton = passwordDialog.querySelector('button[type="button"]')
 
@@ -30,7 +31,10 @@ const handleChangeSeedFn = () => {
     window.electronAPI.requestSeedChange()
 }
 
-window.electronAPI.onOpenPasswordDialog((_event) => {
+window.electronAPI.onOpenPasswordDialog((_event, showInvalidPassword = false) => {
+    if (showInvalidPassword) {
+        passwordError.innerHTML = 'INVALID PASSWORD'
+    }
     passwordSubmitButton.addEventListener('click', handlePasswordSubmitFn, {once : true});
     changeSeedButton.addEventListener('click', handleChangeSeedFn, {once : true});
     passwordDialog.showModal()

content/_code-samples/build-a-wallet/desktop-js/7-send-xrp/view/template.html

@@ -138,7 +138,8 @@
         <form method="dialog">
             <div>
                 <label for="password-input">Enter password (min-length 5):</label><br />
-                <input type="text" id="password-input" name="password-input" />
+                <input type="text" id="password-input" name="password-input" /><br />
+                <span class="invalid-password"></span>
             </div>
             <div>
                 <button type="button">Change Seed</button>

content/_code-samples/build-a-wallet/desktop-js/8-domain-verification/index.js

@@ -44,7 +44,12 @@ const main = async () => {
         if (!fs.existsSync(path.join(__dirname, WALLET_DIR , 'seed.txt'))) {
             saveSaltedSeed(WALLET_DIR, seed, password)
         } else {
+            try {
                 seed = loadSaltedSeed(WALLET_DIR, password)
+            } catch (error) {
+                appWindow.webContents.send('open-password-dialog', true)
+                return
+            }
         }
 
         const wallet = xrpl.Wallet.fromSeed(seed)

content/_code-samples/build-a-wallet/desktop-js/8-domain-verification/view/renderer.js

@@ -16,6 +16,7 @@ window.electronAPI.onOpenSeedDialog((_event) => {
 
 const passwordDialog = document.getElementById('password-dialog')
 const passwordInput = passwordDialog.querySelector('input')
+const passwordError = passwordDialog.querySelector('span.invalid-password')
 const passwordSubmitButton = passwordDialog.querySelector('button[type="submit"]')
 const changeSeedButton = passwordDialog.querySelector('button[type="button"]')
 
@@ -30,7 +31,10 @@ const handleChangeSeedFn = () => {
     window.electronAPI.requestSeedChange()
 }
 
-window.electronAPI.onOpenPasswordDialog((_event) => {
+window.electronAPI.onOpenPasswordDialog((_event, showInvalidPassword = false) => {
+    if (showInvalidPassword) {
+        passwordError.innerHTML = 'INVALID PASSWORD'
+    }
     passwordSubmitButton.addEventListener('click', handlePasswordSubmitFn, {once : true});
     changeSeedButton.addEventListener('click', handleChangeSeedFn, {once : true});
     passwordDialog.showModal()

content/_code-samples/build-a-wallet/desktop-js/8-domain-verification/view/template.html

@@ -141,7 +141,8 @@
         <form method="dialog">
             <div>
                 <label for="password-input">Enter password (min-length 5):</label><br />
-                <input type="text" id="password-input" name="password-input" />
+                <input type="text" id="password-input" name="password-input" /><br />
+                <span class="invalid-password"></span>
             </div>
             <div>
                 <button type="button">Change Seed</button>

content/_code-samples/build-a-wallet/desktop-js/bootstrap/custom.css

@@ -64,6 +64,10 @@ main {
     height: 20px;
 }
 
+.invalid-password {
+    color: #dc3545;
+}
+
 .accountVerificationIndicator{
     width: 100%;
 }

content/tutorials/build-apps/build-a-desktop-wallet-in-javascript.md

@@ -859,7 +859,12 @@ const main = async () => {
     if (!fs.existsSync(path.join(__dirname, WALLET_DIR , 'seed.txt'))) {
       saveSaltedSeed('../' + WALLET_DIR, seed, password)
     } else {
-      seed = loadSaltedSeed('../' + WALLET_DIR, password)
+      try {
+        seed = loadSaltedSeed(WALLET_DIR, password)
+      } catch (error) {
+        appWindow.webContents.send('open-password-dialog', true)
+        return
+      }
     }
 
     const wallet = xrpl.Wallet.fromSeed(seed)
@@ -942,7 +947,8 @@ contextBridge.exposeInMainWorld('electronAPI', {
         <form method="dialog">
             <div>
                 <label for="password-input">Enter password (min-length 5):</label>
-                <input type="text" id="password-input" name="password-input" />
+                <input type="text" id="password-input" name="password-input" /><br />
+                <span class="invalid-password"></span>
             </div>
             <div>
                 <button type="button">Change Seed</button>
@@ -994,6 +1000,7 @@ window.electronAPI.onOpenSeedDialog((_event) => {
 
 const passwordDialog = document.getElementById('password-dialog')
 const passwordInput = passwordDialog.querySelector('input')
+const passwordError = passwordDialog.querySelector('span.invalid-password')
 const passwordSubmitButton = passwordDialog.querySelector('button[type="submit"]')
 const changeSeedButton = passwordDialog.querySelector('button[type="button"]')
 
@@ -1008,7 +1015,10 @@ const handleChangeSeedFn = () => {
   window.electronAPI.requestSeedChange()
 }
 
-window.electronAPI.onOpenPasswordDialog((_event) => {
+window.electronAPI.onOpenPasswordDialog((_event, showInvalidPassword = false) => {
+  if (showInvalidPassword) {
+    passwordError.innerHTML = 'INVALID PASSWORD'
+  }
   passwordSubmitButton.addEventListener('click', handlePasswordSubmitFn, {once : true});
   changeSeedButton.addEventListener('click', handleChangeSeedFn, {once : true});
   passwordDialog.showModal()