ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-21 12:15:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Clarified Step 1 instructions

Browse Source
This commit is contained in:
AlexanderBuzz
2023-08-15 18:44:39 +02:00
parent 66908d0ea7
commit 742e89210d
14 changed files with 69 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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)

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

@@ -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()

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

@@ -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>

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

@@ -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)

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

@@ -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()

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

@@ -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>

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

@@ -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)

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

@@ -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()

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

@@ -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>

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

@@ -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)

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

@@ -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()

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

@@ -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>

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

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

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

@@ -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()